function foto(fotoid) {
	if(document.getElementById('foto') != null){
		ajaxLoadImage("pages/afbeelding.php?direct=true&fid=7&fotoid="+fotoid+"&cid="+document.getElementById('fotoID').innerHTML)
	}
}

function syncDivs(div1,div2){
	var extra=0;
	if(document.getElementById("foto") == null){
		extra = 45;
	}
	
	objDiv1=document.getElementById(div1);
	objDiv2=document.getElementById(div2);
	
	if(objDiv1.clientHeight > objDiv2.clientHeight){
		objDiv2.style.height = objDiv1.clientHeight-15-extra+"px";
	}else{
		objDiv1.style.height = objDiv2.clientHeight-15+"px";
	}
}

currentAfb=0;
function selectAfbeelding(afb){

	for(c=0;document.getElementById('img'+c)!=null;c++){
		document.getElementById('img'+c).style.border="1px solid #e3e3e3";
	}

	if(afb < 0)
		afb=c-1;
	
	if(document.getElementById('img'+afb) == null)
		afb=0;		

	currentAfb=afb;
	document.getElementById('img'+afb).style.border="1px solid #003562";
}
var imgIterator = -1;
function preloader(imgArray){
    // counter     
   var i = 0;
   // create object     
   imageObj = new Image();
   // start preloading     
   for(i=0; i<=3; i++){          
   	imageObj.src=imgArray[i];
   }
} 

var imgIterator = -1;
var fadeoutMilisec=200;
var fadeinMilisec=1000;
var intervalTime = 6000;

var imgArray = new Array();
var textArray = new Array();

var imageViewObject=null;
var processingClick=false;

function nextProjectImage(){
	if(processingClick==false){
		imgIterator++;
		processingClick=true;
		loadCurrentImg();
	}
}

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

function selectImage(img){
	if(processingClick==false){
		processingClick=true;
		imgIterator=img;
		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]);
			$("#currentImgTitelDiv").attr("innerHTML",imgArray[imgIterator]);
			$("#showImageCount").attr("innerHTML",""+(imgIterator+1));
			imageViewObject.fadeTo(fadeinMilisec,1,function(){processingClick=false;});
		},fadeoutMilisec);
	}
}

function setImage(){return false;}