﻿LightboxOptions=Object.extend({fileLoadingImage:"images/loading.gif",fileBottomNavCloseImage:"images/closelabel.gif",overlayOpacity:.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)*.15:0;this.overlayDuration=LightboxOptions.animate?.2:0;var b=(LightboxOptions.animate?250:1)+"px",a=$$("body")[0];a.appendChild(Builder.node("div",{id:"overlay"}));a.appendChild(Builder.node("div",{id:"lightbox"},[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})))])),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})))]))]));$("overlay").hide().observe("click",function(){this.end()}.bind(this));$("lightbox").hide().observe("click",function(a){if(a.element().id=="lightbox")this.end()}.bind(this));$("outerImageContainer").setStyle({width:b,height:b});$("prevLink").observe("click",function(a){a.stop();this.changeImage(this.activeImage-1)}.bindAsEventListener(this));$("nextLink").observe("click",function(a){a.stop();this.changeImage(this.activeImage+1)}.bindAsEventListener(this));$("loadingLink").observe("click",function(a){a.stop();this.end()}.bind(this));$("bottomNavClose").observe("click",function(a){a.stop();this.end()}.bind(this));var c=this;(function(){var a="overlay lightbox outerImageContainer imageContainer lightboxImage hoverNav prevLink nextLink loading loadingLink imageDataContainer imageData imageDetails caption numberDisplay bottomNav bottomNavClose";$w(a).each(function(a){c[a]=$(a)})}).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(a){$$("select","object","embed").each(function(a){a.style.visibility="hidden"});var d=this.getPageSize();$("overlay").setStyle({width:d[0]+"px",height:d[1]+"px"});new Effect.Appear(this.overlay,{duration:this.overlayDuration,from:0,to:LightboxOptions.overlayOpacity});this.imageArray=[];var b=0;if(a.rel=="lightbox")this.imageArray.push([a.href,a.title]);else{this.imageArray=$$(a.tagName+'[href][rel="'+a.rel+'"]').collect(function(a){return [a.href,a.title]}).uniq();while(this.imageArray[b][0]!=a.href)b++}var c=document.viewport.getScrollOffsets(),f=c[1]+document.viewport.getHeight()/10,e=c[0];this.lightbox.setStyle({top:f+"px",left:e+"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:1e-4});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(i,a){var e=this.outerImageContainer.getWidth(),d=this.outerImageContainer.getHeight(),b=i+LightboxOptions.borderSize*2,f=a+LightboxOptions.borderSize*2,j=b/e*100,k=f/d*100,h=e-b,g=d-f;if(g!=0)new Effect.Scale(this.outerImageContainer,k,{scaleX:false,duration:this.resizeDuration,queue:"front"});if(h!=0)new Effect.Scale(this.outerImageContainer,j,{scaleY:false,duration:this.resizeDuration,delay:this.resizeDuration});var c=0;if(g==0&&h==0){c=100;if(Prototype.Browser.IE)c=250}(function(){this.prevLink.setStyle({height:a+"px"});this.nextLink.setStyle({height:a+"px"});this.imageDataContainer.setStyle({width:b+"px"});this.showImage()}).bind(this).delay(c/1e3)},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.SlideDown(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(c){var a=c.keyCode,b;if(c.DOM_VK_ESCAPE)b=c.DOM_VK_ESCAPE;else b=27;var d=String.fromCharCode(a).toLowerCase();if(d.match(/x|o|c/)||a==b)this.end();else if(d=="p"||a==37){if(this.activeImage!=0){this.disableKeyboardNav();this.changeImage(this.activeImage-1)}}else if(d=="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,d;if(window.innerHeight&&window.scrollMaxY){c=window.innerWidth+window.scrollMaxX;d=window.innerHeight+window.scrollMaxY}else if(document.body.scrollHeight>document.body.offsetHeight){c=document.body.scrollWidth;d=document.body.scrollHeight}else{c=document.body.offsetWidth;d=document.body.offsetHeight}var a,b;if(self.innerHeight){if(document.documentElement.clientWidth)a=document.documentElement.clientWidth;else a=self.innerWidth;b=self.innerHeight}else if(document.documentElement&&document.documentElement.clientHeight){a=document.documentElement.clientWidth;b=document.documentElement.clientHeight}else if(document.body){a=document.body.clientWidth;b=document.body.clientHeight}if(d<b)pageHeight=b;else pageHeight=d;if(c<a)pageWidth=c;else pageWidth=a;return [pageWidth,pageHeight]}};document.observe("dom:loaded",function(){new Lightbox})
