// Voorbeeld waarbij je op een thumbmail klikt en de vergrote versie verschijnt
var fotos = new Array();

function init()
{
	preload_fotos();
	addEventHandler("afb1" , "click", function(){toon_grote_foto(1)});
	addEventHandler("afb2" , "click", function(){toon_grote_foto(2)});
	addEventHandler("afb3" , "click", function(){toon_grote_foto(3)});
	addEventHandler("afb4" , "click", function(){toon_grote_foto(4)});
	addEventHandler("afb5" , "click", function(){toon_grote_foto(5)});
	addEventHandler("afb6" , "click", function(){toon_grote_foto(6)});
	addEventHandler("afb8" , "click", function(){toon_grote_foto(8)});
	addEventHandler("afb7" , "click", function(){toon_grote_foto(7)});	
	addEventHandler("afb9" , "click", function(){toon_grote_foto(9)});
	addEventHandler("afb10" , "click", function(){toon_grote_foto(10)});
	addEventHandler("afb11" , "click", function(){toon_grote_foto(11)});
	addEventHandler("afb12" , "click", function(){toon_grote_foto(12)});
	addEventHandler("afb13" , "click", function(){toon_grote_foto(13)});
	addEventHandler("afb14" , "click", function(){toon_grote_foto(14)});
	addEventHandler("afb15" , "click", function(){toon_grote_foto(15)});
}

function preload_fotos()
{
	//vul de array fotos op met de verschillende afbeeldingen van de slideshow
	for(i=0; i<35; i++)
	{
		fotos[i] = "../../App_Themes/Default/assets/PNG/" + (i+1) + ".png";
	};
}

/*
deze functie tonnt de vergrote versie van de afbeeldingen. Het aanroepen van de functie voor bijvoorbeeld de eerste foto gebeurt als volgt: toon_grote_foto(1);
*/
function toon_grote_foto(nrFoto)
{
	if(nrFoto <= fotos.length)
	{
		var grote_foto = document.getElementById("groot_beeld");
		var normalPic = document.getElementById("linkNormalPic");
		//de eerste foto staat in de array fotos op plaats 0 of met andere woorden nrFoto-1
		grote_foto.setAttribute("src", fotos[nrFoto-1]);
		normalPic.setAttribute("href" , "../../App_Themes/Default/assets/PNG/normalImages/" + (nrFoto) + ".jpg"); 
		
		
	};
}