LightboxOptions=Object.extend({fileLoadingImage:"templates/shoemanic/resources/images/lightbox/loading.gif",fileBottomNavCloseImage:"templates/shoemanic/resources-int/images/lightbox/closelabel-en.gif",overlayOpacity:0.8,animate:true,resizeSpeed:7,borderSize:10,labelImage:"Image",labelOf:"of"},window.LightboxOptions||{});
var Lightbox=Class.create();Lightbox.prototype={imageArray:[],activeImage:undefined,initialize:function(){this.updateImageList();this.keyboardAction=this.keyboardAction.bindAsEventListener(this);if(LightboxOptions.resizeSpeed>10){LightboxOptions.resizeSpeed=10;}if(LightboxOptions.resizeSpeed<1){LightboxOptions.resizeSpeed=1;
}this.resizeDuration=LightboxOptions.animate?((11-LightboxOptions.resizeSpeed)*0.15):0;this.overlayDuration=LightboxOptions.animate?0.2:0;var b=(LightboxOptions.animate?250:1)+"px";var a=$$("body")[0];a.appendChild(Builder.node("div",{id:"overlay"}));a.appendChild(Builder.node("div",{id:"lightbox"},[Builder.node("div",{id:"imageDataContainer"},Builder.node("div",{id:"imageData"},[Builder.node("div",{id:"imageDetails"},[Builder.node("span",{id:"caption"}),Builder.node("span",{id:"numberDisplay"})]),Builder.node("div",{id:"bottomNav"},Builder.node("a",{id:"bottomNavClose",href:"#"},Builder.node("img",{src:LightboxOptions.fileBottomNavCloseImage})))])),Builder.node("div",{id:"outerImageContainer"},Builder.node("div",{id:"imageContainer"},[Builder.node("img",{id:"lightboxImage"}),Builder.node("div",{id:"hoverNav"},[Builder.node("a",{id:"prevLink",href:"#"}),Builder.node("a",{id:"nextLink",href:"#"})]),Builder.node("div",{id:"loading"},Builder.node("a",{id:"loadingLink",href:"#"},Builder.node("img",{src:LightboxOptions.fileLoadingImage})))]))]));
$("overlay").hide().observe("click",(function(){this.end();}).bind(this));$("lightbox").hide().observe("click",(function(d){if(d.element().id=="lightbox"){this.end();}}).bind(this));$("outerImageContainer").setStyle({width:b,height:b});$("prevLink").observe("click",(function(d){d.stop();this.changeImage(this.activeImage-1);
}).bindAsEventListener(this));$("nextLink").observe("click",(function(d){d.stop();this.changeImage(this.activeImage+1);}).bindAsEventListener(this));$("loadingLink").observe("click",(function(d){d.stop();this.end();}).bind(this));$("bottomNavClose").observe("click",(function(d){d.stop();this.end();}).bind(this));
var c=this;(function(){var d="overlay lightbox outerImageContainer imageContainer lightboxImage hoverNav prevLink nextLink loading loadingLink "+"imageDataContainer imageData imageDetails caption numberDisplay bottomNav bottomNavClose";$w(d).each(function(e){c[e]=$(e);});}).defer();},updateImageList:function(){this.updateImageList=Prototype.emptyFunction;
document.observe("click",(function(a){var b=a.findElement("a[rel^=lightbox]")||a.findElement("area[rel^=lightbox]");if(b){a.stop();this.start(b);}}).bind(this));},start:function(f){$$("select","object","embed").each(function(g){g.style.visibility="hidden";});var c=this.getPageSize();$("overlay").setStyle({width:c[0]+"px",height:c[1]+"px"});
new Effect.Appear(this.overlay,{duration:this.overlayDuration,from:0,to:LightboxOptions.overlayOpacity});this.imageArray=[];var b=0;if((f.rel=="lightbox")){this.imageArray.push([f.href,f.title]);}else{this.imageArray=$$(f.tagName+'[href][rel="'+f.rel+'"]').collect(function(g){return[g.href,g.title];}).uniq();
while(this.imageArray[b][0]!=f.href){b++;}}var a=document.viewport.getScrollOffsets();var e=a[1]+(document.viewport.getHeight()/10);var d=a[0];this.lightbox.setStyle({top:e+"px",left:d+"px"}).show();this.changeImage(b);},changeImage:function(b){this.activeImage=b;if(LightboxOptions.animate){this.loading.show();
}this.lightboxImage.hide();this.hoverNav.hide();this.prevLink.hide();this.nextLink.hide();this.imageDataContainer.setStyle({opacity:0.0001});this.numberDisplay.hide();var a=new Image();a.onload=(function(){this.lightboxImage.src=this.imageArray[this.activeImage][0];this.resizeImageContainer(a.width,a.height);
}).bind(this);a.src=this.imageArray[this.activeImage][0];},resizeImageContainer:function(e,f){var h=this.outerImageContainer.getWidth();var c=this.outerImageContainer.getHeight();var g=(e+LightboxOptions.borderSize*2);var j=(f+LightboxOptions.borderSize*2);var k=(g/h)*100;var b=(j/c)*100;var i=h-g;var a=c-j;
if(a!=0){new Effect.Scale(this.outerImageContainer,b,{scaleX:false,duration:this.resizeDuration,queue:"front"});}if(i!=0){new Effect.Scale(this.outerImageContainer,k,{scaleY:false,duration:this.resizeDuration,delay:this.resizeDuration});}var d=0;if((a==0)&&(i==0)){d=100;if(Prototype.Browser.IE){d=250;
}}(function(){this.prevLink.setStyle({height:f+"px"});this.nextLink.setStyle({height:f+"px"});this.imageDataContainer.setStyle({width:g+"px"});this.showImage();}).bind(this).delay(d/1000);},showImage:function(){this.loading.hide();new Effect.Appear(this.lightboxImage,{duration:this.resizeDuration,queue:"end",afterFinish:(function(){this.updateDetails();
}).bind(this)});this.preloadNeighborImages();},updateDetails:function(){if(this.imageArray[this.activeImage][1]!=""){this.caption.update(this.imageArray[this.activeImage][1]).show();}if(this.imageArray.length>1){this.numberDisplay.update(LightboxOptions.labelImage+" "+(this.activeImage+1)+" "+LightboxOptions.labelOf+"  "+this.imageArray.length).show();
}new Effect.Parallel([new Effect.Appear(this.imageDataContainer,{sync:true,duration:this.resizeDuration,from:0,to:1}),new Effect.Appear(this.imageDataContainer,{sync:true,duration:this.resizeDuration})],{duration:this.resizeDuration,afterFinish:(function(){var a=this.getPageSize();this.overlay.setStyle({height:a[1]+"px"});
this.updateNav();}).bind(this)});},updateNav:function(){this.hoverNav.show();if(this.activeImage>0){this.prevLink.show();}if(this.activeImage<(this.imageArray.length-1)){this.nextLink.show();}this.enableKeyboardNav();},enableKeyboardNav:function(){document.observe("keydown",this.keyboardAction);},disableKeyboardNav:function(){document.stopObserving("keydown",this.keyboardAction);
},keyboardAction:function(d){var a=d.keyCode;var b;if(d.DOM_VK_ESCAPE){b=d.DOM_VK_ESCAPE;}else{b=27;}var c=String.fromCharCode(a).toLowerCase();if(c.match(/x|o|c/)||(a==b)){this.end();}else{if((c=="p")||(a==37)){if(this.activeImage!=0){this.disableKeyboardNav();this.changeImage(this.activeImage-1);}}else{if((c=="n")||(a==39)){if(this.activeImage!=(this.imageArray.length-1)){this.disableKeyboardNav();
this.changeImage(this.activeImage+1);}}}}},preloadNeighborImages:function(){var a,b;if(this.imageArray.length>this.activeImage+1){a=new Image();a.src=this.imageArray[this.activeImage+1][0];}if(this.activeImage>0){b=new Image();b.src=this.imageArray[this.activeImage-1][0];}},end:function(){this.disableKeyboardNav();
this.lightbox.hide();new Effect.Fade(this.overlay,{duration:this.overlayDuration});$$("select","object","embed").each(function(a){a.style.visibility="visible";});},getPageSize:function(){var c,a;if(window.innerHeight&&window.scrollMaxY){c=window.innerWidth+window.scrollMaxX;a=window.innerHeight+window.scrollMaxY;
}else{if(document.body.scrollHeight>document.body.offsetHeight){c=document.body.scrollWidth;a=document.body.scrollHeight;}else{c=document.body.offsetWidth;a=document.body.offsetHeight;}}var b,d;if(self.innerHeight){if(document.documentElement.clientWidth){b=document.documentElement.clientWidth;}else{b=self.innerWidth;
}d=self.innerHeight;}else{if(document.documentElement&&document.documentElement.clientHeight){b=document.documentElement.clientWidth;d=document.documentElement.clientHeight;}else{if(document.body){b=document.body.clientWidth;d=document.body.clientHeight;}}}if(a<d){pageHeight=d;}else{pageHeight=a;}if(c<b){pageWidth=c;
}else{pageWidth=b;}return[pageWidth,pageHeight];}};document.observe("dom:loaded",function(){new Lightbox();});