/* 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_1 = 0;
var imagePointer_2 = 0;
var bigImageArr_1 = new Array;
var bigImageArr_2 = new Array;

function startFade1(fadeArr, targetDiv, pluginIdentifier){
  var holder1name = "fadingheaderimage"+pluginIdentifier+"1";
  var holder2name = "fadingheaderimage"+pluginIdentifier+"2";
  var targetDivName = targetDiv;
  
  if(fadeArr.length > 1){
  	$("#"+targetDivName).append('<img style="" src="fileadmin/template/images/loading_background_small.png" class="fadingImageHolder" id="'+holder1name+'" /><img style="" src="" class="fadingImageHolder" id="'+holder2name+'" />');
  	 myFade_1 = fadeArr;
  imageInit_1();
  fadeTimeout = 6000;
  goFade(fadeTimeout, holder1name, holder2name, targetDivName, 1);
  }
  else{
  	$("#"+targetDivName).append('<img style="" src="'+fadeArr[0]+'" class="fadingImageHolder" id="'+holder1name+'" />');
  }
  
 
}

function startFade2(fadeArr, targetDiv, pluginIdentifier){

  var holder1name_2 = "fadingheaderimage"+pluginIdentifier+"1";
  var holder2name_2 = "fadingheaderimage"+pluginIdentifier+"2";
  var targetDivName_2 = targetDiv;
  
  if(fadeArr.length > 1){  	
  	$("#"+targetDivName_2).append('<img style="" src="fileadmin/templates/images/loading_background.jpg" class="fadingImageHolder" id="'+holder1name_2+'" /><img style="" src="" class="fadingImageHolder" id="'+holder2name_2+'" />');
  	myFade_2 = fadeArr;
	  imageInit_2();
	  fadeTimeout = 6000;
	  goFade(fadeTimeout, holder1name_2, holder2name_2, targetDivName_2, 2);
  }
  else{
  	$("#"+targetDivName_2).append('<img style="" src="'+fadeArr[0]+'" class="fadingImageHolder" id="'+holder1name_2+'" />');
  }

  
}


function imageInit_1(){
	for(i=0; i < myFade_1.length;i++){
		bigImageArr_1[i] = new Image();
		bigImageArr_1[i].src = myFade_1[i];
	}
}

function imageInit_2(){
	for(i=0; i < myFade_2.length;i++){
		bigImageArr_2[i] = new Image();
		bigImageArr_2[i].src = myFade_2[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, holder1nameVar, holder2nameVar, targetDivName, elementNr){

  if(elementNr == 1){
  	imagePointer_1 = (imagePointer_1 == myFade_1.length)? 0 : imagePointer_1;
  	image1 = bigImageArr_1[imagePointer_1];
  	imagePointer_1++;
  }
  else{
  	imagePointer_2 = (imagePointer_2 == myFade_2.length)? 0 : imagePointer_2;
  	image1 = bigImageArr_2[imagePointer_2];
  	imagePointer_2++;
  }

  
  document.getElementById(holder2nameVar).setAttribute("src", image1.src);
  $("#"+holder1nameVar).fadeOut(2000, function(){
    removeElement(targetDivName,holder1nameVar);
    document.getElementById(holder2nameVar).setAttribute('id', holder1nameVar);
    $("#"+targetDivName).append('<img src="" class="fadingImageHolder" id="'+holder2nameVar+'" />');
  });
  
  if(elementNr == 1){
  	if(myFade_1.length > 1){
  		setTimeout('goFade('+fadeTimeout+',"'+holder1nameVar+'","'+holder2nameVar+'","'+targetDivName+'",'+elementNr+');',fadeTimeout);
  	}
  }
  
  if(elementNr == 2){
  	if(myFade_2.length > 1){
  		setTimeout('goFade('+fadeTimeout+',"'+holder1nameVar+'","'+holder2nameVar+'","'+targetDivName+'",'+elementNr+');',fadeTimeout);
  	}
  }

  
}