/* 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;
var firstLoadPassed = 0;


function startFade1(fadeArr, targetDiv, pluginIdentifier){
  var holder1name = "fadingheaderimage"+pluginIdentifier+"1";
  var holder2name = "fadingheaderimage"+pluginIdentifier+"2";
  var targetDivName = targetDiv;
  

  
  if(fadeArr.length > 0){
  	$("#"+targetDivName).append('<img style="" src="fileadmin/template/tvvalkenburg/images/loading.png" class="fadingImageHolder" id="'+holder1name+'" /><img style="" src="" class="fadingImageHolder" id="'+holder2name+'" />');
  	 myFade_1 = fadeArr;
  imageInit_1();
  fadeTimeout = 9000;
  goFade(fadeTimeout, holder1name, holder2name, targetDivName, 1);
  }
  else{
  	$("#"+targetDivName).append('<img style="" src="'+fadeArr[0]+'" class="fadingImageHolder" id="'+holder1name+'" />');
  }
  
 
 
}

function loadTextVar(textVarNumber, delaySetting){
	

	//Calculate which textVar_number to load:
	$textVarValue = eval("textVar_" + textVarNumber);
	
	//Load new text into html:
	if(delaySetting == 1 || firstLoadPassed == 1){
			//Slide and fade out textDiv:
			$('#textDiv').animate({
			    left: '182px',
			    opacity: 'toggle'
			}, 400, function() {
			    // Animation complete:
			    //Load next text html:
			    setTimeout(function () {
			    	//Load next text html:
   					$("#textDivText").html($textVarValue);
   					
   					//IF IE, also load text shadow divs:
   					if($.browser.msie){
   						$("#textDivShadowIE-1").html($textVarValue);
   						$("#textDivShadowIE-2").html($textVarValue);
   					}
   					
				    //Place textDiv at starting point to left (310px);
					$("#textDiv").css("left", "310px");
					//Slide and fade in textDiv:
					$('#textDiv').animate({
					    left: '266px',
					    opacity: 'toggle'
					}, 700, function() {
					    // Animation complete
				  	});
				}, 1400);
		  	});


	}
	else{
		//Update firstload passed:
		firstLoadPassed = 1;
	
		//Hide textDiv div:
		$("#textDiv").hide();

		//Load first text html:
		$("#textDivText").html($textVarValue);
		
		//If IE, then append shadow div to textDiv:
		if($.browser.msie){
			$("#textDiv").append('<div id="textDivShadowIE-1">'+$textVarValue+'</div><div id="textDivShadowIE-2">'+$textVarValue+'</div>');
		}
			
		//Place textDiv at starting point to left (310px);
		$("#textDiv").css("left", "310px");
		
		//Slide and fade in textDiv:
		setTimeout(function () {
			$('#textDiv').animate({
			    left: '266px',
			    opacity: 'toggle'
			}, 800, function() {
			    // Animation complete
		  	});
	  	}, 900);
	}
	
	
	
}

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/template/tvvalkenburg/images/loading.png" 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++;
  	
  	//laad volgende tekst:
  	if(imagePointer_1 == 1){
  		loadTextVar(imagePointer_1, 0);	//textVar_number , delay yes/no);
  	}
  	else{
  		loadTextVar(imagePointer_1, 1);	//textVar_number , delay yes/no);
  	}

  }
  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);
  	}
  }

  
}