var ua = navigator.userAgent.toLowerCase();
var isOpera = (ua.indexOf('opera') > -1);
var isSafari = (ua.indexOf('safari') > -1);
var isIE = (window.ActiveXObject);

if (isIE) {
    //MSIE HACK
    document.execCommand("BackgroundImageCache", false, true);
}


YAHOO.namespace('widget.slideshow');

//Seconds Timeout
YAHOO.widget.slideshow.timeOut = 10;

//Current Slide
YAHOO.widget.slideshow.currentSlide = 0;

//zindex
YAHOO.widget.slideshow.currentZindex = 900;

//Timer Holder
YAHOO.widget.slideshow.timer = null;

//Effect Attrs
YAHOO.widget.slideshow.effects1 = { opacity: { from: 0, to: 1 } };
YAHOO.widget.slideshow.effects2 = { opacity: { from: 0, to: 1 }, width: { from: 0, to: 300 } };
YAHOO.widget.slideshow.effects3 = { opacity: { from: 0, to: 1 }, width: { from: 0, to: 300 }, height: { from: 0, to: 225 } };
YAHOO.widget.slideshow.effects = YAHOO.widget.slideshow.effects2;

//Array of Images add your images here....
YAHOO.widget.slideshow.slides = [
	'pic5.jpg',
    'pic6.jpg',
	'pic7.jpg',
	'pic8.jpg'
];


YAHOO.widget.slideshow.loadNextSlide = function() {
    var nextSlide = (YAHOO.widget.slideshow.currentSlide + 1);
    if (!YAHOO.widget.slideshow.slides[nextSlide]) {
        nextSlide = 0;
    }
    YAHOO.widget.slideshow.loadSlide(nextSlide);
    YAHOO.widget.slideshow.currentSlide = nextSlide;
}
YAHOO.widget.slideshow.loadSlide = function(slideID) {
    if (YAHOO.widget.slideshow.slides[slideID]) {
        var div = YAHOO.util.Dom.get('slideshow_' + slideID);
        var nextImage = 'slideshow/graphics/' + YAHOO.widget.slideshow.slides[slideID];
       
        if (YAHOO.widget.slideshow.effects.width) {
            YAHOO.util.Dom.setStyle(div, 'width', 0);
        }
        if (YAHOO.widget.slideshow.effects.height) {
            YAHOO.util.Dom.setStyle(div, 'height', 0);
        }
        YAHOO.util.Dom.setStyle(div, 'z-index', YAHOO.widget.slideshow.currentZindex);
        var animSlide = new YAHOO.util.Anim(div, YAHOO.widget.slideshow.effects, 1, YAHOO.util.Easing.easeOut);
        animSlide.animate();
        YAHOO.widget.slideshow.currentZindex++;
        YAHOO.widget.slideshow.timer = setTimeout('YAHOO.widget.slideshow.loadNextSlide()', (YAHOO.widget.slideshow.timeOut * 1000));
    }
}

YAHOO.widget.slideshow.preloadImages = function() {
    for (var i = YAHOO.widget.slideshow.slides.length; i > -1; i-- ) {
        if (!YAHOO.util.Dom.get('slideshow_' + i)) {
            if (YAHOO.widget.slideshow.slides[i]) {
                var div = document.createElement('div');
                div.id = 'slideshow_' + i;
                YAHOO.widget.slideshow.slide_holder.appendChild(div);
                var nextImage = 'slideshow/graphics/' + YAHOO.widget.slideshow.slides[i];
                YAHOO.util.Dom.setStyle(div, 'background-image', 'url('+ nextImage + ')');
                YAHOO.util.Dom.setStyle(div, 'opacity', 0);
            }
        }
    }
    YAHOO.widget.slideshow.loadSlide(0);
}

YAHOO.widget.slideshow.init = function(slideID) {
    YAHOO.widget.slideshow.box = new YAHOO.widget.Overlay("slideshow");
    YAHOO.widget.slideshow.box.cfg.setProperty("visible", true);
    //YAHOO.widget.slideshow.box.cfg.setProperty("fixedcenter", true);
    YAHOO.widget.slideshow.slide_holder = YAHOO.util.Dom.get('slide_holder');

    YAHOO.widget.slideshow.preloadImages();
    //YAHOO.widget.slideshow.loadSlide(0);
}

YAHOO.util.Event.addListener(window, 'load', YAHOO.widget.slideshow.init, YAHOO.widget.slideshow, true);