(function(){
/*
* Puts close button at top
* Also fixes counter starting from zero (as of 14 Dec 2009)
*/
var S = Shadowbox,
U = S.util,
//Wizzud...
_closeTop = {hide:0, show:0},
/**
* Keeps track of whether or not the overlay is activated.
*
* @var Boolean
* @private
*/
overlay_on = false,
/**
* A cache of elements that are troublesome for modal overlays.
*
* @var Array
* @private
*/
visibility_cache = [],
/**
* Id's of elements that need transparent PNG support in IE6.
*
* @var Array
* @private
*/
png = [
'sb-nav-close',
'sb-nav-next',
'sb-nav-play',
'sb-nav-pause',
'sb-nav-previous'
],
// the Shadowbox.skin object
K = {
/**
* The HTML markup to use.
*
* @var String
* @public
*/
markup: '
',
/**
* Options that are specific to the skin.
*
* @var Object
* @public
*/
options: {
animSequence: 'sync', // the sequence of the resizing animations. "hw" will resize
// height, then width. "wh" resizes width, then height. "sync"
// resizes both simultaneously
autoDimensions: false, // use the dimensions of the first piece as the initial dimensions
// if they are available
counterLimit: 10, // limit to the number of counter links that
// are displayed in a "skip" style counter
counterType: 'default', // counter type. May be either "default" or
// "skip". Skip counter displays a link for
// each item in gallery
displayCounter: true, // display the gallery counter
displayNav: true, // show the navigation controls
fadeDuration: 0.35, // duration of the fade animations (in seconds)
initialHeight: 160, // initial height (pixels)
initialWidth: 320, // initial width (pixels)
modal: false, // trigger Shadowbox.close() when overlay is
// clicked
overlayColor: '#000', // color to use for modal overlay
overlayOpacity: 0.8, // opacity to use for modal overlay
resizeDuration: 0.35, // duration of the resizing animations (in seconds)
showOverlay: true, // show the overlay
troubleElements: ['select', 'object', 'embed', 'canvas'] // names of elements that are
// troublesome for modal overlays
},
/**
* Initialization function. Called immediately after this skin's markup
* has been appended to the document with all of the necessary language
* replacements done.
*
* @return void
* @public
*/
init: function(){
// append markup to body
var markup = K.markup.replace(/\{(\w+)\}/g, function(m, p){
return S.lang[p];
});
S.lib.append(document.body, markup);
// several fixes for IE6
if(S.client.isIE6){
// trigger hasLayout on sb-body
U.get('sb-body').style.zoom = 1;
// support transparent PNG's via AlphaImageLoader
var el, m, re = /url\("(.*\.png)"\)/;
U.each(png, function(id){
el = U.get(id);
if(el){
m = S.lib.getStyle(el, 'backgroundImage').match(re);
if(m){
el.style.backgroundImage = 'none';
el.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src=' +
m[1] + ',sizingMethod=scale);';
}
}
});
}
// set up window resize event handler
var id;
S.lib.addEvent(window, 'resize', function(){
// use 50 ms event buffering to prevent jerky window resizing
if(id){
clearTimeout(id);
id = null;
}
// check if activated because IE7 fires window resize event
// when container display is set to block
if(S.isActive()){
id = setTimeout(function(){
K.onWindowResize();
var c = S.content;
if(c && c.onWindowResize)
c.onWindowResize();
}, 50);
}
});
},
/**
* Gets the element that content should be appended to.
*
* @return HTMLElement The body element
* @public
*/
bodyEl: function(){
return U.get('sb-body-inner');
},
/**
* Called when Shadowbox opens from an inactive state.
*
* @param Object obj The object to open
* @param Function cb The function to call when finished
* @return void
* @public
*/
onOpen: function(obj, cb){
toggleTroubleElements(false);
var h = S.options.autoDimensions && 'height' in obj
? obj.height
: S.options.initialHeight,
w = S.options.autoDimensions && 'width' in obj
? obj.width
: S.options.initialWidth;
U.get('sb-container').style.display = 'block';
var d = setDimensions(h, w);
adjustHeight(d.inner_h, d.top, false);
adjustWidth(d.width, d.left, false);
toggleVisible(cb);
},
/**
* Called when a new piece of content is being loaded.
*
* @param mixed content The content object
* @param Boolean change True if the content is changing
* from some previous content
* @param Function cb A callback that should be fired when
* this function is finished
* @return void
* @public
*/
onLoad: function(content, change, cb){
toggleLoading(true);
hideBars(change, function(){ // if changing, animate the bars transition
if(!content) return;
// if opening, clear #sb-wrapper display
if(!change) U.get('sb-wrapper').style.display = '';
cb();
});
},
/**
* Called when the content is ready to be loaded (e.g. when the image
* has finished loading). Should resize the content box and make any
* other necessary adjustments.
*
* @param Function cb A callback that should be fired when
* this function is finished
* @return void
* @public
*/
onReady: function(cb){
var c = S.content;
if(!c) return;
// set new dimensions
var d = setDimensions(c.height, c.width, c.resizable);
K.resizeContent(d.inner_h, d.width, d.top, d.left, true, function(){
showBars(cb);
});
},
/**
* Called when the content is loaded into the box and is ready to be
* displayed.
*
* @param Function cb A callback that should be fired when
* this function is finished
* @return void
* @public
*/
onFinish: function(cb){
toggleLoading(false, cb);
},
/**
* Called when Shadowbox is closed.
*
* @return void
* @public
*/
onClose: function(){
toggleVisible();
toggleTroubleElements(true);
},
/**
* Called in Shadowbox.play().
*
* @return void
* @public
*/
onPlay: function(){
toggleNav('play', false);
toggleNav('pause', true);
},
/**
* Called in Shadowbox.pause().
*
* @return void
* @public
*/
onPause: function(){
toggleNav('pause', false);
toggleNav('play', true);
},
/**
* Called when the window is resized.
*
* @return void
* @public
*/
onWindowResize: function(){
var c = S.content;
if(!c) return;
// set new dimensions
var d = setDimensions(c.height, c.width, c.resizable);
adjustWidth(d.width, d.left, false);
adjustHeight(d.inner_h, d.top, false);
var el = U.get(S.contentId());
if(el){
// resize resizable content when in resize mode
if(c.resizable && S.options.handleOversize == 'resize'){
el.height = d.resize_h;
el.width = d.resize_w;
}
}
},
/**
* Resizes Shadowbox to the appropriate height and width for the current
* content.
*
* @param Number height The new height to use
* @param Number width The new width to use
* @param Number top The new top to use
* @param Number left The new left to use
* @param Boolean anim True to animate the transition
* @param Function cb A callback function to execute after the
* resize completes
* @return void
* @public
*/
resizeContent: function(height, width, top, left, anim, cb){
var c = S.content;
if(!c) return;
// set new dimensions
var d = setDimensions(c.height, c.width, c.resizable);
switch(S.options.animSequence){
case 'hw':
adjustHeight(d.inner_h, d.top, anim, function(){
adjustWidth(d.width, d.left, anim, cb);
});
break;
case 'wh':
adjustWidth(d.width, d.left, anim, function(){
adjustHeight(d.inner_h, d.top, anim, cb);
});
break;
default: // sync
adjustWidth(d.width, d.left, anim);
adjustHeight(d.inner_h, d.top, anim, cb);
}
}
};
/**
* Sets the top of the container element. This is only necessary in IE6
* where the container uses absolute positioning instead of fixed.
*
* @return void
* @private
*/
function fixTop(){
U.get('sb-container').style.top = document.documentElement.scrollTop + 'px';
}
/**
* Toggles the visibility of elements that are troublesome for modal
* overlays.
*
* @return void
* @private
*/
function toggleTroubleElements(on){
if(on){
U.each(visibility_cache, function(c){
c[0].style.visibility = c[1] || '';
});
}else{
visibility_cache = [];
U.each(S.options.troubleElements, function(tag){
U.each(document.getElementsByTagName(tag), function(el){
visibility_cache.push([el, el.style.visibility]);
el.style.visibility = 'hidden';
});
});
}
}
/**
* Toggles the visibility of #sb-container and sets its size (if on
* IE6). Also toggles the visibility of elements (