Event.observe(window, 'load', function() { 
						
var images = new Array();
var current = 0;
var loadedImages = 0;
var started = false;

images[0] = new Image();
$(images[0]).observe('load', imageLoaded);
images[0].src = 'images/themes/teanau/header1.jpg';

images[1] = new Image();
$(images[1]).observe('load', imageLoaded);
images[1].src = 'images/themes/teanau/header2.jpg';

images[2] = new Image();
$(images[2]).observe('load', imageLoaded);
images[2].src = 'images/themes/teanau/header3.jpg';

function imageLoaded()
{
	loadedImages++;
	
	if(loadedImages >= images.length && !started)
	{
		setInterval(swapImage, 5000);
		started = true;
	}
}

function swapImage()
{
	$('top2').style.backgroundImage = ''; 
	$('top2').style.display = '';
	
	current++;
	
	if(current > images.length - 1)
		current = 0;
		
	$('top2').style.backgroundImage = $('top').style.backgroundImage;
	$('top').style.backgroundImage = 'url(' + images[current].src + ')';
	
	new Effect.Fade('top2');					
}

$('top2').style.backgroundImage = 'url(' + images[0].src + ')';

});