// Slideshow script by Dominic Hoare

var Slideshow = new Class({
	initialize: function(className,timeDelay){
		if($$(className).length<1) return;
		this.delay=timeDelay;
		this.imageDivArray = $$(className);
		this.finalDivIndex = this.imageDivArray.length-1;
		this.lastImage= this.imageDivArray[this.finalDivIndex];
		this.imageDivArray.setStyle("visibility","hidden");
		this.count=this.finalDivIndex;
		this.rotate();
	},
	next: function(){
		this.last=this.imageDivArray[this.count];
		this.count++
		if (this.count>this.finalDivIndex){
		 	this.count=0;
		 	this.last=this.lastImage;
		}
		this.imageDivArray.setStyle("z-index",2);
		this.imageDivArray[this.count].setStyle("z-index",3);
		var myFx = new Fx.Style(this.imageDivArray[this.count], 'opacity');
		myFx.start(0,1).chain(function(){
			this.last.setStyle("visibility","hidden");
		}.bind(this));
	},
	rotate: function(){
		this.next();
		this.rotate.delay(this.delay,this);
	}

});

function createSlideShows(){
	var domSlide = new Slideshow(".imgContainer",5000)
}
window.addEvent("domready",createSlideShows);