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