var imgIterator = -1;
var fadeoutMilisec=200;
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);
	setInterval(function(){nextImage()},intervalTime);	
}

function nextProjectImage(){
	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);
		setTimeout(function(){
			imageViewObject.css({"background-image":"url('"+imgArray[imgIterator]+"')"	});
			$("#imgText").attr("innerHTML",textArray[imgIterator]);
			$("#showImageCount").attr("innerHTML",""+(imgIterator+1));
			imageViewObject.fadeTo(fadeinMilisec,1,function(){processingClick=false;});
		},fadeoutMilisec);
	}
}

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

function formSubmitted(reponseText){
	document.getElementById('formHTML').innerHTML = reponseText;
}

	var imgArray = new Array();
	var imgIterator=0;
	var stopInterval;
	
	function nextImage(){
		imgIterator++;
		if(imgArray[imgIterator] == null)
			imgIterator=0;
			
		showImageFade();
	}
	
	function showImageFade(){
			$('#textLeaderContent').fadeOut(100);
			$('#leaderBG3').css({backgroundImage:"url('"+imgArray[imgIterator]+"')"});
			$('#leaderBG2').fadeOut(1000);
			
			$('#textLeaderContent').hide(0);	
			document.getElementById('title').src = ""+titelArray[imgIterator]+"";
			document.getElementById('textLeaderSupportext').innerHTML = textArray[imgIterator];
			
			if(urlArray[imgIterator] != ""){
				$('#leaderurl').show();
				$('#leaderurl a').attr("href",urlArray[imgIterator]);
				$('#leaderurl a').attr("innerHTML",urlDescArray[imgIterator]);
			}else{
				$('#leaderurl').hide();
			}
			
			setTimeout(function(){$('#textLeaderContent').fadeIn(600);},100);
			
			setTimeout(function(){
				$('#leaderBG2').css({backgroundImage:"url('"+imgArray[imgIterator]+"')"});
				$('#leaderBG2').show(0);
			},1300);
			
			$('.leaderButtonActive').addClass('leaderButton');
			$('.leaderButtonActive').removeClass('leaderButtonActive');
			
			$('#leaderButton'+(imgIterator+1)).removeClass('leaderButton');
			$('#leaderButton'+(imgIterator+1)).addClass('leaderButtonActive');
	}

	$(document).ready(function(){
		$(".leaderButton,.leaderButtonActive").click(function(){
			imgIterator = parseInt($('li',this).attr('innerHTML'))-1;
			showImageFade();
			
			$('.leaderButtonActive').addClass('leaderButton');
			$('.leaderButtonActive').removeClass('leaderButtonActive');
			$(this).removeClass('leaderButton');
			$(this).addClass('leaderButtonActive');
	
			clearInterval(stopInterval);
		}
	);
	
	$('#leaderBG2').css({backgroundImage:"url('"+imgArray[imgIterator]+"')"});
	}
);