', { 'class': 'pinify-brandedTopHat-content' }).appendTo(teaser);
$('
![]()
', { id: 'pinify-brandedTopHat-firstLogo', src: options.icon, alt: 'Drag Me', 'class': 'msPinSite' }).appendTo(contentDiv);
$('
![]()
', { id: 'pinify-brandedTopHat-thirdLogo', src: options.icon, alt: 'Drag Me', 'class': 'msPinSite' }).appendTo(contentDiv);
$('
', { 'class': 'pinify-mainText' }).text(options.pinText).appendTo(contentDiv);
$('
', { 'class': 'pinify-brandedTopHat-secondaryText' }).text(options.secondaryText).appendTo(contentDiv);
},
doubleTopHat: function () {
teaser.addClass('pinify-doubleTopHat-container pinify-teaser').css('color', options.style.textColor);
leftDiv = $('
', { 'class': 'pinify-doubleTopHat-left' }).appendTo(teaser);
if (options.style.leftBackgroundImage) {
$(leftDiv).css('background-image', options.style.leftBackgoundImage);
}
leftBar = $('
', { id: 'pinify-doubleTopHat-leftBar' }).appendTo(leftDiv);
$('
![]()
', { id: 'pinify-doubleTopHat-logo', src: options.icon, alt: 'Drag Me', 'class': 'msPinSite' }).appendTo(leftBar);
rightDiv = $('
', { 'class': 'pinify-doubleTopHat-right' }).appendTo(teaser);
if (options.style.rightBackgroundImage) {
$(rightDiv).css('background-image', options.style.rightBackgoundImage);
}
$('
', { id: 'pinify-doubleTopHat-rightBar' }).appendTo(rightDiv);
mainContent = $('
', { id: 'pinify-doubleTopHat-rightBarMainContent' }).appendTo(rightDiv);
$('
', { 'class': 'pinify-mainText' }).text(options.pinText).appendTo(mainContent);
$('
', { 'class': 'pinify-doubleTopHat-lighterText' }).text(options.secondaryText).appendTo(rightDiv);
},
hangingChad: function () {
teaser.hide();
teaser.css({ 'color': options.style.textColor, 'background-color': options.style.backgroundColor }).addClass('pinify-hanging-container pinify-teaser');
$('
![]()
', { src: options.icon, 'class': 'msPinSite' }).appendTo(teaser);
$('
', { 'class': 'pinify-hanging-content' }).appendTo(teaser);
$('
', { id: 'pinify-pinText' }).text(options.pinText).appendTo(teaser);
teaser.fadeIn('slow');
}
};
options = $.extend({}, defaultOptions, options);
return this.each(function () {
//Call the correct builder function based on the type passed in
builder[options.type]();
//If it's not a sticky teaser, fade it out after a delay. Otherwise put a close button on the div
if (!options.sticky) {
this.delay(options.timeout).fadeOut('slow');
} else {
$('
').addClass('pinify-closePin').click(function () {
$('.pinify-teaser').slideUp('slow');
teaser.slideUp('slow');
}).appendTo(teaser);
}
if (!options.addStartLink) {
return;
}
$('
').addClass('pinify-addSiteLink').attr('href', '#').click(function (event) {
event.preventDefault();
try {
window.external.msAddSiteMode();
} catch (e) { }
}).css('color', options.linkColor).appendTo(teaser).text(options.linkText);
});
}
};
//main entry point for pinify methods that operate on a jQuery wrapped set (above)
$.fn.pinify = function (method) {
if (!siteModeSupported()) {
return this;
}
if (methods[method]) {
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
} else if (typeof method === 'object' || !method) {
return methods.init.apply(this, arguments);
} else {
$.error('Method ' + method + ' does not exist on jQuery.pinify');
}
};
/* pinify Utility Functions
* firstRunState: determines wheter a pinned site has been lanched for the first time
* isPinned: Returns true if the site is pinned to the taskbar, false if not
* addJumpList: Given options, adds jumplist items to a pinned window
* clearJumpList: Clears all dynamic jumplist items from the pinned window
* addOverlay: Given options, adds an overlay icon to the taskbar for the pinned site
* clearOverlay: Clears the current overlay icon
* flashTaskbar: Flashes the taskbar box of a pinned site
* createThumbbarButtons: creates buttons on the pinned site preview window thumbbar, and wires events to respond to button clicks
*/
$.pinify = {}; //create the pinify namespace for all of our pinify utilty functions
/* Return Values
* 0 = The pinned site is not in a first run state, or is not pinned
* 1 = First run from a drag and drop operation
* 2 = First run from a shortcut added to the Start menu (msAddSiteMode)
*/
$.pinify.firstRunState = function (preserveState) {
if (!siteModeSupported()) {
return 0;
}
if (preserveState) {
preserveState = false;
}
try {
return window.external.msIsSiteModeFirstRun(preserveState);
} catch (e) {
return 0;
}
};
$.pinify.isPinned = function () {
if (!siteModeSupported()) {
return false;
}
try {
return window.external.msIsSiteMode();
} catch (e) {
return false;
}
};
$.pinify.addJumpList = function (options) {
if (!siteModeSupported()) {
return this;
}
var defaultOptions = {
title: '',
items: []
};
options = $.extend({}, defaultOptions, options);
try {
if (window.external.msIsSiteMode()) {
window.external.msSiteModeClearJumplist();
window.external.msSiteModeCreateJumplist(options.title);
var items = options.items;
$.each(items, function (key, value) {
window.external.msSiteModeAddJumpListItem(value.name, value.url, value.icon);
});
window.external.msSiteModeShowJumplist();
}
} catch (e) { }
return this;
};
$.pinify.clearJumpList = function () {
if (!siteModeSupported()) {
return this;
}
try {
if (window.external.msIsSiteMode()) {
window.external.msSiteModeClearJumpList();
}
} catch (e) { }
};
$.pinify.addOverlay = function (options) {
if (!siteModeSupported()) {
return this;
}
var defaultOptions = {
eventName: 'click',
title: '',
icon: ''
};
options = $.extend({}, defaultOptions, options);
try {
if (window.external.msIsSiteMode()) {
window.external.msSiteModeClearIconOverlay();
window.external.msSiteModeSetIconOverlay(options.icon, options.title);
}
} catch (e) { }
};
$.pinify.clearOverlay = function () {
if (!siteModeSupported()) {
return this;
}
try {
if (window.external.msIsSiteMode()) {
window.external.msSiteModeClearIconOverlay();
}
} catch (e) { }
};
$.pinify.flashTaskbar = function (options) {
if (!siteModeSupported()) {
return this;
}
try {
if (window.external.msIsSiteMode()) {
window.external.msSiteModeActivate();
}
} catch (e) { }
};
$.pinify.createThumbbarButtons = function (options) {
if (!siteModeSupported()) {
return this;
}
var defaultOptions = {
buttons: []
};
options = $.extend({}, defaultOptions, options);
try {
if (window.external.msIsSiteMode()) {
var buttons = [];
//Create a ButtonStyle Object to hold a reference to the current button, an alternate style,
//if any, and the active Style
var ButtonStyle = function () { };
ButtonStyle.prototype.button = null;
ButtonStyle.prototype.alternateStyle = null;
ButtonStyle.prototype.activeStyle = 0;
ButtonStyle.prototype.click = null;
//Create the method to respond to thumbbar button clicks
var clickCurrent = function (btn) {
var curr = buttons[btn.buttonID];
curr.click();
if (curr.alternateStyle) {
var newStyle = curr.activeStyle === 0 ? curr.alternateStyle : 0;
window.external.msSiteModeShowButtonStyle(curr.button, newStyle);
curr.activeStyle = newStyle;
}
};
$.each(options.buttons, function (key, value) {
var btn = window.external.msSiteModeAddThumbBarButton(value.icon, value.name);
var altBtn;
if (value.alternateStyle) {
var style = value.alternateStyle;
altBtn = window.external.msSiteModeAddButtonStyle(btn, style.icon, style.name);
}
var buttonStyle = new ButtonStyle();
buttonStyle.button = btn;
buttonStyle.alternateStyle = altBtn;
buttonStyle.click = value.click;
buttons[btn] = buttonStyle;
document.addEventListener('msthumbnailclick', clickCurrent, false);
});
//Hide thumbbar buttons when the page is unloaded.
window.onunload = function () {
var key;
for (key in buttons) {
if (buttons.hasOwnProperty(key)) {
window.external.msSiteModeUpdateThumbBarButton(buttons[key].button, true, false);
}
}
};
//Make sure to re-display thumbbar buttons if they are hidden on a page unload.
window.onload = function () {
var key;
for (key in buttons) {
if (buttons.hasOwnProperty(key)) {
window.external.msSiteModeUpdateThumbBarButton(buttons[key].button, true, true);
}
}
};
window.external.msSiteModeShowThumbBar();
}
} catch (e) { }
};
})(jQuery);