var imgIterator = -1;
var fadeoutMilisec=500;
var fadeinMilisec=500;
var intervalTime = 6000;

var imgArray = new Array();
var textArray = 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);
	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);
		
		$('.activeimage').removeClass('activeimage');
		$('#img'+(imgIterator==0?'0':imgIterator)+'').addClass('activeimage');
				
		setTimeout(function(){
			imageViewObject.attr("src",imgArray[imgIterator]);
			$('#fotoText').html(textArray[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";
}