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

var imgArray = new Array();
var titelArray = new Array();
var kidArray = 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);
		setTimeout(function(){
			document.getElementById('kernwaardeTitelImg').src="images/imgtext.php?text="+titelArray[imgIterator]+"&width=320&height=40&c=dblue&fontsize=22&offset=5";			
			imageViewObject.css({"background-image":"url('"+imgArray[imgIterator]+"')"	});
			imageViewObject.fadeTo(fadeinMilisec,1,function(){processingClick=false;});		
			
		},fadeoutMilisec);
	}
}