var images = new Array(
'images/banner01.jpg',
'images/banner02.jpg',
'images/banner03.jpg',
'images/banner04.jpg',
'images/banner05.jpg',
'images/banner06.jpg',
'images/banner07.jpg',
'images/banner08.jpg',
'images/banner09.jpg',
'images/banner10.jpg',
'images/banner11.jpg',
'images/banner12.jpg',
'images/banner13.jpg',
'images/banner14.jpg',
'images/banner15.jpg',
'images/banner16.jpg',
'images/banner17.jpg',
'images/banner18.jpg',
'images/banner19.jpg',
'images/banner20.jpg',
'images/banner21.jpg',
'images/banner22.jpg'<!-- geen komma na de laatste afbeelding -->
);
var teller = 1;
var pauze = 2000;

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 += 5;
	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('beeldcontainer').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('beeldcontainer');
	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 kan hier gestart worden maar dit kan ook in de onload van de bodytag -->