/**
 * @author nhendriks
 * @version 1.1.0
 */

slideShow = Class.create({
	"elements":"",
	"totalElements":"",
	"timer":"",
	"activeElement":"",
	"pagerElements":"",
	
	initialize: function(elementName){
		elements = $$('.js-slideshow-element');
		totalElements = elements.length;
		
		if(totalElements > 1){
		activeElement = 0;
		activeElement = (Math.floor(Math.random()*elements.length));
		var colWidth = $('slideshow').getDimensions();
		pagerHtml = '';
		
		//Hide all elements and show the first
		elements.each(function(s) {
  			s.hide();
		});
		
		elements[activeElement].show();
		timer = setInterval(this.changeImg, 8000);
		}
	},
	
	changeImg: function(){
		elements[activeElement].addClassName('js-slideshow-top');
		elements[activeElement].removeClassName ('js-slideshow-bottom');
		elements[activeElement].fade({ duration: 1.5, from: 1, to: 0 });
		
		activeElement++;
		if(activeElement == totalElements ){
			activeElement = 0;
		}
		
		elements[activeElement].addClassName('js-slideshow-bottom');
		elements[activeElement].removeClassName ('js-slideshow-top');
		elements[activeElement].show();
		elements[activeElement].fade({ duration: 1.5, from: 0, to: 1 });
	}
	
	
});

document.observe("dom:loaded", function () { new slideShow(); },false);