// Lightbox 1.6, Extended version of Slimbox with some fixes for Mootools 1.2 by Aeron Glemann. Copyright (c) 2007 Samuel Birch <http://phatfusion.net>, MIT Style License.

var Lightbox=new Class(
	{
		Implements:[Events,Options],
		options:{
			resizeDuration:400,
			resizeTransition:Fx.Transitions.Sine.easeInOut,
			initialWidth:250,
			initialHeight:250,
			animateCaption:{In:true,Out:true},
			showControls:false,
			showNumbers:true,
			descriptions:false,
			opacity:0.8,
			onClose:$empty,
			onOpen:$empty
		},
		initialize:function(A){
			this.setOptions(A);
			this.options.container=document.body;
			this.anchors=[];
			$$("a[rel]").each(function(C){
				if(C.rel.test(/^lightbox/i)){
					C.onclick=this.click.pass(C,this);
					this.anchors.push(C)
				}
			},this);
			this.eventPosition=this.position.bind(this);
			this.overlay=new Element("div").set("id","lbOverlay").inject(this.options.container);
			this.center=new Element("div").set("id","lbCenter").setStyles({width:this.options.initialWidth+"px",height:this.options.initialHeight+"px",marginLeft:"-"+(this.options.initialWidth/2)+"px",display:"none"}).inject(this.options.container);
			this.image=new Element("div").set("id","lbImage").inject(this.center);
			this.bottomContainer=new Element("div").set("id","lbBottomContainer").setStyle("display","none").inject(this.options.container);
			this.bottom=new Element("div").set("id","lbBottom").inject(this.bottomContainer);
			if(this.options.showControls){
				this.controlDiv=new Element("div").set("id","lbControls").inject(this.bottom)
			}else{
				this.controlDiv=this.image
			}
			this.prevLink=new Element("a").setProperties({id:"lbPrevLink",href:"#"}).setStyle("display","none").inject(this.controlDiv);
			this.nextLink=this.prevLink.clone().set("id","lbNextLink").inject(this.controlDiv);
			this.prevLink.onclick=this.previous.bind(this);
			this.nextLink.onclick=this.next.bind(this);
			this.closeButton=new Element("a").setProperties({id:"lbCloseLink",href:"#"}).inject(this.bottom);
			this.closeButton.onclick=this.overlay.onclick=this.close.bind(this);
			this.caption=new Element("div").set("id","lbCaption").inject(this.bottom);
			if(this.options.descriptions!=false){
				this.options.descriptions=$$(this.options.descriptions);
				this.description=new Element("div").set("id","lbDescription").inject(this.bottom)
			}
			if(this.options.showNumbers){
				this.number=new Element("div").set("id","lbNumber").inject(this.bottom)
			}
			new Element("div").setStyle("clear","both").inject(this.bottom);
			var B=this.nextEffect.bind(this);
			this.fx={
				overlay:new Fx.Tween(this.overlay,"opacity",{duration:500}),
				resize:new Fx.Morph(this.center,{duration:this.options.resizeDuration,transition:this.options.resizeTransition,onComplete:B}),
				image:new Fx.Tween(this.image,"opacity",{duration:500,onComplete:B}),
				bottom:new Fx.Tween(this.bottom,"margin-top",{duration:400,onComplete:B})
			};
			this.overlay.fade("hide");
			this.preloadPrev=new Image();
			this.preloadNext=new Image();
			return this
		},
		click:function(D){
			if(this.options.descriptions!=false){
				this.options.descriptions.each(function(F,E){
					if(F.hasClass(D.id)){
						this.linkLoc=E
					}
				},this)
			}
			if(D.rel.length==8){
				return this.show(D.href,D.title)
			}
			var C,B,A=[];
			this.anchors.each(function(E){
				if(E.rel==D.rel){
					for(C=0;C<A.length;C++){
						if(A[C][0]==E.href){
							break
						}
					}
					if(C==A.length){
						A.push([E.href,E.title]);
						if(E.href==D.href){
							B=C
						}
					}
				}
			},this);
			return this.open(A,B)
		},
		show:function(A,B){
			return this.open([[A,B]],0)
		},
		open:function(A,B){
			this.images=A;
			this.position();
			this.setup(true);
			this.top=window.getScrollTop()+(window.getHeight()/15);
			this.window={};
			this.window.height=window.getScrollHeight();
			this.window.width=window.getScrollWidth();
			this.window.top=window.getScrollTop();
			this.window.left=window.getScrollLeft();
			this.center.setStyles({top:this.top+"px",display:""});
			this.overlay.fade(this.options.opacity);
			this.fireEvent("onOpen");
			return this.changeImage(B)
		},
		position:function(){
			if(this.options.container==document.body){
				var B=window.getScrollHeight()+"px";
				var A=window.getScrollWidth()+"px";
				this.overlay.setStyles({top:"0px",height:B,width:A})
			}
			else{
				var C=this.options.container.getCoordinates();
				this.overlay.setStyles({top:C.top+"px",height:C.height+"px",left:C.left+"px",width:C.width+"px"})
			}
		},
		setup:function(A){
			var C=$A(document.getElementsByTagName("object"));
			if(window.ie){
				C.extend(document.getElementsByTagName("select"))
			}
			C.each(function(D){
				D.style.visibility=A?"hidden":""
			});
			var B=A?"addEvent":"removeEvent";
			window[B]("scroll",this.eventPosition)[B]("resize",this.eventPosition);
			this.step=0
		},
		previous:function(){
			this.linkLoc--;
			return this.changeImage(this.activeImage-1)
		},
		next:function(){
			this.linkLoc++;
			return this.changeImage(this.activeImage+1)
		},
		changeImage:function(A){
			if(this.step||(A<0)||(A>=this.images.length)){
				return false
			}
			this.step=1;
			this.activeImage=A;
			if(this.options.animateCaption.In&&this.bottom.offsetHeight){
				this.prevLink.style.display=this.nextLink.style.display="none";
				this.bottom.set("tween",{duration:300,onComplete:this.loadImage.bind(this)}).tween("margin-top",-this.bottom.offsetHeight)
			}else{
				this.bottomContainer.style.display=this.prevLink.style.display=this.nextLink.style.display="none";
				this.loadImage()
			}
			this.image.fade("hide");
			this.center.className="lbLoading";
			return false
		},
		loadImage:function(){
			this.preload=new Image();
			this.preload.onload=this.nextEffect.bind(this);
			this.preload.src=this.images[this.activeImage][0]
		},
		nextEffect:function(){
			switch(this.step++){
			case 1:
				this.center.className="";
				this.image.style.backgroundImage="url("+this.images[this.activeImage][0]+")";
				this.image.style.width=this.bottom.style.width=this.preload.width+"px";
				if(this.options.showControls){
					this.image.style.height=this.preload.height+"px"
				}else{
					this.image.style.height=this.prevLink.style.height=this.nextLink.style.height=this.preload.height+"px"
				}
				this.caption.set("html",this.images[this.activeImage][1]||"");
				if(this.options.descriptions!=false){
					if(this.description.getFirst()){
						this.description.getFirst().remove()
					}
					var B=this.options.descriptions[this.linkLoc].clone();
					B.setStyle("display","block").inject(this.description)
				}
				if(this.options.showNumbers){
					this.number.set("html",(this.images.length==1)?"":"Image "+(this.activeImage+1)+" of "+this.images.length)
				}
				if(this.activeImage){
					this.preloadPrev.src=this.images[this.activeImage-1][0]
				}
				if(this.activeImage!=(this.images.length-1)){
					this.preloadNext.src=this.images[this.activeImage+1][0]
				}
				if(this.center.clientHeight!=this.image.offsetHeight){
					this.fx.resize.start({height:this.image.offsetHeight});
					break
				}
				this.step++;
			case 2:
				if(this.center.clientWidth!=this.image.offsetWidth){
					this.fx.resize.start({width:this.image.offsetWidth,marginLeft:-this.image.offsetWidth/2});
					break
				}
				this.step++;
			case 3:
				this.bottomContainer.setStyles({top:(this.top+this.center.clientHeight)+"px",height:"0px",marginLeft:this.center.style.marginLeft,display:""});
				this.image.fade("in");
				var A=this.caption.getStyle("height").toInt();
				if(this.options.descriptions!=false){
					A+=this.description.getStyle("height").toInt()
				}
				if(this.options.showControls){
					A+=this.controlDiv.getStyle("height").toInt()
				}
				if(this.options.showNumbers){
					A+=this.number.getStyle("height").toInt()
				}
				var C=(A-(this.closeButton.getStyle("height").toInt()*2));
				if(C<0){C=0}
				this.closeButton.setStyle("marginTop",C+"px");
				if(this.activeImage!=0){
					this.prevLink.style.display=""
				}
				if(this.activeImage!=(this.images.length-1)){
					this.nextLink.style.display=""
				}
				break;
			case 4:
				if(this.options.animateCaption.Out){
					this.fx.bottom.set(-this.bottom.offsetHeight);
					this.bottomContainer.style.height="";
					this.fx.bottom.start(0);
					break
				}
				this.bottomContainer.style.height="";
			case 5:
				this.step=0
			}
		},
		close:function(){
			if(this.step<0){return }
			this.step=-1;
			if(this.preload){
				this.preload.onload=$empty;
				this.preload=null
			}
			for(var A in this.fx){
				this.fx[A].cancel()
			}
			this.center.style.display=this.bottomContainer.style.display="none";
			this.overlay.fade("out");
			this.setup.pass(false,this);
			this.overlay.setStyles({height:this.window.height+"px",width:this.window.width+"px"});
			this.fireEvent("onClose");
			return false
		}
	});