/*
    This file is part of JonDesign's SmoothSlideshow v2.0.

    JonDesign's SmoothSlideshow is free software; you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation; either version 2 of the License, or
    (at your option) any later version.

    JonDesign's SmoothSlideshow is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Foobar; if not, write to the Free Software
    Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA

    Main Developer: Jonathan Schemoul (JonDesign: http://www.jondesign.net/)
    Contributed code by:
    - Christian Ehret (bugfix)
    - Simon Willison (addLoadEvent)
*/

//Global declaration of slideshow object
var slideshow = null;

// declaring the class
var timedSlideShow = Class.create();

// implementing the class
timedSlideShow.prototype = {
    initialize: function(element, data) {
        this.currentIter = 0;
        this.lastIter = 0;
        this.maxIter = 0;
        this.slideShowElement = element;
        this.slideShowData = data;
        this.slideShowInit = 1;
        this.slideElements = Array();
        this.slideShowDelay = 6000;
        this.articleLink = "";
        this.slideInfoZone = "";
        this.pauseSlideShow = false;
        this.slideInfoZoneDisplayed = false;
        if (slideshow == null)
            slideshow = this;
        
        element.style.display="block";
        element.onmouseover = this.onSlideMouseOver;
        element.onmouseout =  this.onSlideMouseOut;

        this.articleLink = document.createElement('div');
        this.articleLink.className = 'global';
        element.appendChild(this.articleLink);

        this.maxIter = data.length;
        for(i=0;i<data.length;i++)
        {
            var currentImg = document.createElement('div');
            currentImg.className = "slideElement";
            currentImg.style.position="absolute";
            currentImg.style.left="0px";
            currentImg.style.top="0px";
            currentImg.style.margin="0px";
            currentImg.style.border="0px";
            currentImg.style.backgroundImage="url('" + data[i][0] + "')";
            currentImg.style.backgroundPosition="center center";

            this.articleLink.appendChild(currentImg);
            currentImg.currentOpacity = new fx.Opacity(currentImg, {duration: 400});
            currentImg.currentOpacity.setOpacity(0);
            this.slideElements[parseInt(i)] = currentImg;
        }

        this.slideInfoZone = null;
//        this.slideInfoZone.combo = new fx.Combo(this.slideInfoZone);
//        this.slideInfoZone.combo.o.setOpacity(0);
        //this.slideInfoZone.className = 'slideInfoZone';
//        this.articleLink.appendChild(this.slideInfoZone);

        this.doSlideShow();
    },
    destroySlideShow: function(element) {
        var myClassName = element.className;
        var newElement = document.createElement('div');
        newElement.className = myClassName;
        element.parentNode.replaceChild(newElement, element);
    },
    startSlideShow: function() {
        this.lastIter = this.maxIter - 1;
        this.currentIter = 0;
        this.slideShowInit = 0;
        this.slideElements[parseInt(this.currentIter)].currentOpacity.setOpacity(1);
        //setTimeout(this.showInfoSlideShow.bind(this),1000);
        //setTimeout(this.hideInfoSlideShow.bind(this),this.slideShowDelay-1000);
        setTimeout(this.nextSlideShow.bind(this),this.slideShowDelay);
    },
    nextSlideShow: function() {
        if (this.pauseSlideShow)
            //Delay for 1 second and re-check
            setTimeout(this.nextSlideShow.bind(this),1000);
        else
        {
            this.lastIter = this.currentIter;
            this.currentIter++;
            if (this.currentIter >= this.maxIter)
            {
                this.currentIter = 0;
                this.lastIter = this.maxIter - 1;
            }
            this.slideShowInit = 0;
            this.doSlideShow.bind(this)();
        }
    },
    doSlideShow: function() {
        if (this.pauseSlideShow) 
        {
            return;
        }

        if (this.slideShowInit == 1)
        {
            setTimeout(this.startSlideShow.bind(this),10);
        } else {
            if (this.currentIter != 0) {
                this.slideElements[parseInt(this.currentIter)].currentOpacity.options.onComplete = function() {
                    this.slideElements[parseInt(this.lastIter)].currentOpacity.setOpacity(0);
                }.bind(this);
                this.slideElements[parseInt(this.currentIter)].currentOpacity.custom(0, 1);
            } else {
                this.slideElements[parseInt(this.currentIter)].currentOpacity.setOpacity(1);
                this.slideElements[parseInt(this.lastIter)].currentOpacity.custom(1, 0);
            }
            //setTimeout(this.showInfoSlideShow.bind(this),1000);
            //setTimeout(this.hideInfoSlideShow.bind(this),this.slideShowDelay-1000);
            setTimeout(this.nextSlideShow.bind(this),this.slideShowDelay);
        }
    },
    showInfoSlideShow: function() {
        //if already displayed and slide show is paused, just exit
        if (this.slideInfoZoneDisplayed && slideshow.pauseSlideShow)
            return;

        if (this.slideInfoZone != null)
            this.articleLink.removeChild(this.slideInfoZone);
        this.slideInfoZone = document.createElement('div');

        this.slideInfoZone.combo = new fx.Combo(this.slideInfoZone);
        this.slideInfoZone.combo.o.setOpacity(0);
        var slideInfoZoneTitle = document.createElement('h2');
        slideInfoZoneTitle.innerHTML = this.slideShowData[this.currentIter][2]
        this.slideInfoZone.appendChild(slideInfoZoneTitle);
        var slideInfoZoneDescription = document.createElement('p');
        slideInfoZoneDescription.innerHTML = this.slideShowData[this.currentIter][3];
        
        //Fix for not displaying an empty grey box if text is blank
        if(slideInfoZoneDescription.innerHTML.length > 0)
        {
            this.slideInfoZone.appendChild(slideInfoZoneDescription);
            this.articleLink.appendChild(this.slideInfoZone);

            this.articleLink.href = this.slideShowData[this.currentIter][1];
            this.slideInfoZone.className = 'slideInfoZone';

            this.slideInfoZone.combo.o.custom(0, 0.7);
            this.slideInfoZone.combo.h.custom(0, this.slideInfoZone.combo.h.el.offsetHeight);
        }
        else
            this.articleLink.appendChild(this.slideInfoZone);
        this.slideInfoZoneDisplayed = true;
    },
    hideInfoSlideShow: function() {
        if (!this.pauseSlideShow && this.slideInfoZone.combo != null)
        {
            this.slideInfoZone.combo.o.custom(0.7, 0);
            //Set displayed flag, so upon mouseover, the text will be re-displayed
            this.slideInfoZoneDisplayed = false;
        }
        else if (this.pauseSlideShow)
            setTimeout(this.hideInfoSlideShow.bind(this),100);

    },
    onSlideMouseOver: function() {
        if (slideshow != null)
        {
            slideshow.pauseSlideShow = true;
            //Display text, if hidden
            setTimeout(slideshow.showInfoSlideShow.bind(slideshow),10);
        }
    },
    onSlideMouseOut: function() {
        if (slideshow != null)
        {
            slideshow.pauseSlideShow = false;
            //hide any text before next image is displayed
            setTimeout(slideshow.hideInfoSlideShow.bind(slideshow),10);

        }
    }
};

function initTimedSlideShow(element, data) {
    slideshow = new timedSlideShow(element, data);
}

function addLoadEvent(func) {
    var oldonload = window.onload;
    if (typeof window.onload != 'function') {
        window.onload = func;
    } else {
        window.onload = function() {
            oldonload();
            func();
        }
    }
}