var imgIterator = 0;
var fadeoutMilisec=300;
var fadeinMilisec=500;
var intervalTime = 6000;

var imgArray = new Array();
var imageViewObject=null;
var processingClick=false;

/*
Gebruik,

vul in de pagina de array 
	imgArray[<?=$key?>] = "<?=$url?>";
om te loopen start 
loopBackgroundImage(dest)

andes vul
imageViewObject = $('#content');
en run event op nextImage()
*/

function loopBackgroundImage(dest){
	imageViewObject = $(dest);
	nextImage();
	//setInterval(function(){nextImage()},intervalTime);	
}

function nextImage(){
	if(processingClick==false){
		processingClick=true;
		imgIterator++;
		loadCurrentImg();
	}
}
function prevImage(){
	if(processingClick==false){
		processingClick=true;
		imgIterator--;
		loadCurrentImg();
	}
}

function loadCurrentImg(){
	if(imageViewObject != null){
		if(imgIterator < 0){
			imgIterator = (imgArray.length-1)
		}
		
		if(imgArray[imgIterator] == null){
			//Alle afbeeldingen zijn getoond, start een nieuw project
			imgIterator=0;
		}
		
		imageViewObject.fadeTo(fadeoutMilisec,0);
		$("#showImageCount").attr("innerHTML",""+(imgIterator+1));
		
		

		setTimeout(function(){
			imageViewObject.css({'backgroundImage':"url("+imgArray[imgIterator]+")"});
			imageViewObject.fadeTo(fadeinMilisec,1,function(){processingClick=false;});		
			
		},fadeoutMilisec);
		
	}
}

//Contactformulier ondersteuning
function startCallback(){
  return true;
}

function formSubmitted(){
	document.getElementById('formHTML').innerHTML ="Bedankt voor het aanvragen van informatie<br>Wij zullen zo spoedig mogelijk contact met u opnemen.<br><br>Met vriendelijke groet,<br><Br>It's us";
}

$(document).ready(function(){
		$('#homeblock1,#homeblock2,#homeblock3').hover(
		function(){
			$(this).css({"background-image":"url('images/bg_kraanmenu_2.jpg')"});
			$("ul.buttonlink",this).css({"background-position":"0px -16px","color":"#FF0000"});
		},
		function(){
			$(this).css({"background-image":"url('images/bg_kraanmenu_1.jpg')"});
			$("ul.buttonlink",this).css({"background-position":"0px 2px","color":"#10499A"});
		}
		);
		
		$('.buttonOverDiv').hover(
		function(){
			$(this).css({"background-image":"url('images/lines_advies_menu_bg.jpg')"});
		},
		function(){
			$(this).css({"background-image":"url()"});
		}
		);
		
		$('tr.kraaninfo').hover(
			function(){
				$(this).css({"background-image":"url('images/bg_lijst_verhuur_rollover.jpg')"});
				$("ul.buttonlink",this).css({"background-position":"0px -16px","color":"#FF0000"});
			},
			function(){
				$(this).css({"background-image":"url('images/bg_lijst_verhuur.jpg')"});
				$("ul.buttonlink",this).css({"background-position":"0px 2px","color":"#10499A"});
			}
		);
		
		$('tr.kraaninfo2').hover(
			function(){
				$(this).css({"background-image":"url('images/bg_lijst_verhuur_rollover.jpg')"});
				$("ul.buttonlink",this).css({"background-position":"0px -16px","color":"#FF0000"});
			},
			function(){
				$(this).css({"background-image":"url()"});
				$("ul.buttonlink",this).css({"background-position":"0px 2px","color":"#10499A"});
			}
		);
	}
);