// 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}
	}
);