var myFade=new Array('images/foto.png');
var myText=new Array('Verhoog de effectiviteit van uw organisatie met behulp van het SPAR Managementsysteem');
var i = 0;
var imagePointer = 0;


function startFade(fadeArr){
        $('#image_holder').append('<img src="" id="fadingheaderimage1" /><img src="" id="fadingheaderimage2" />');
        myFade = fadeArr;
        fadeTimeout = 6000;
        goFade(fadeTimeout);
}

function removeElement(parentDiv, childDiv){
    if (childDiv == parentDiv) {
    }else if (document.getElementById(childDiv)) {
         var child = document.getElementById(childDiv);
         var parent = document.getElementById(parentDiv);
         parent.removeChild(child);
    }else {
         return false;
    }
}

function goFade(fadeTimeout){

        imagePointer = (imagePointer == myFade.length)? 0 : imagePointer;
        heavyImage1 = new Image();
        heavyImage1.src = myFade[imagePointer];

        imagePointer++;
        document.getElementById('fadingheaderimage2').src = heavyImage1.src;
        $("#fadingheaderimage1").fadeOut(2000, function(){
                removeElement('image_holder','fadingheaderimage1');
                document.getElementById("fadingheaderimage2").setAttribute('id', 'fadingheaderimage1');
                $('#image_holder').append('<img src="" id="fadingheaderimage2" />');
        });

        $("#text_holder").fadeOut(300, function(){
            $("#text_holder").text(myText[imagePointer -1]);
        });
        $("#text_holder").fadeIn(1000, function(){
        });
        setTimeout('goFade('+fadeTimeout+');',fadeTimeout);
}