/*
	Slimbox v1.64 - The ultimate lightweight Lightbox clone
	(c) 2007-2008 Christophe Beyls <http://www.digitalia.be>
	MIT-style license.
*/
/*
    Variables :
        A:
        B:
        C:
        D:
        E:  Gestion des animations d'ouverture
        F:
        G:
        H:  Div "lbPrevLink". Div contenant le bouton de photo précédente. Div s'étallant sur toute la hauteur et 50% en largeur.
            Au clic, execute D
        I:  Div "lbBottom". Div contenant le bandeau inférieur.
            Au clic, execute R
        J:
        K:
        L:
        M:
        N:
        O:
        P:  Div "lbImage". Div contenant la photo
        Q:
        R:
        S:
        T:
        U:
        V:
        W:  Div "lbNextLink". 
            Div contenant le bouton de photo suivante. 
            Div s'étallant sur toute la hauteur et 50% en largeur.
        X:  Div "Overlay".Div de fond en noir translucide.
            Au clic, execute N
        Y:  Div "lbCaption". Div contenant le texte explicatif de la photo.
        Z:  Div "lbBottomContainer". div contenaire du bandeau inférieur.
        a:  Div "lbCenter". Div supérieure.
*/
var Slimbox;
(
    function(){
        var G=0,F,L,B,S,T,O,E,M,J=new Image(),K=new Image(),X,a,P,H,W,Z,I,Y,C;
        window.addEvent(
            "domready",function(){
                $(document.body).adopt(
                    $$([
                        X=new Element("div",{id:"lbOverlay"}).addEvent("click",N),
                        a=new Element("div",{id:"lbCenter"}),
                        Z=new Element("div",{id:"lbBottomContainer"})]).setStyle("display","none")
                );
                P=new Element("div",{id:"lbImage"}).injectInside(a).adopt(
                    
                   
                );
                I=new Element("div",{id:"lbBottom"}).injectInside(Z).adopt(
                    W=new Element("a",{id:"lbNextLink",href:"#"}).addEvent("click",R),
                    new Element("a",{id:"lbCloseLink",href:"#"}).addEvent("click",N),
                     H=new Element("a",{id:"lbPrevLink",href:"#"}).addEvent("click",D),
                    Y=new Element("div",{id:"lbCaption"}),C=new Element("div",{id:"lbNumber"}),
                    new Element("div",{styles:{clear:"both"}})
                );
                E={
                    overlay:new Fx.Tween(X,{property:"opacity",duration:500}).set(0),
                    image:new Fx.Tween(P,{property:"opacity",duration:500,onComplete:A}),
                    bottom:new Fx.Tween(I,{property:"margin-top",duration:400})
                }
            }
        );
        Slimbox={
            open:function(e,d,c){
                F=$extend({
                    loop:false,
                    overlayOpacity:0.8,
                    resizeDuration:400,
                    resizeTransition:false,
                    initialWidth:250,
                    initialHeight:250,
                    animateCaption:true,
                    showCounter:true,
                    counterText:"Image {x} sur {y}"
                    },c||{}
                );
                if(typeof e=="string"){e=[[e,d]];d=0}L=e;
                F.loop=F.loop&&(L.length>1);b();Q(true);
                O=window.getScrollTop()+(window.getHeight()/15);
                E.resize=new Fx.Morph(a,$extend({duration:F.resizeDuration,onComplete:A},F.resizeTransition?{transition:F.resizeTransition}:{}));
                a.setStyles({top:O,width:F.initialWidth,height:F.initialHeight,marginLeft:-(F.initialWidth/2),display:""});
                E.overlay.start(F.overlayOpacity);
                G=1;
                return U(d)
            }
        };
        Element.implement({
            slimbox:function(c,d){
                $$(this).slimbox(c,d);
                return this
            }
        });
        Elements.implement({
            slimbox:function(c,f,e){
                f=f||function(g){return[g.href,g.title]};
                e=e||function(){return true};
                var d=this;
                d.removeEvents("click").addEvent("click",function(){var g=d.filter(e,this);return Slimbox.open(g.map(f),g.indexOf(this),c)});
                return d
            }
        });
        function b(){
            X.setStyles({
                top:window.getScrollTop(),
                height:window.getHeight()
            })
        }
        function Q(c){
            ["object",window.ie?"select":"embed"].forEach(
                function(e){Array.forEach(document.getElementsByTagName(e),function(f){if(c){f._slimbox=f.style.visibility}f.style.visibility=c?"hidden":f._slimbox})}
            );
            X.style.display=c?"":"none";
            var d=c?"addEvent":"removeEvent";
            window[d]("scroll",b)[d]("resize",b);
            document[d]("keydown",V)
        }
        function V(c){
            switch(c.code){
                case 27:
                case 88:
                case 67:
                    N();
                    break;
                case 37:
                case 80:
                    D();
                    break;
                case 39:
                case 78:
                    R()
            }
            return false
        }
        function D(){return U(S)}
        function R(){return U(T)}
        function U(c){
            if((G==1)&&(c>=0)){
                G=2;
                B=c;
                S=((B||!F.loop)?B:L.length)-1;
                T=B+1;
                if(T==L.length){T=F.loop?0:-1}
                $$(H,W,P,Z).setStyle("display","none");
                E.bottom.cancel().set(0);
                E.image.set(0);
                a.className="lbLoading";
                M=new Image();
                M.onload=A;
                M.src=L[c][0]
            }return false
        }
        function A(){
            switch(G++){
                case 2:
                    a.className="";
                    P.setStyles({backgroundImage:"url("+L[B][0]+")",display:""});
                    $$(P,I).setStyle("width",M.width);
                    $$(P).setStyle("height",M.height);
                    Y.set("html",L[B][1]||"");
                    //C.set("html",(F.showCounter&&(L.length>1))?F.counterText.replace(/{x}/,B+1).replace(/{y}/,L.length):"");
                    if(S>=0){J.src=L[S][0]}
                    if(T>=0){K.src=L[T][0]}
                    if(a.clientHeight!=P.offsetHeight){
                        E.resize.start({height:P.offsetHeight});
                        break
                    }G++;
                case 3:
                    if(a.clientWidth!=P.offsetWidth){E.resize.start({width:P.offsetWidth,marginLeft:-P.offsetWidth/2});break}G++;
                case 4:
                    Z.setStyles({top:O+a.clientHeight,marginLeft:a.style.marginLeft,visibility:"hidden",display:""});
                    E.image.start(1);
                    break;
                case 5:
                    if(S>=0){H.style.display=""}
                    if(T>=0){W.style.display=""}
                    if(F.animateCaption){E.bottom.set(-I.offsetHeight).start(0)}
                    Z.style.visibility="";G=1
            }
        }
        function N(){
            if(G){
                G=0;
                M.onload=$empty;
                for(var c in E){E[c].cancel()}
                $$(a,Z).setStyle("display","none");
                E.overlay.chain(Q).start(0);
                
            }
            return false
        }
    }
)();

// AUTOLOAD CODE BLOCK (MAY BE CHANGED OR REMOVED)
Slimbox.scanPage = function() {
	var links = $$("a").filter(function(el) {
		return el.rel && el.rel.test(/^lightbox/i);
	});
	$$(links).slimbox({/* Put custom options here */}, null, function(el) {
		return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel));
	});
};
window.addEvent("domready", Slimbox.scanPage);