/* TODO: Redesign this class to handle class definition like slideing panels're*/

var slides;
var visible=0;
var slide_speed = 3000;
var slide_fade_speed = 0.8;
var slide_timeout = undefined;
var slide_buttons = [];
	
function slideProgress() {
	var next=visible+1;
	if (next>=slides.length) next=0;
	slideShow(next);
	slide_timeout = setTimeout(function() {
		slideProgress()
	},slide_speed);
}
function slideShow(n) {
	slides[visible].fade({ duration: slide_fade_speed });
	slide_buttons[visible].removeClassName('Selected');
	visible=n;
	slides[visible].appear({ duration: slide_fade_speed });
	slide_buttons[visible].addClassName('Selected');
	clearTimeout(slide_timeout);
}
function slideInit() {
	slides = $$(".SlideShow .Slide");
	for(i=0; i<slides.length; i++) {
		slides[i].hide();
		slide_buttons.push(Builder.node('a',{ className: 'GoToSlide', id: "nav_slide_"+i,onclick: 'slideShow('+i+')' }, " "))
	}
	var sw=$$('.SlideShow');
	sw.each(function(sww){sww.show();})
	slides[0].show();
	// get slide parent container:
	slides_container = slides[0].up();
	slides_container.appendChild(Builder.node('div',{ className: 'Navigation' },
		Builder.node('div',{ className: 'Buttons' }, slide_buttons)));
	slide_buttons=$$(".GoToSlide");
	slide_buttons[0].addClassName('Selected');
	
	slide_timeout = setTimeout(function() { slideProgress() }, slide_speed);
}

Event.observe(window, 'load', slideInit, false);