var imgIterator = -1;
var fadeoutMilisec=500;
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 nextImage(ani){
	if(processingClick==false){
		processingClick=true;
		imgIterator++;
		if(ani==null)loadCurrentImg();
		else loadCurrentImgFade();
	}
}
function prevImage(ani){
	if(processingClick==false){
		processingClick=true;
		imgIterator--;
		if(ani==null)loadCurrentImg();
		else loadCurrentImgFade();
	}
}
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(){
			$('#smallImages img').removeClass('actief');
			document.getElementById('currentImgNumber').innerHTML=(imgIterator+1);
			$('#image'+imgIterator).addClass('actief');
			imageViewObject.css({"background-image":"url('"+imgArray[imgIterator]+"')"	});
			imageViewObject.fadeTo(fadeinMilisec,1,function(){processingClick=false;});		
		},fadeoutMilisec);
	}
}
var fastLoad="";
function loadCurrentImgFade(){
	if(imageViewObject != null){
		if(imgIterator < 0){
			imgIterator = (imgArray.length-1)
		}
		
		if(imgArray[imgIterator] == null){
			//Alle afbeeldingen zijn getoond, start een nieuw project
			imgIterator=0;
		}
		var loadTime=0;
		if(imgArray[imgIterator] != fastLoad){
			imageViewObjectBG.css({"background-image":"url('"+imgArray[imgIterator]+"')"});
			loadTime = 500;
		}else{
			loadTime = 0;
		}

		fadeoutMilisec=500;
		setTimeout(function(){
			imageViewObject.fadeOut(fadeoutMilisec);

			setTimeout(function(){
				if(imgArray!=null){
					currentActiveLBimg=imgArray[imgIterator];
				}
				//imageViewObject.fadeTo(fadeinMilisec,1,function(){processingClick=false;});		
				processingClick=false;
				imageViewObject.css({"background-image":"url('"+imgArray[imgIterator]+"')"});
				imageViewObject.show();
				
				if(imgArray[(imgIterator+1)] != null){
					imageViewObjectBG.css({"background-image":"url('"+imgArray[(imgIterator+1)]+"')"});
					fastLoad = imgArray[(imgIterator+1)];
				}
			},fadeoutMilisec+200);
		},loadTime);
	}
}
//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";
}

var currentActiveMenu='';

function openSubmenu(naam){
	if(currentActiveMenu != naam){
		currentActiveMenu=naam;
		$('.subsubmenu').slideUp(500);
		$('#'+naam+'').slideDown(500);
	}
}