var nrImages = 10;
var curImage = 1;

if (document.images) {
	preload_image_object = new Image();
	// set image url
	image_url = new Array();

	var i = 0;
	for(i = 0; i < nrImages; i++) {
		image_url[i] = "/images/image"+(i+1)+".png";
	}

	for(i = 0; i < nrImages; i++) { 
		preload_image_object.src = image_url[i];
	}
}

function FadeInImage(foregroundID,newImage,backgroundID) {
	var foreground=$('#'+foregroundID);
	var background=$('#'+backgroundID);
	foreground.css('backgroundImage', background.css('backgroundImage'));
	background.css('backgroundImage', 'url(' + newImage + ')');
	foreground.fadeOut('slow', function() {
		foreground.css('backgroundImage', background.css('backgroundImage'));
		foreground.show();
		setTimeout('nextImage()', 5000);
	});
}

function nextImage() {
	curImage++;
	if (curImage > nrImages) {
		curImage = 1;
	}
	FadeInImage('headerimage','images/image'+curImage+'.png','headerimage2');
}

setTimeout('nextImage()', 5000);