window.addEvent('load', function() {
	
	var slide = 0;
		
	setTimeout(morphTo,'4000');
	
	function morphTo()
	{		
		if(slide >= $$('.banner').length)
			slide = 0;

		next_slide = slide+1;
		if(next_slide >= $$('.banner').length)
			next_slide = 0;

		$$('.banner')[slide].setStyle('z-index','3');
		$$('.banner')[next_slide].setStyle('z-index','2');
		var morph1 = new Fx.Morph($$('.banner')[next_slide], {duration: 0});
		morph1.start({
				opacity:	1
			});
		
		var morph2 = new Fx.Morph($$('.banner')[slide], {duration: 1000});
		morph2.start({
				opacity:	[1,0]
			});

		slide++;
		setTimeout(morphTo,'4000');
	}
});