/* image preloading */
var preloadt = 0;
var numpreload = 0;
var preloading = null;
var preloadCallback = null;
var preloadCallback2 = null;

function imgLoad() {
	preloadCallback2();
	preloadt++;
	if(preloadt>=preloading.length) {
		preloadt = 0;
		preloadCallback();
	}
}

function preloadZ(arrayz,callback,callback2) {
	preloadCallback = callback;
	preloadCallback2 = callback2;
	preloading = arrayz;
	numpreload = arrayz.length;
	for(var c=0;c<numpreload;c++) {
		var img = new Image();
		img.onload = imgLoad;
		img.src = arrayz[c];
	}
}
/* end image preloading */

var imgs = [
	'images/slideshow/01.jpg',
	'images/slideshow/02.jpg',
	'images/slideshow/03.jpg',
	'images/slideshow/04.jpg',
	'images/slideshow/05.jpg',
	'images/slideshow/06.jpg',
	'images/slideshow/07.jpg'
];

var pos = 0;

window.addEvent('domready', function(){
	preloadZ(imgs,fade,function() {});
});

function fade() {
	var slideshow = $('slideshow');
	new Element('div',{
		'styles': {
			'left':(slideshow.offsetLeft+1)+'px',
			'top':(slideshow.offsetTop+1)+'px'
		},
		'class':'effect'
	}).injectBefore(slideshow);
	var layer = $$('div.effect')[0];
	layer.setStyles({
		'opacity':0,
		'background-image':'url('+imgs[pos]+')'
	});
	var myFx = new Fx.Style($$('div.effect')[0], 'opacity', {
		duration:1000,
		onComplete:function(event) {
			$('slideshow').setStyles({'background-image':'url('+imgs[pos]+')'});
			setTimeout(function() {
				$$('div.effect')[0].remove();
			},100);
			pos++;
			if(pos<imgs.length) {
				setTimeout(fade,3000);
			}
		}
	});
	myFx.start(0,1);
}