//plaats de volgende code in de body-tag van de pagina waar je het script invoegt:
//onLoad="preload(); loopFade(1)"
//pas dan de array met images aan in de functie getImages en het aantal

function getImages(){
	//geef het aantal images op
	var aantal = 5;
	var arr = new Array(aantal);
	arr[0] = "http://www.toledoint.com/_img/_home/toledo_h_01.jpg";
	arr[1] = "http://www.toledoint.com/_img/_home/toledo_h_02.jpg";
	arr[2] = "http://www.toledoint.com/_img/_home/toledo_h_03.jpg";
	arr[3] = "http://www.toledoint.com/_img/_home/toledo_h_04.jpg";
	arr[4] = "http://www.toledoint.com/_img/_home/toledo_h_05.jpg";
	return arr;
	}

function preload(){
	if (document.images){
		img1 = new Image();
		var arr = getImages();
		for(i = 0; i < arr.length; i++){
			img1.src = arr[i];
		}
	}
}

function loopFade(i){
	arr = getImages();
	setTimeout("blendimage('blenddiv','blendimage', '" + arr[i] + "',200, " + i + ", " + arr.length + ")", 2000);
}

function changeOpac(opacity, id) { 
 	var object = document.getElementById(id).style; 
 	object.opacity = (opacity / 100); 
 	object.MozOpacity = (opacity / 100); 
 	object.KhtmlOpacity = (opacity / 100); 
 	object.filter = "alpha(opacity=" + opacity + ")"; 
} 

function blendimage(divid, imageid, imagefile, millisec, a, aantal) { 
 	var speed = Math.round(millisec / 10); 
 	var timer = 0; 

 	//set the current image as background 
 	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")"; 

 	//make image transparent 
 	changeOpac(0, imageid); 

 	//make new image 
 	document.getElementById(imageid).src = imagefile; 

	 //fade in image 
 	for(i = 0; i <= 100; i++) { 
		 setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed)); 
		 timer++; 
	 }
	 
	 a++;
	 if (a == (aantal)){
		a = 0; 
	 }
	 loopFade(a);
}