/*-----------------*/
/*--[ Slideshow ]--*/
/*-----------------*/

function Slideshow(slideshow, timeout, slides) {
	this.slides = [];
	var slider = $('slider');

	for (var i = 0; i < slides.length; i++) {
		var mySlide = document.createElement('img');
		mySlide.src = slides[i];
		mySlide.className = 'slide';
		mySlide.style.zIndex = slides.length - i;
		slider.appendChild(mySlide);
		
		this.slides.push(mySlide);
	}
	this.timeout = timeout;
	this.current = 0;
	
	// Remove first child
	slider.removeChild(slider.getElementsByTagName('img')[0]);
	
	Element.show(slideshow);
	setTimeout((function(){this.next();}).bind(this), this.timeout + 850);
}
Slideshow.prototype = {
	next: function() {
		for (var i = 0; i < this.slides.length; i++) {
			var slide = this.slides[(this.current + i) % this.slides.length];
			slide.style.zIndex = this.slides.length - i;
		}
		Effect.Fade(this.slides[this.current], {
		afterFinish: function(effect) {
		effect.element.style.zIndex = 0;
		Element.show(effect.element);
		Element.setOpacity(effect.element, 1);
	}
	});

	this.current = (this.current + 1) % this.slides.length;
	setTimeout((function(){this.next();}).bind(this), this.timeout + 850);
	}
}

function init_slideshow() {
	var slides = new Array('/i/slides/1.jpg', '/i/slides/2.jpg', '/i/slides/3.jpg','/i/slides/4.jpg', '/i/slides/5.jpg', '/i/slides/6.jpg');
	new Slideshow('slider', 3000, slides);
}
Event.observe(window, 'load', init_slideshow, false);