var afbeeldingNummer=0;
var popUpStatus= false;
function popUpController(afbeelding,number,film){
	if(popUpStatus){
		// verwijderen van de html pop-up
		$("#DIVfotoPosition").remove();
		$("#DIVfade").remove();
		popUpStatus=false;
	}else{
		// invoegen van de html pop-up
		var windowHeigth= $(window).height();
		if(afbeelding!=""){
			afbeeldingNummer=number;
			var divContent="<img src='"+afbeelding+"' alt='Woning groot' id='IMGgroot'>";
		}else if(film!=""){
			var divContent='<div id="DIVLoading">Bezig met laden van de film..</div><iframe width="400" height="226" frameborder="0" src="http://player.vimeo.com/video/29307915?title=0&amp;byline=0&amp;portrait=0&amp;color=ff9933" id="Filmgroot" style="visibility: hidden;"></iframe>';
		}
		$('BODY').append("<div class='DIVfotoPosition' id='DIVfotoPosition'><div class='DIVsluiten' id='DIVsluiten' onClick='popUpController()'></div><div class='DIVfoto' id='DIVfoto'><div class='DIVfotoOver'><div class='DIVfotoArowLeft' id='DIVfotoArowLeft' onClick='prevButtonPopUp();'></div><div class='DIVfotoArowRight' id='DIVfotoArowRight' onClick='nextButtonPopUp();'></div></div>"+divContent+"</div></div><div class='DIVfade' id='DIVfade'></div>");
		
		
		if(film!=""){
			positioneerPopUp();
		}
		
		// Positioneer de pop-up in het midden van het scherm
		$("#IMGgroot").load(function(){
			positioneerPopUp();
		});
		
		$("#Filmgroot").load(function(){
			$("#DIVLoading").css("display","none");
			$("#Filmgroot").css("visibility","visible");
			positioneerPopUp();
		});
		
		popUpStatus=true ;
	}
}

function positioneerPopUp(){

	// Positioneren van de html pop-up in het midden van het scherm
	var meldingWidth= $("#DIVfoto").width();
	var meldingHeight= $("#DIVfoto").height();
	var newLeft=($(window).width()- meldingWidth)/2;
	var newTop=(($(window).height()+$(document).scrollTop())- meldingHeight)/2;

	$("#DIVfoto").css("left",newLeft);
	$("#DIVfoto").css("top",newTop);
	
	$("#DIVsluiten").css("left",newLeft+$("#DIVfoto").width()-54);
	$("#DIVsluiten").css("top",newTop-40);	
	
	$("#DIVsluiten").css("left",newLeft+$("#DIVfoto").width()-54);
	$("#DIVsluiten").css("top",newTop-40);	
	
	$("#DIVfotoArowLeft").css("left",0);
	$("#DIVfotoArowLeft").css("top",(meldingHeight/2)-30);
	
	$("#DIVfotoArowRight").css("left",meldingWidth-60);
	$("#DIVfotoArowRight").css("top",(meldingHeight/2)-30);
}