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