/* var myFade=new Array('fileadmin/template/images/1.jpg','fileadmin/template/images/2.jpg','fileadmin/template/images/3.jpg'); */
/* var myText=new Array('Verblijf in sfeervolle kamers','Altijd een gastvrij onthaal','Op en top comfort en kwaliteit'); */
var i = 0;
var imagePointer = 0;
var bigImageArr = new Array;

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

function imageInit(){
	for(i=0; i < myFade.length;i++){
		bigImageArr[i] = new Image();
		bigImageArr[i].src = myFade[i];
	}
}

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;
  image1 = bigImageArr[imagePointer];

  imagePointer++;
  document.getElementById('fadingheaderimage2').src = image1.src;
  $("#fadingheaderimage1").fadeOut(2000, function(){
    removeElement('image_holder','fadingheaderimage1');
    document.getElementById("fadingheaderimage2").setAttribute('id', 'fadingheaderimage1');
    $('#image_holder').append('<img src="" id="fadingheaderimage2" />');
  });
  
  $("#text_holder").fadeIn(1000, function(){ });
  setTimeout('goFade('+fadeTimeout+');',fadeTimeout);
}