var images = new Array(
'images/header/header-5.jpg',
'images/header/header-3.jpg',
'images/header/header-4.jpg',
'images/header/header-2.jpg'        <!-- geen komma na de laatste afbeelding -->
);
var teller = 1;
var pauze = 1500;

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 wordt hier gestart met onload, dit kun je wijzigen -->