<!-- hier vul je de namen van de afbeeldingen in -->
var images = new Array(
'home1.jpg',
'home2.jpg',
'home3.jpg'  <!-- geen komma na de laatste afbeelding -->
);
var teller = 1;
var pauze = 3000;

function opacWaarde(el, opacity) {
	opacity /= 100;
	el.style.opacity = opacity;
	el.style.MozOpacity = opacity;
	el.style.filter = "alpha(opacity=" + (opacity*100) + ")";}

function fadeBeeld(el, currentOpacity) {
	currentOpacity += 4;
	if (currentOpacity > 100) {
		opacWaarde(el, 100);
		var prevEl = el.previousSibling ? el.previousSibling : el.parentNode.lastChild;
		prevEl.style.visibility = 'hidden';
		el.style.zIndex = 1;
		window.setTimeout(startFaden, pauze);}
	else {
		opacWaarde(el, currentOpacity);
		window.setTimeout(function() { fadeBeeld(el, currentOpacity); }, 50);}}

function startFaden() {
	var el = document.getElementById('home').childNodes[teller];
	el.style.visibility = 'visible';
	el.style.zIndex = 2;
	opacWaarde(el, 0);
	fadeBeeld(el,0);
	teller = (teller < images.length-1) ? teller + 1 : 0;}

function startScript() {
	var el = document.getElementById('home');
	while (el.firstChild) { el.removeChild(el.firstChild); }
	for(var i=0; i<images.length; i++) {
		var t = document.createElement('IMG');
		t.setAttribute('src',images[i]);
		t.style.position = 'absolute';
		t.style.visibility = 'hidden';
		el.appendChild(t);}
	el.firstChild.style.visibility = 'visible';
	window.setTimeout(startFaden, pauze);}
	
window.onload=startScript;	<!-- het script wordt hier gestart met onload, dit kun je wijzigen -->

