// Toon foto groot in wit kader op grijze achtergrond
var fotoRand=28;
var windowBreedte=0;

function verbergBeeld() {

	document.getElementById("grijslaag").style.display="none";
	document.getElementById("fotolijst").style.display="none";
	document.getElementById("fotokruis").style.visibility="hidden";
	document.getElementById("fotoGroot").style.visibility="hidden";
	document.getElementById("fotoGroot").src="";

}

function toonBeeld() {

	document.getElementById("grijslaag").style.display="block";
	document.getElementById("fotolijst").style.display="block";
	document.getElementById("fotokruis").style.visibility="visible";
	document.getElementById("fotoGroot").style.visibility="visible";

}

function maakBeeld(p_foto_nr) {

	var fotoGroot = new Image();
	fotoNr=p_foto_nr;
	fotoGroot.src = galerijGroot[fotoNr];

	document.getElementById("fotoGroot").src=fotoGroot.src;
	document.getElementById("fototxt").innerHTML=galerijTitel[fotoNr] + "<br />" + galerijOms[fotoNr];

	document.getElementById("fotovorige").innerHTML="";
	if (fotoNr>0) {
		document.getElementById("fotovorige").innerHTML="<div onclick='toonVorige(" + fotoNr + ");'><</div>";
	}
	document.getElementById("fotovolgende").innerHTML="";
	if (fotoNr<galerijGroot.length-1) {
		document.getElementById("fotovolgende").innerHTML="<div onclick='toonVolgende(" + fotoNr + ");'>></div>";
	}

	var hoogte, breedte, schermhoogte, schermbreedte;

	if (windowBreedte==0) {
		windowBreedte=document.body.clientWidth;
	}

	hoogte=fotoGroot.height+fotoRand;
	if (hoogte==fotoRand) {
		hoogte=document.getElementById("fotoGroot").heigth+fotoRand;
	}
	breedte=fotoGroot.width+fotoRand;
	if (breedte==fotoRand) {
		breedte=document.getElementById("fotoGroot").width+fotoRand;
	}
	schermhoogte=document.body.clientHeight;
	schermbreedte=document.body.clientWidth;

	schermVerschil=schermbreedte-windowBreedte;

	if ((schermVerschil>16) || (schermVerschil< (-16) )) {
		windowBreedte=schermbreedte;
	} else {
		schermbreedte=windowBreedte;
	}

	if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
		 var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
		 if (ieversion<8) {
			fotoBreedte=document.getElementById("fotoGroot").width;
	  		document.getElementById("fotolijst").style.width=fotoBreedte
		 }
	}

	document.getElementById("fotolijst").style.top=((schermhoogte-hoogte-40)/2)+"px";
	document.getElementById("fotolijst").style.left=((schermbreedte-breedte)/2)+"px";
	document.getElementById("fototxt").style.width=(breedte-80)+"px";

}

function toonFoto(p_foto_nr) {

	toonBeeld();
	fotoNr=p_foto_nr;
	maakBeeld(fotoNr);

}

function toonVorige(p_foto_nr) {
	var nw_foto = p_foto_nr-1;

	if (nw_foto<0) {
		nw_foto=0;
	}

	fotoNr=nw_foto;
	maakBeeld(fotoNr);
	
}

function toonVolgende(p_foto_nr) {
	var nw_foto = p_foto_nr+1;

	if (nw_foto<0) {
		nw_foto=0;
	}

	fotoNr=nw_foto;
	maakBeeld(fotoNr);

}