var dom = YAHOO.util.Dom;
var test = dom.get;
var cass = dom.getElementsByClassName;

var slideShowText = new Array;
slideShowText[0] = "Renbrook Library, West Hartford, CT";
slideShowText[1] = "Connemara Court, Avon CT";
slideShowText[2] = "CT Science Center, Hartford, CT";
slideShowText[3] = "18 Temple Street, Hartford CT";
slideShowText[4] = "Torrington High School, Torrington, CT";
slideShowText[5] = "Eastern CT State University, Willimantic, CT";

var slideshows_auto = {
    init: function() {
	    this.slideshows = [];                                                                                                                                     
	    var containers = cass('slideshow-container', 'div');
	    for(var i=0, item; item=containers[i]; i++) {
	        this.slideshows[i] = new Slideshow(item);
	        this.slideshows[i].run_show(true);
	    }
    }
};


Slideshow = function(slideshow_container, speed, pause) {
    if (slideshow_container) {
        this.init(slideshow_container, speed, pause); 
    }
};

Slideshow.prototype = {  
    init: function(slideshow_container, speed, pause) {
        this.container = slideshow_container;
        this.speed = speed || 2;
        this.pause = pause || 5;
        this.pause = this.pause * 1000 // Converting it to milliseconds from seconds
        this.current_slide = 0;
		this.last_slide = 0;
        this.slide_count = 0;
		
		document.getElementById("slide-message").innerHTML = slideShowText[0];
		this.show_indicator(0);
		
        this.stop_show = false;
        this.onSlideLoad = new YAHOO.util.CustomEvent("onSlideLoad");
        this.onSlideUnLoad = new YAHOO.util.CustomEvent("onSlideUnLoad");  
 
        this.slides = [];
        var dom_slide_elements = cass('slideshow-slide', '',this.container);
        for(var i=0, slide; slide=dom_slide_elements[i]; i++) {
	        this.slides[i] = slide;
	        if (i != this.current_slide) {
	           dom.setStyle(this.slides[i], 'opacity', 0);
	           dom.setStyle(this.slides[i], 'visibility', 'visible');
	        } else {
	            dom.setStyle(this.slides[i], 'opacity', 1);
	            dom.setStyle(this.slides[i], 'visibility', 'visible');
	        }
	    }
	    this.slide_count = this.slides.length;
    },

    run_show: function(pause_first) {
        if (!this.stop_show) {       
            if (!pause_first) {
                this.show_slide();       
            }
            var thisObj = this;
            setTimeout(function(){ thisObj.run_show() }, this.pause);
        }
    },
  
    show_slide: function(slide_number) {
        if (slide_number==null) {
            slide_number = this.next_slide();
        }
        if (slide_number >= 0 && slide_number <= this.slide_count && slide_number != this.current_slide) {
            var animFadeOut = new YAHOO.util.Anim(this.slides[this.current_slide], { opacity: {from: 1, to: 0 } }, (this.speed/2), YAHOO.util.Easing.easeNone);
            var animFadeIn = new YAHOO.util.Anim(this.slides[slide_number], { opacity: {from: 0,  to: 1 } }, this.speed, YAHOO.util.Easing.easeOut);
            this.onSlideLoad.fire({slide: this.slides[slide_number], slide_number: slide_number});
            animFadeOut.animate();
            animFadeIn.animate();
            this.onSlideUnLoad.fire({slide: this.slides[this.current_slide], slide_number: this.current_slide});
            this.current_slide = slide_number;

			this.show_indicator(this.current_slide);
			this.hide_indicator(this.last_slide);
			
			this.last_slide = this.current_slide;
			//		End
			
			document.getElementById("slide-message").innerHTML = slideShowText[slide_number];
			
        }
    },

    show_stop: function() {
        this.stop_show = true;
    },
    
    show_slide_then_stop: function(slide_number) {
        this.show_stop();
        this.show_slide(slide_number);   
    },    
    
    next_slide: function() {
        if (this.current_slide >= (this.slide_count - 1)) {
            return 0;
        } else {
            return this.current_slide + 1;
        }   
    },
	
	show_indicator: function(indicator) {
		var indicatorOn = new YAHOO.util.Anim(document.getElementById("slideshow-link"+indicator), { opacity: { to: 1 } }, (this.speed/4), YAHOO.util.Easing.easeNone);
		indicatorOn.attributes.top = { to: -5 };
		indicatorOn.attributes.paddingTop = { to: 5 };
		
		indicatorOn.animate();
	},
	
	hide_indicator: function(indicator) {
		if(indicator!=this.current_slide){
			var indicatorOff = new YAHOO.util.Anim(document.getElementById("slideshow-link"+indicator), { opacity: { to: .65 } }, (this.speed/4), YAHOO.util.Easing.easeNone);
			indicatorOff.attributes.top = { to: 0 };
			indicatorOff.attributes.paddingTop = { to: 0 };

			indicatorOff.animate();	
		}
	}
    
};

//Un comment the below line or add it to your own html/javascript files to start the slideshow
//yAHOO.util.Event.addListener(window, 'load', slideshows_auto.init);

//Not using auto-init as we want to be able to jumpt to specific slides
YAHOO.util.Event.addListener(window, 'load', slideshow_init);
var hmp_slideshow = '';
function slideshow_init() {
    hmp_slideshow = new Slideshow(test('hmp-slideshow'));
    hmp_slideshow.run_show(true);
}