// Toon foto groot in wit kader op grijze achtergrond
function toonBeeld(foto_src,foto_txt,p_foto_nr) {

	var fotoGroot = new Image();
	fotoGroot.src = foto_src;
	fotoNr=p_foto_nr;

	document.getElementById("grijslaag").style.visibility="visible";
	document.getElementById("fotoGroot").style.visibility="visible";
	document.getElementById("fotoGroot").src=fotoGroot.src;
	document.getElementById("fototxt").innerHTML="<br />" + foto_txt;
	document.getElementById("fotolijst").style.visibility="visible";
	document.getElementById("fotokruis").style.visibility="visible";
	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;

	hoogte=fotoGroot.height+14;
	if (hoogte==14) {
		hoogte=document.getElementById("fotoGroot").heigth+14;
	}
	breedte=fotoGroot.width+14;
	if (breedte==14) {
		breedte=document.getElementById("fotoGroot").width+14;
	}
	schermhoogte=document.body.clientHeight;
	schermbreedte=document.body.clientWidth;
	
	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";
	
	//document.getElementById("fotovorige").style.top=(hoogte/2)+"px";
	//document.getElementById("fotovolgende").style.top=(hoogte/2)+"px";
}

function verbergBeeld() {

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

}

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

	if (nw_foto<0) {
		nw_foto=0;
	}
	
	fotoNr=nw_foto;
	
	var fotoGroot = new Image();
	fotoGroot.src = galerijGroot[fotoNr];

	document.getElementById("fotoGroot").src=fotoGroot.src;
	document.getElementById("fototxt").innerHTML="<br />" + galerijOms[fotoNr];
	document.getElementById("fotovorige").innerHTML="";
	if (fotoNr>0) {
		document.getElementById("fotovorige").innerHTML="<div onclick='toonVorige(" + fotoNr + ");'><</div>";
	}
	document.getElementById("fotovolgende").innerHTML="<div onclick='toonVolgende(" + fotoNr + ");'>></div>";

	var hoogte, breedte, schermhoogte, schermbreedte;

	hoogte=fotoGroot.height+14;
	if (hoogte==14) {
		hoogte=document.getElementById("fotoGroot").heigth+14;
	}
	breedte=fotoGroot.width+14;
	if (breedte==14) {
		breedte=document.getElementById("fotoGroot").width+14;
	}
	schermhoogte=document.body.clientHeight;
	schermbreedte=document.body.clientWidth;
	
	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";
	
	//document.getElementById("fotovorige").style.top=(hoogte/2)+"px";
	//document.getElementById("fotovolgende").style.top=(hoogte/2)+"px";
}

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

	if (nw_foto<0) {
		nw_foto=0;
	}
	
	fotoNr=nw_foto;
	
	var fotoGroot = new Image();
	fotoGroot.src = galerijGroot[fotoNr];

	document.getElementById("fotoGroot").src=fotoGroot.src;
	document.getElementById("fototxt").innerHTML="<br />" + galerijOms[fotoNr];
	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;

	hoogte=fotoGroot.height+14;
	if (hoogte==14) {
		hoogte=document.getElementById("fotoGroot").heigth+14;
	}
	breedte=fotoGroot.width+14;
	if (breedte==14) {
		breedte=document.getElementById("fotoGroot").width+14;
	}
	schermhoogte=document.body.clientHeight;
	schermbreedte=document.body.clientWidth;
	document.getElementById("fototxt").style.width=(breedte-80)+"px";
	
	document.getElementById("fotolijst").style.top=((schermhoogte-hoogte-40)/2)+"px";
	document.getElementById("fotolijst").style.left=((schermbreedte-breedte)/2)+"px";
	
	//document.getElementById("fotovorige").style.top=(hoogte/2)+"px";
	//document.getElementById("fotovolgende").style.top=(hoogte/2)+"px";
}