// JavaScript Document
var SlideShow = {};
SlideShow.photos = [];
SlideShow.idx = 0;
SlideShow.preloaded = [];

SlideShow.preload = function() {
	this.photos.each(function(photo) {
		var idx = SlideShow.preloaded.length;
		SlideShow.preloaded[idx] = new Image();
		SlideShow.preloaded[idx].src = photo;
	});
}

SlideShow.next = function() {
	this.idx = (this.idx + 1) % this.photos.length;
	$('slideshow').getElements('img').each(function(img) {
		if (img.getStyle('opacity') == 1)
			img.set('morph', { duration: 'long' }).morph({ opacity: 0 });
		else {
			img.set('src', SlideShow.photos[SlideShow.idx]);
			img.set('morph', { duration: 'long' }).morph({ opacity: 1 });
		}
	});
}

SlideShow.start = function() {
	$('slideshow').getElements('img').each(function(img, idx) {
		if (idx == 0)
			img.setStyle('opacity', 1);
		else
			img.setStyle('opacity', 0);
	});
	this.preload();
	
	setInterval(this.next.bind(SlideShow), 3000);
}

$(window).addEvent('load', function() {
	if (SlideShow.photos.length)
		SlideShow.start();
});