// 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 : true, showNumbers : true, descriptions : true, 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", "").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.center.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)
   {
	     $$('select', 'object', 'embed').each(function(node){ node.style.visibility = 'hidden' });
      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()
   {
	   $$('select', 'object', 'embed').each(function(node){ node.style.visibility = 'visible' });
	    var C = $A(document.getElementsByTagName("object"));
      if(window.ie)
      {
         C.extend(document.getElementsByTagName("select"))
      }
      C.each(function(D)
      {
         D.style.visibility = A ? "visible" : ""
      }
      );
      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
   }
}
);