/**
Script: Slideshow.js
	Slideshow - A javascript class for Mootools to stream and animate the presentation of images on your website.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).

Dependencies:
	Mootools 1.2 Core: Fx.Morph, Fx.Tween, Selectors, Element.Dimensions.
	Mootools 1.2 More: Assets.
*/

Slideshow=new Class({
    Implements:[Chain,Events,Options],
    options:{
        captions:false,
        center:true,
        classes:[],
        controller:false,
        delay:2000,
        duration:750,
        fast:false,
        height:false,
        href:"",
        hu:"",
        linked:false,
        loader:{
            animate:["css/loader-#.png",12]
            },
        loop:true,
        match:/\?slide=(\d+)$/,
        overlap:true,
        paused:false,
        properties:["href","rel","rev","title"],
        random:false,
        replace:[/(\.[^\.]+)$/,"t$1"],
        resize:"width",
        slide:0,
        thumbnails:false,
        titles:true,
        transition:function(A){
            return -(Math.cos(Math.PI*A)-1)/2
            },
        width:false
    },
    initialize:function(C,F,L){
        this.setOptions(L);
        this.slideshow=$(C);
        if(!this.slideshow){
            return
        }
        this.slideshow.set("styles",{
            display:"block",
            position:"relative",
            "z-index":0
        });
        var H=window.location.href.match(this.options.match);
        this.slide=(this.options.match&&H)?H[1].toInt():this.options.slide;
        this.counter=this.delay=this.transition=0;
        this.direction="left";
        this.paused=false;
        if(!this.options.overlap){
            this.options.duration*=2
            }
            var G=this.slideshow.getElement("a")||new Element("a");
        if(!this.options.href){
            this.options.href=G.get("href")||""
            }
            if(this.options.hu.length&&!this.options.hu.test(/\/$/)){
            this.options.hu+="/"
            }
            if(this.options.fast===true){
            this.options.fast=2
            }
            var K=["slideshow","first","prev","play","pause","next","last","images","captions","controller","thumbnails","hidden","visible","inactive","active","loader"];
        var J=K.map(function(N,M){
            return this.options.classes[M]||N
            },this);
        this.classes=J.associate(K);
        this.classes.get=function(){
            var O="."+this.slideshow;
            for(var N=0,M=arguments.length;N<M;N++){
                O+=("-"+this[arguments[N]])
                }
                return O
            }.bind(this.classes);
        if(!F){
            this.options.hu="";
            F={};

            var D=this.slideshow.getElements(this.classes.get("thumbnails")+" img");
            this.slideshow.getElements(this.classes.get("images")+" img").each(function(O,Q){
                var S=O.get("src");
                var N=$pick(O.get("alt"),O.get("title"),"");
                var R=O.getParent();
                var P=(R.get("tag")=="a")?R.getProperties:{};

                var M=O.getParent().get("href")||"";
                var T=(D[Q])?D[Q].get("src"):"";
                F[S]={
                    caption:N,
                    href:M,
                    thumbnail:T
                }
            })
        }
        var E=this.load(F);
    if(!E){
        return
    }
    this.events=$H({
        keydown:[],
        keyup:[],
        mousemove:[]
    });
    var B=function(M){
        switch(M.key){
            case"left":
                this.prev(M.shift);
                break;
            case"right":
                this.next(M.shift);
                break;
            case"p":
                this.pause();
                break
                }
            }.bind(this);
    this.events.keyup.push(B);
    document.addEvent("keyup",B);
    var C=this.slideshow.getElement(this.classes.get("images"));
    var I=(C)?C.empty():new Element("div",{
    "class":this.classes.get("images").substr(1)
    }).inject(this.slideshow);
    var A=I.getSize();
    this.height=this.options.height||A.y;
    this.width=this.options.width||A.x;
    I.set({
    styles:{
        display:"block",
        height:this.height,
        overflow:"hidden",
        position:"relative",
        width:this.width
        }
    });
this.slideshow.store("images",I);
    this.a=this.image=this.slideshow.getElement("img")||new Element("img");
    if(Browser.Engine.trident&&Browser.Engine.version>4){
    this.a.style.msInterpolationMode="bicubic"
    }
    this.a.set("styles",{
    display:"none",
    position:"absolute",
    zIndex:1
});
this.b=this.a.clone();
    [this.a,this.b].each(function(M){
    G.clone().cloneEvents(G).grab(M).inject(I)
    });
if(this.options.captions){
    this._captions()
    }
    if(this.options.controller){
    this._controller()
    }
    if(this.options.loader){
    this._loader()
    }
    if(this.options.thumbnails){
    this._thumbnails()
    }
    this._preload()
    },
go:function(B,A){
    if((this.slide-1+this.data.images.length)%this.data.images.length==B||$time()<this.transition){
        return
    }
    $clear(this.timer);
    this.delay=0;
    this.direction=(A)?A:((B<this.slide)?"right":"left");
    this.slide=B;
    if(this.preloader){
        this.preloader=this.preloader.destroy()
        }
        this._preload(this.options.fast==2||(this.options.fast==1&&this.paused))
    },
first:function(){
    this.prev(true)
    },
prev:function(A){
    var B=0;
    if(!A){
        if(this.options.random){
            if(this.showed.i<2){
                return
            }
            this.showed.i-=2;
            B=this.showed.array[this.showed.i]
            }else{
            B=(this.slide-2+this.data.images.length)%this.data.images.length
            }
        }
    this.go(B,"right")
},
pause:function(A){
    if($chk(A)){
        this.paused=(A)?false:true
        }
        if(this.paused){
        this.paused=false;
        this.delay=this.transition=0;
        this.timer=this._preload.delay(100,this);
        [this.a,this.b].each(function(B){
            ["morph","tween"].each(function(C){
                if(this.retrieve(C)){
                    this.get(C).resume()
                    }
                },B)
        });
    if(this.options.controller){
        this.slideshow.getElement("."+this.classes.pause).removeClass(this.classes.play)
        }
    }else{
    this.paused=true;
    this.delay=Number.MAX_VALUE;
    this.transition=0;
    $clear(this.timer);
    [this.a,this.b].each(function(B){
        ["morph","tween"].each(function(C){
            if(this.retrieve(C)){
                this.get(C).pause()
                }
            },B)
    });
if(this.options.controller){
    this.slideshow.getElement("."+this.classes.pause).addClass(this.classes.play)
    }
}
},
next:function(A){
    var B=(A)?this.data.images.length-1:this.slide;
    this.go(B,"left")
    },
last:function(){
    this.next(true)
    },
load:function(C){
    this.firstrun=true;
    this.showed={
        array:[],
        i:0
    };

    if($type(C)=="array"){
        this.options.captions=false;
        C=new Array(C.length).associate(C.map(function(H,G){
            return H+"?"+G
            }))
        }
        this.data={
        images:[],
        captions:[],
        hrefs:[],
        thumbnails:[]
    };

    for(var E in C){
        var D=C[E]||{};

        var B=(D.caption)?D.caption.trim():"";
        var A=(D.href)?D.href.trim():((this.options.linked)?this.options.hu+E:this.options.href);
        var F=(D.thumbnail)?D.thumbnail.trim():E.replace(this.options.replace[0],this.options.replace[1]);
        this.data.images.push(E);
        this.data.captions.push(B);
        this.data.hrefs.push(A);
        this.data.thumbnails.push(F)
        }
        if(this.options.random){
        this.slide=$random(0,this.data.images.length-1)
        }
        if(this.options.thumbnails&&this.slideshow.retrieve("thumbnails")){
        this._thumbnails()
        }
        if(this.slideshow.retrieve("images")){
        [this.a,this.b].each(function(G){
            ["morph","tween"].each(function(H){
                if(this.retrieve(H)){
                    this.get(H).cancel()
                    }
                },G)
        });
    this.slide=this.transition=0;
    this.go(0)
    }
    return this.data.images.length
},
destroy:function(A){
    this.events.each(function(C,B){
        C.each(function(D){
            document.removeEvent(B,D)
            })
        });
    this.pause(1);
    if(this.options.loader){
        $clear(this.slideshow.retrieve("loader").retrieve("timer"))
        }
        if(this.options.thumbnails){
        $clear(this.slideshow.retrieve("thumbnails").retrieve("timer"))
        }
        this.slideshow.uid=Native.UID++;
    if(A){
        this.slideshow[A]()
        }
    },
_preload:function(A){
    if(!this.preloader){
        this.preloader=new Asset.image(this.options.hu+this.data.images[this.slide],{
            onload:function(){
                this.store("loaded",true)
                }
            })
    }
    if(this.preloader.retrieve("loaded")&&$time()>this.delay&&$time()>this.transition){
    if(this.stopped){
        if(this.options.captions){
            this.slideshow.retrieve("captions").get("morph").cancel().start(this.classes.get("captions","hidden"))
            }
            this.pause(1);
        if(this.end){
            this.fireEvent("end")
            }
            this.stopped=this.end=false;
        return
    }
    this.image=(this.counter%2)?this.b:this.a;
    this.image.set("styles",{
        display:"block",
        height:"auto",
        visibility:"hidden",
        width:"auto",
        zIndex:this.counter
        });
    ["src","height","width"].each(function(D){
        this.image.set(D,this.preloader.get(D))
        },this);
    this._resize(this.image);
    this._center(this.image);
    var B=this.image.getParent();
    if(this.data.hrefs[this.slide]){
        B.set("href",this.data.hrefs[this.slide])
        }else{
        B.erase("href")
        }
        var C=(this.data.captions[this.slide])?this.data.captions[this.slide].replace(/<.+?>/gm,"").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"'"):"";
    this.image.set("alt",C);
    if(this.options.titles){
        B.set("title",C)
        }
        if(this.options.loader){
        this.slideshow.retrieve("loader").fireEvent("hide")
        }
        if(this.options.captions){
        this.slideshow.retrieve("captions").fireEvent("update",A)
        }
        if(this.options.thumbnails){
        this.slideshow.retrieve("thumbnails").fireEvent("update",A)
        }
        this._show(A);
    this._loaded()
    }else{
    if($time()>this.delay&&this.options.loader){
        this.slideshow.retrieve("loader").fireEvent("show")
        }
        this.timer=(this.paused&&this.preloader.retrieve("loaded"))?null:this._preload.delay(100,this,A)
    }
},
_show:function(B){
    if(!this.image.retrieve("morph")){
        var C=(this.options.overlap)?{
            duration:this.options.duration,
            link:"cancel"
        }:{
            duration:this.options.duration/2,
            link:"chain"
        };

        $$(this.a,this.b).set("morph",$merge(C,{
            onStart:this._start.bind(this),
            onComplete:this._complete.bind(this),
            transition:this.options.transition
            }))
        }
        var E=this.classes.get("images",((this.direction=="left")?"next":"prev"));
    var F=this.classes.get("images","visible");
    var A=(this.counter%2)?this.a:this.b;
    if(B){
        A.get("morph").cancel().set(E);
        this.image.get("morph").cancel().set(F)
        }else{
        if(this.options.overlap){
            A.get("morph").set(F);
            this.image.get("morph").set(E).start(F)
            }else{
            var D=function(G,H){
                this.image.get("morph").set(G).start(H)
                }.pass([E,F],this);
            E=this.classes.get("images",((this.direction=="left")?"prev":"next"));
            A.get("morph").set(F).start(E).chain(D)
            }
        }
},
_loaded:function(){
    this.counter++;
    this.delay=(this.paused)?Number.MAX_VALUE:$time()+this.options.duration+this.options.delay;
    this.direction="left";
    this.transition=(this.options.fast==2||(this.options.fast==1&&this.paused))?0:$time()+this.options.duration;
    if(this.slide+1==this.data.images.length&&!this.options.loop&&!this.options.random){
        this.stopped=this.end=true
        }
        if(this.options.random){
        this.showed.i++;
        if(this.showed.i>=this.showed.array.length){
            var A=this.slide;
            if(this.showed.array.getLast()!=A){
                this.showed.array.push(A)
                }while(this.slide==A){
                this.slide=$random(0,this.data.images.length-1)
                }
            }else{
        this.slide=this.showed.array[this.showed.i]
        }
    }else{
    this.slide=(this.slide+1)%this.data.images.length
    }
    if(this.image.getStyle("visibility")!="visible"){
    (function(){
        this.image.setStyle("visibility","visible")
        }).delay(1,this)
    }
    if(this.preloader){
    this.preloader=this.preloader.destroy()
    }
    this._preload()
},
_center:function(A){
    if(this.options.center){
        var B=A.getSize();
        A.set("styles",{
            left:(B.x-this.width)/-2,
            top:(B.y-this.height)/-2
            })
        }
    },
_resize:function(B){
    if(this.options.resize){
        var D=this.preloader.get("height"),A=this.preloader.get("width");
        var E=this.height/D,C=this.width/A,F;
        if(this.options.resize=="length"){
            F=(E>C)?C:E
            }else{
            F=(E>C)?E:C
            }
            B.set("styles",{
            height:Math.ceil(D*F),
            width:Math.ceil(A*F)
            })
        }
    },
_start:function(){
    this.fireEvent("start")
    },
_complete:function(){
    if(this.firstrun&&this.options.paused){
        this.firstrun=false;
        this.pause(1)
        }
        this.fireEvent("complete")
    },
_captions:function(){
    if(this.options.captions===true){
        this.options.captions={}
    }
    var B=this.slideshow.getElement(this.classes.get("captions"));
var A=(B)?B.empty():new Element("div",{
    "class":this.classes.get("captions").substr(1)
    }).inject(this.slideshow);
A.set({
    events:{
        update:function(D){
            var C=this.slideshow.retrieve("captions");
            var F=(this.data.captions[this.slide]==="");
            if(D){
                var G=(F)?"hidden":"visible";
                C.set("html",this.data.captions[this.slide]).get("morph").cancel().set(this.classes.get("captions",G))
                }else{
                var E=(F)?$empty:function(H){
                    this.slideshow.retrieve("captions").set("html",this.data.captions[H]).morph(this.classes.get("captions","visible"))
                    }.pass(this.slide,this);
                C.get("morph").cancel().start(this.classes.get("captions","hidden")).chain(E)
                }
            }.bind(this)
    },
morph:$merge(this.options.captions,{
    link:"chain"
})
});
this.slideshow.store("captions",A)
},
_controller:function(){
    if(this.options.controller===true){
        this.options.controller={}
    }
    var E=this.slideshow.getElement(this.classes.get("controller"));
var A=(E)?E.empty():new Element("div",{
    "class":this.classes.get("controller").substr(1)
    }).inject(this.slideshow);
var C=new Element("ul").inject(A);
$H({
    first:"Shift + Leftwards Arrow",
    prev:"Leftwards Arrow",
    pause:"P",
    next:"Rightwards Arrow",
    last:"Shift + Rightwards Arrow"
}).each(function(J,I){
    var G=new Element("li",{
        "class":(I=="pause"&&this.options.paused)?this.classes.play+" "+this.classes[I]:this.classes[I]
        }).inject(C);
    var H=this.slideshow.retrieve(I,new Element("a",{
        title:((I=="pause")?this.classes.play.capitalize()+" / ":"")+this.classes[I].capitalize()+" ["+J+"]"
        }).inject(G));
    H.set("events",{
        click:function(K){
            this[K]()
            }.pass(I,this),
        mouseenter:function(K){
            this.addClass(K)
            }.pass(this.classes.active,H),
        mouseleave:function(K){
            this.removeClass(K)
            }.pass(this.classes.active,H)
        })
    },this);
A.set({
    events:{
        hide:function(G){
            if(!this.retrieve("hidden")){
                this.store("hidden",true).morph(G)
                }
            }.pass(this.classes.get("controller","hidden"),A),
    show:function(G){
        if(this.retrieve("hidden")){
            this.store("hidden",false).morph(G)
            }
        }.pass(this.classes.get("controller","visible"),A)
    },
morph:$merge(this.options.controller,{
    link:"cancel"
})
}).store("hidden",false);
var B=function(H){
    if(["left","right","p"].contains(H.key)){
        var G=this.slideshow.retrieve("controller");
        if(G.retrieve("hidden")){
            G.get("morph").set(this.classes.get("controller","visible"))
            }
            switch(H.key){
            case"left":
                this.slideshow.retrieve((H.shift)?"first":"prev").fireEvent("mouseenter");
                break;
            case"right":
                this.slideshow.retrieve((H.shift)?"last":"next").fireEvent("mouseenter");
                break;
            default:
                this.slideshow.retrieve("pause").fireEvent("mouseenter");
                break
                }
            }
}.bind(this);
this.events.keydown.push(B);
var F=function(H){
    if(["left","right","p"].contains(H.key)){
        var G=this.slideshow.retrieve("controller");
        if(G.retrieve("hidden")){
            G.store("hidden",false).fireEvent("hide")
            }
            switch(H.key){
            case"left":
                this.slideshow.retrieve((H.shift)?"first":"prev").fireEvent("mouseleave");
                break;
            case"right":
                this.slideshow.retrieve((H.shift)?"last":"next").fireEvent("mouseleave");
                break;
            default:
                this.slideshow.retrieve("pause").fireEvent("mouseleave");
                break
                }
            }
}.bind(this);
this.events.keyup.push(F);
var D=function(H){
    var G=this.slideshow.retrieve("images").getCoordinates();
    if(H.page.x>G.left&&H.page.x<G.right&&H.page.y>G.top&&H.page.y<G.bottom){
        this.slideshow.retrieve("controller").fireEvent("show")
        }else{
        this.slideshow.retrieve("controller").fireEvent("hide")
        }
    }.bind(this);
this.events.mousemove.push(D);
document.addEvents({
    keydown:B,
    keyup:F,
    mousemove:D
});
this.slideshow.retrieve("controller",A).fireEvent("hide")
},
_loader:function(){
    if(this.options.loader===true){
        this.options.loader={}
    }
    var A=new Element("div",{
    "class":this.classes.get("loader").substr(1),
    morph:$merge(this.options.loader,{
        link:"cancel"
    })
    }).store("hidden",false).store("i",1).inject(this.slideshow.retrieve("images"));
if(this.options.loader.animate){
    for(var B=0;B<this.options.loader.animate[1];B++){
        img=new Asset.image(this.options.loader.animate[0].replace(/#/,B))
        }
        if(Browser.Engine.trident4&&this.options.loader.animate[0].contains("png")){
        A.setStyle("backgroundImage","none")
        }
    }
A.set("events",{
    animate:function(){
        var C=this.slideshow.retrieve("loader");
        var E=(C.retrieve("i").toInt()+1)%this.options.loader.animate[1];
        C.store("i",E);
        var D=this.options.loader.animate[0].replace(/#/,E);
        if(Browser.Engine.trident4&&this.options.loader.animate[0].contains("png")){
            C.style.filter='progid:DXImageTransform.Microsoft.AlphaImageLoader(src="'+D+'", sizingMethod="scale")'
            }else{
            C.setStyle("backgroundImage","url("+D+")")
            }
        }.bind(this),
    hide:function(){
    var C=this.slideshow.retrieve("loader");
    if(!C.retrieve("hidden")){
        C.store("hidden",true).morph(this.classes.get("loader","hidden"));
        if(this.options.loader.animate){
            $clear(C.retrieve("timer"))
            }
        }
}.bind(this),
show:function(){
    var C=this.slideshow.retrieve("loader");
    if(C.retrieve("hidden")){
        C.store("hidden",false).morph(this.classes.get("loader","visible"));
        if(this.options.loader.animate){
            C.store("timer",function(){
                this.fireEvent("animate")
                }.periodical(50,C))
            }
        }
}.bind(this)
});
this.slideshow.retrieve("loader",A).fireEvent("hide")
},
_thumbnails:function(){
    if(this.options.thumbnails===true){
        this.options.thumbnails={}
    }
    var C=this.slideshow.getElement(this.classes.get("thumbnails"));
var E=(C)?C.empty():new Element("div",{
    "class":this.classes.get("thumbnails").substr(1)
    }).inject(this.slideshow);
E.setStyle("overflow","hidden");
var A=new Element("ul",{
    tween:{
        link:"cancel"
    }
}).inject(E);
this.data.thumbnails.each(function(J,I){
    var F=new Element("li").inject(A);
    var G=new Element("a",{
        events:{
            click:function(K){
                this.go(K);
                return false
                }.pass(I,this),
            loaded:function(){
                this.data.thumbnails.pop();
                if(!this.data.thumbnails.length){
                    var O=E.getCoordinates();
                    var M=E.retrieve("props");
                    var K=0,N=M[1],L=M[2];
                    E.getElements("li").each(function(P){
                        var P=P.getCoordinates();
                        if(P[N]>K){
                            K=P[N]
                            }
                        },this);
                E.store("limit",O[L]+O[M[0]]-K)
                }
            }.bind(this)
        },
    href:this.options.hu+this.data.images[I],
    morph:$merge(this.options.thumbnails,{
        link:"cancel"
    })
    }).inject(F);
if(this.data.captions[I]&&this.options.titles){
    G.set("title",this.data.captions[I].replace(/<.+?>/gm,"").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"'"))
    }
    var H=new Asset.image(this.options.hu+J,{
    onload:function(){
        this.fireEvent("loaded")
        }.bind(G)
    }).inject(G)
},this);
E.set("events",{
    scroll:function(H,K){
        var F=this.getCoordinates();
        var L=this.getElement("ul").getPosition();
        var N=this.retrieve("props");
        var I=N[3],R,O=N[0],T=N[2],P;
        var S=this.getElement("ul").get("tween",{
            property:O
        });
        if($chk(H)){
            var Q=this.getElements("li")[H].getCoordinates();
            R=F[O]+(F[T]/2)-(Q[T]/2)-Q[O];
            P=(L[I]-F[O]+R).limit(this.retrieve("limit"),0);
            if(K){
                S.set(P)
                }else{
                S.start(P)
                }
            }else{
        var G=F[N[2]]/3,M=this.retrieve("page"),J=-0.2;
        if(M[I]<(F[O]+G)){
            R=(M[I]-F[O]-G)*J
            }else{
            if(M[I]>(F[O]+F[T]-G)){
                R=(M[I]-F[O]-F[T]+G)*J
                }
            }
        if(R){
        P=(L[I]-F[O]+R).limit(this.retrieve("limit"),0);
        S.set(P)
        }
    }
}.bind(E),
update:function(F){
    var G=this.slideshow.retrieve("thumbnails");
    G.getElements("a").each(function(H,I){
        if(I==this.slide){
            if(!H.retrieve("active",false)){
                H.store("active",true);
                var K=this.classes.get("thumbnails","active");
                if(F){
                    H.get("morph").set(K)
                    }else{
                    H.morph(K)
                    }
                }
        }else{
        if(H.retrieve("active",true)){
            H.store("active",false);
            var J=this.classes.get("thumbnails","inactive");
            if(F){
                H.get("morph").set(J)
                }else{
                H.morph(J)
                }
            }
    }
},this);
if(!G.retrieve("mouseover")){
    G.fireEvent("scroll",[this.slide,F])
    }
}.bind(this)
});
var D=E.getCoordinates();
E.store("props",(D.height>D.width)?["top","bottom","height","y"]:["left","right","width","x"]);
var B=function(F){
    var G=this.getCoordinates();
    if(F.page.x>G.left&&F.page.x<G.right&&F.page.y>G.top&&F.page.y<G.bottom){
        this.store("page",F.page);
        if(!this.retrieve("mouseover")){
            this.store("mouseover",true);
            this.store("timer",function(){
                this.fireEvent("scroll")
                }.periodical(50,this))
            }
        }else{
    if(this.retrieve("mouseover")){
        this.store("mouseover",false);
        $clear(this.retrieve("timer"))
        }
    }
}.bind(E);
this.events.mousemove.push(B);
document.addEvent("mousemove",B);
this.slideshow.store("thumbnails",E)
}
});