var huidig = 0;

function showFoto(foto)
{
	document.getElementById("fotoGroot").src = "/images/foto/lg_" + a_fotos[foto] + ".jpg";
	huidig = foto;
}

function laadFotos()
{
	/*
	if(document.getElementById("content").offsetHeight < 190)
	{
		document.getElementById("foto").style.height = 190+'px';
	}
	else
	{
		document.getElementById("foto").style.height = 10+'px';
	}
	*/
	document.getElementById("foto").innerHTML = '<img src="/images/foto/lg_leeg.jpg" id="fotoGroot" /><img src="/images/foto/leeg.jpg" id="fotoA" onclick="showFoto(0);" /><img src="/images/foto/leeg.jpg" id="fotoB" onclick="showFoto(1);" /><img src="/images/foto/leeg.jpg" id="fotoC" onclick="showFoto(2);" /><img src="/images/foto/leeg.jpg" id="fotoD" onclick="showFoto(3);" /><img src="/images/fotonav.gif" border="0" width="278" height="15" usemap="#fotoNavMap" id="fotoNav" /><map name="fotoNavMap" id="fotoNavMap"><area shape="rect" coords="0,0,18,15" href="javascript:vorigeFoto();" /><area shape="rect" coords="256,0,271,15" href="javascript:volgendeFoto();" /></map>';

	document.getElementById("fotoGroot").src = "/images/foto/lg_" + a_fotos[4] + ".jpg";
	document.getElementById("fotoA").src = "/images/foto/s_" + a_fotos[0] + ".jpg";
	document.getElementById("fotoB").src = "/images/foto/s_" + a_fotos[1] + ".jpg";
	document.getElementById("fotoC").src = "/images/foto/s_" + a_fotos[2] + ".jpg";
	document.getElementById("fotoD").src = "/images/foto/s_" + a_fotos[3] + ".jpg";
}

function vorigeFoto()
{
	if( huidig == 0 )
	{
		huidig = 3
	}
	else
	{
		huidig = huidig - 1
	}
	showFoto(huidig);
}

function volgendeFoto()
{
	if( huidig == 3 )
	{
		huidig = 0
	}
	else
	{
		huidig = huidig + 1;
	}
	showFoto(huidig);
}