/*
Based on class Slideshow by Aeron Glemann, <http://electricprism.com/aeron/slideshow>.
*/

JaSlideshowClass = new Class({

    initialize: function(options) {
        this.options = options;
        if (!Cookie.get("JASLIDESHOWPLAY")) { Cookie.set("JASLIDESHOWPLAY", this.options.play, { duration: 1 }); }
        this.play = Cookie.get("JASLIDESHOWPLAY") == 'play' ? 1 : 0;
        if (this.options.images.length <= 1) { return; }
        if (this.options.pan != 'rand') {
            if (isNaN(this.options.pan.toInt()) || this.options.pan.toInt() < 0 || this.options.pan.toInt() > 100) { this.options.pan = 0; }
        }
        if (this.options.zoom != 'rand') {
            if (isNaN(this.options.zoom.toInt()) || this.options.zoom.toInt() < 0 || this.options.zoom.toInt() > 100) { this.options.zoom = 0; }
        }
        this.elementdiv = $('ja-slideshow-case');
        this.bardiv = $('ja-slidebar');
        this.image = img = $E('img', this.elementdiv);
        this.fx = [];
        this.start();
    },

    start: function() {
        this.elementdiv.setHTML('');
        this.image.setStyles({ display: 'block', position: 'absolute', left: '0', top: '0', zIndex: 1 });
        this.image.injectInside(this.elementdiv);
        this.setSize();
        this.elementdiv.setStyles({ display: 'block', position: 'relative', width: this.width + 'px' });
        this.div = new Element('div');
        this.div.setStyles({ display: 'block', height: (this.height + 'px'), overflow: 'hidden', position: 'relative', width: (this.width + 'px') });
        this.div.injectInside(this.elementdiv);
        this.image.injectInside(this.div);
        if (this.options.captions) {
            this.image.setProperty('alt', this.options.captions[0]);
            this.image.setProperty('title', this.options.captions[0]);
        }
        if (this.options.urls) {
            this.image.url = this.options.urls[0];
            this.image.style.cursor = "pointer";
            this.image.onclick = function() {
                location.href = this.url;
            }
        }

        this.imageAF = this.image.clone();
        this.imageAF.setStyle('opacity', 0);
        this.imageAF.injectAfter(this.image);
        if (this.options.navigation) { this.navigation(); }
        if ($type(this.options.captions) == 'array') {
            this.p = new Element('div');
            this.p.className = "description";
            this.p.setOpacity(0.75);
            if (!this.options.captions[0]) { this.p.className = "description-hidden"; }
            this.p.setHTML(this.options.captions[0]);
            this.p.injectInside(this.elementdiv);
        }
        this.direction = 'left';
        this.current = [1, 1];
        this.timer = (this.timer) ? [0] : [(new Date).getTime() + this.options.duration[1], 0];
        this.loader = new Image();
        this.loader.src = this.options.siteurl + this.options.url + this.options.images[this.current[0]].trim();
        if (this.play) this.preload();
    },

    setSize: function() {
        obj = this.image.getCoordinates();
        this.height = ((this.options.height) ? this.options.height : obj['height']);
        this.width = ((this.options.width) ? this.options.width : obj['width']);
    },

    resize: function() {
        dh = this.height / this.loader.height;
        dw = this.width / this.loader.width;
        n = (dw > dh) ? dw : dh;
        if (this.options.resize) { img.setStyles({ height: Math.ceil(this.loader.height * n) + 'px', width: Math.ceil(this.loader.width * n) + 'px' }); }
    },

    preload: function(fast) {
        if (this.loader.complete && ((new Date).getTime() > this.timer[0])) {
            img = (this.current[1] % 2) ? this.imageAF : this.image;
            img.setStyles({ height: 'auto', opacity: 0, width: 'auto', zIndex: this.current[1] });
            //check	
            img.setProperty('src', this.loader.src);
            if (this.options.captions) {
                img.setProperty('alt', this.options.captions[this.current[0]]);
                img.setProperty('title', this.options.captions[this.current[0]]);
            }

            if (this.options.urls) {
                img.url = this.options.urls[this.current[0]];
                img.style.cursor = "pointer";
                img.onclick = function() {
                    location.href = this.url;
                }
            } else {
                img.url = "";
                img.style.cursor = "";
                img.onclick = function() { }
            }

            this.resize();

            if (fast) {
                img.setStyles({ left: '0px', opacity: 1, top: '0px' });
                if ($type(this.options.captions) == 'array') { this.p.setHTML(this.options.captions[this.current[0]]).setStyle('opacity', 1); }
                return this.loaded();
            }

            this.fx = [];
            if ($type(this.options.captions) == 'array') {
                fn = function(i) {
                    if (this.options.captions && this.options.captions[i]) { this.p.className = "description"; this.p.setHTML(this.options.captions[i]); }
                    else { this.p.setHTML(''); this.p.className = "description-hidden"; }
                    fx = new Fx.Style(this.p, 'opacity');
                    fx.start(0, 0.75);
                    this.fx.push(fx);
                } .pass(this.current[0], this);

                fx = new Fx.Style(this.p, 'opacity', { onComplete: fn });
                fx.start(1, 0);
                this.fx.push(fx);
            }

            if (this.options.type.test(/push|wipe/)) {
                img.setStyles({ left: 'auto', right: 'auto' });
                img.setStyle(this.direction, this.width + 'px');
                img.setStyle('opacity', 1);

                if (this.options.type == 'wipe') {
                    fx = new Fx.Style(img, this.direction, { duration: this.options.duration[0], transition: this.options.transition, onComplete: this.complete.bind(this) });
                    fx.start(this.width, 0);
                    this.fx.push(fx);
                }

                else {
                    arr = [img, ((this.current[1] % 2) ? this.image : this.imageAF)];
                    p0 = {};
                    p0[this.direction] = [this.width, 0];
                    p1 = {};
                    p1[this.direction] = [0, (this.width * -1)];

                    if (arr[1].getStyle(this.direction) == 'auto') {
                        x = this.width - arr[1].getStyle('width').toInt();
                        arr[1].setStyle(this.direction, x + 'px');
                        arr[1].setStyle(((this.direction == 'left') ? 'right' : 'left'), 'auto');
                        p1[this.direction] = [x, (this.width * -1)];
                    }

                    fx = new Fx.Elements(arr, { duration: this.options.duration[0], transition: this.options.transition, onComplete: this.complete.bind(this) });
                    fx.start({ '0': p0, '1': p1 });
                    this.fx.push(fx);
                }
            }
            else {

                img.setStyles({ left: 'auto', top: 'auto', right: 'auto', bottom: 'auto' });
                arr = ['left top', 'right top', 'left bottom', 'right bottom'][this.current[1] % 4].split(' ');
                if ((this.options.type).test(/zoom|combo/)) {
                    arr.each(function(p) { img.setStyle(p, 0); });
                }

                zoom = ((this.options.type).test(/zoom|combo/)) ? this.zoom() : {};
                pan = ((this.options.type).test(/pan|combo/)) ? this.pan() : {};

                fx = new Fx.Style(img, 'opacity', { duration: this.options.duration[0] });
                fx.start(0, 1);
                this.fx.push(fx);

                fx = new Fx.Styles(img, { duration: (this.options.duration[0] + this.options.duration[1]), transition: Fx.Transitions.linear, onComplete: this.complete.bind(this) });
                fx.start(Object.extend(zoom, pan));

                this.fx.push(fx);
            }
            this.loaded();
        }
        else { this.timeout = this.preload.delay(100, this); }
    },

    complete: function() {
        if (!this.play) $clear(this.timeout);
    },

    loaded: function() {
        if (this.ul) {
            anchors = $ES('a[name]', this.ul);
            anchors.each(function(a, i) {
                if (i == this.current[0]) { a.addClass(this.options.classes[2]); }
                else { a.removeClass(this.options.classes[2]); }
            }, this);
        }


        this.direction = 'left';
        this.current[0] = (this.current[0] == this.options.images.length - 1) ? 0 : this.current[0] + 1;
        this.current[1]++;
        this.timer[0] = (new Date).getTime() + this.options.duration[1] + ((this.options.type.test(/fade|push|wipe/)) ? this.options.duration[0] : 0);
        this.timer[1] = (new Date).getTime() + this.options.duration[0];
        this.loader = new Image();
        this.loader.src = this.options.siteurl + this.options.url + this.options.images[this.current[0]].trim();
        this.preload();
    },

    zoom: function() {
        z = (this.options.zoom == 'rand') ? Math.random() + 1 : (this.options.zoom.toInt() / 100.0) + 1;
        eh = Math.ceil(this.loader.height * n);
        ew = Math.ceil(this.loader.width * n);
        sh = parseInt(eh * z);
        sw = parseInt(ew * z);
        return { height: [sh, eh], width: [sw, ew] };
    },

    pan: function() {
        p = (this.options.pan == 'rand') ? Math.random() : Math.abs((this.options.pan.toInt() / 100.0) - 1);
        ex = (this.width - img.width);
        ey = (this.height - img.height);
        sx = parseInt(ex * p);
        sy = parseInt(ey * p);
        obj = {};
        if (dw > dh) { obj[arr[1]] = [sy, ey] }
        else { obj[arr[0]] = [sx, ex]; }
        return obj;
    },

    navigation: function() {
        this.ul = new Element('ul');
        if (this.options.navigation.test(/arrows|number/)) {
            li = new Element('li');
            a = new Element('a');
            a.addClass(this.options.classes[0]);
            a.innerHTML = '&laquo;';
            a.onclick = function() {
                if (this.options.navigation.test(/fast/) || (new Date).getTime() > this.timer[1]) {
                    $clear(this.timeout);
                    if (this.options.navigation.test(/fast/)) {
                        this.fx.each(function(fx) {
                            fx.time = fx.options.duration = 0;
                            fx.stop(true);
                        });
                    }

                    this.direction = 'right';
                    this.current[0] = (this.current[0] < 2) ? this.options.images.length - (2 - this.current[0]) : this.current[0] - 2;
                    this.timer = [0];
                    this.loader = new Image();
                    this.loader.src = this.options.url + this.options.images[this.current[0]].trim();
                    this.preload(this.options.navigation.test(/fast/));
                }
            } .bind(this);

            a.injectInside(li);
            li.injectInside(this.ul);
        }

        if (this.options.navigation.test(/arrows\+|thumbnails|number/)) {
            for (i = 0; i < this.options.images.length; i++) {
                li = new Element('li');
                a = new Element('a');
                a.setProperty('name', i);
                if (this.options.navigation.test(/thumbnails/)) {
                    src = this.options.url + this.options.images[i].trim().replace(this.options.thumbnailre[0], this.options.thumbnailre[1]);
                    a.setStyle('background-image', 'url(' + src + ')');
                }

                if (this.options.navigation.test(/number/)) {
                    a.innerHTML = i + 1;
                }

                if (i == 0) { a.className = this.options.classes[2]; }
                a.onclick = function(i) {
                    if (this.options.navigation.test(/fast/) || (new Date).getTime() > this.timer[1]) {
                        $clear(this.timeout);
                        if (this.options.navigation.test(/fast/)) {
                            this.fx.each(function(fx) {
                                fx.time = fx.options.duration = 0;
                                fx.stop(true);
                            });
                        }

                        this.direction = (i < this.current[0] || this.current[0] == 0) ? 'right' : 'left';
                        this.current[0] = i;
                        this.timer = [0];
                        this.loader = new Image();
                        this.loader.src = this.options.url + this.options.images[this.current[0]].trim();
                        this.preload(this.options.navigation.test(/fast/));
                    }
                } .pass(i, this);

                a.injectInside(li);
                li.injectInside(this.ul);
            }
        }

        if (this.options.navigation.test(/arrows|number/)) {

            li = new Element('li');
            a = new Element('a');
            a.addClass(this.options.classes[1]);
            a.innerHTML = '&raquo;';
            a.onclick = function() {
                if (this.options.navigation.test(/fast/) || (new Date).getTime() > this.timer[1]) {
                    $clear(this.timeout);
                    if (this.options.navigation.test(/fast/)) {
                        this.fx.each(function(fx) {
                            fx.time = fx.options.duration = 0;
                            fx.stop(true);
                        });
                    }
                    this.timer = [0];
                    this.preload(this.options.navigation.test(/fast/));
                }
            } .bind(this);

            a.injectInside(li);
            li.injectInside(this.ul);
        }

        this.buttonsp();
        this.ul.injectInside(this.bardiv);
    },

    buttonsp: function() {
        li = new Element('li');
        li.addClass("pause");
        a = new Element('a');
        a.addClass("ps");
        a.innerHTML = this.play ? "<img src=\"" + this.options.siteurl + "/modules/ja_slideshow/img/pause.png\" alt=\"Pause\" title=\"Pause\">" : "<img src=\"" + this.options.siteurl + "/modules/ja_slideshow/img/play.png\" alt=\"Play\" title=\"Play\">";
        a.onclick = function() {
            if (this.play) {
                $clear(this.timeout);
                a.innerHTML = "<img src=\"" + this.options.siteurl + "/modules/ja_slideshow/img/play.png\" alt=\"Play\" title=\"Play\">";
                Cookie.set("JASLIDESHOWPLAY", 'pause', { duration: 365 });
                this.play = 0;
            }
            else {
                Cookie.set("JASLIDESHOWPLAY", 'play', { duration: 1 });
                this.play = 1;
                this.preload(false);
                a.innerHTML = "<img src=\"" + this.options.siteurl + "/modules/ja_slideshow/img/pause.png\" alt=\"Pause\" title=\"Pause\">";
            }
        } .bind(this);

        a.injectInside(li);
        li.injectInside(this.ul);
    }
});