var images=['banner2.jpg', 'banner3.jpg', 'banner4.jpg', 'banner5.jpg', 'banner1.jpg'];
var showtime=7000;
var start_fadein;
start_fadein=function() {
	var existing_img=$$('#animation img')[0];
	
	var source=images.shift();
	var img=new Element('img', {'src':'images/rotating/'+source});
	var opacity=0;
	img.setOpacity(opacity);
	img.style.position='absolute';
	img.style.zIndex=1;
	$('animation').insert({'top': img});
	images.push(source);
	
	Event.observe (img,'load', function(){
		new PeriodicalExecuter(function(pe) {
			opacity+=0.015;
			img.setOpacity(opacity);
			if (opacity >= 1) { 
				pe.stop(); 
				img.style.position='';
				img.style.zIndex=0;
				existing_img.parentNode.removeChild(existing_img);
				setTimeout(start_fadein,showtime);
			}
		},0.05);
	});
};

Event.observe(window, 'load', function() {
			setTimeout(start_fadein,showtime);
});