function init_fotoalbumkeystroke(){//doe alleen als je ook op de fotopagina zit
	//stukje script om keypresses uit te kunnen lezen
	nn=(document.layers)?true:false;//kijk of je in netscape zit
	ie=(document.all)?true:false; //kijk of je in internet explorer zit
	document.onkeydown=keyDown; //koppel de functie aan de event
	if(nn) document.captureEvents(Event.KEYDOWN); //koppelen in netscape
}
function keyDown(e) { //de functie als je een knop indrukt
	var evt=(e)?e:(window.event)?window.event:null; //verschillende browsers event variabele pakken
	if((evt)){ 
		var key=(evt.charCode)?evt.charCode: ((evt.keyCode)?evt.keyCode:((evt.which)?evt.which:0)); //drie verschillende manieren om de ingedrukte key te pakken te krijgen
		if(key=="37") document.getElementById('vorigefoto').onclick();//doe via de vorige knop ivm faal als het thorlogo er staat
		if(key=="39") document.getElementById('volgendefoto').onclick(); //doe via de volgende knop ivm faal als het thorlogo er staat
	} 
} 

function loadbig(e){
	//functionaliteit van de knoppen en het toetsenbord pas inschakelen als er minstens 1 foto aangeklikt is
	if((document.getElementById('vorigefoto').onclick==undefined)||(document.getElementById('vorigefoto').onclick==null))	//als de vorige foto knop nog geen functie heeft
		document.getElementById('vorigefoto').onclick=function(){changephoto(0);}; //wijst functie toe
	if((document.getElementById('volgendefoto').onclick==undefined)||(document.getElementById('volgendefoto').onclick==undefined))//als de volgende foto knop nog geen functie heeft
		document.getElementById('volgendefoto').onclick=function(){changephoto(1);};//wijst functie toe
	if(document.getElementById('buttonbar').style.display=='none')//knoppen uberhaupt pas laten zien als er een foto aangeklikt is
		document.getElementById('buttonbar').style.display='';
	if(document.onkeydown!==keyDown)
		init_fotoalbumkeystroke();
	
	
	document.getElementById('bigimage').src=e.src;//zet alvast de thumb als groot
	if(e.width>e.height)
	{
		
		document.getElementById('bigimage').width=500;
		document.getElementById('bigimage').height=500*(e.height/e.width);
	}
	else
	{
		document.getElementById('bigimage').height=500;
		document.getElementById('bigimage').width=500*(e.width/e.height);
	}	
	buffer=new Image();//laad de foto in de achtergrond
	buffer.src = e.src.replace("_thumb", "")//fysiek laden
	buffer.onLoad=photoloaded(e.src.replace("_thumb", ""));//ga de uitvergrote thumb vervangen
}

function photoloaded(newsrc){
document.getElementById('bigimage').src=newsrc;//vervang de thumb door de groto foto
}

function changephoto(nextphoto){
	parts=document.getElementById('bigimage').src.split("_");//onderdelen uit elkaar halen:   			[random delen url],([volgnummer](als er een thumb geladen is),[belangrijke stuk]
	lastel=parts.pop().split(".");//file extentie los halen												[belangrijke stuk]: [volgnr],[fileext] OF ["_thumb"],[fileext]
	if(lastel[0]=="thumb")//als het woord thumb in de string stond, staat de rest niet waar je het verwacht
	{
	num=parts.pop();//het volgnummer stond nog in de andere onderdelen
	}
	else
	num=lastel[0];//als het geen thumb is, dan zit het nummer hier.


	numlen=num.length;// ivm leading zeroes
	num=Number(num)+(nextphoto?1:-1);//aan de hand van meegegeven variable besluiten of je de volgende of vorige foto wilt
	while(numlen-String(num).length>0)//zolang er niet genoeg leading zeroes zijn
		num='0'+num; 
	
	newimagefile=parts.concat(num).join("_")+'.'+lastel[1];//plak de hele zooi weer aan elkaar, behalve het woord thumb

	//het stuk hieronder is om te checken of de foto bestaat
	for(var img in document.getElementById("fotoleftcontainer").getElementsByTagName("img"))//ga alle thumbs af
	{
		if(typeof(document.getElementById("fotoleftcontainer").getElementsByTagName("img")[img])!='object')//als we alle images gehad hebben, zullen we de eigenschappen van de array zelf door gaan. dat faalt
		continue;
		if(newimagefile==document.getElementById("fotoleftcontainer").getElementsByTagName("img")[img].src.replace("_thumb",''))//kijk of de source van de thumb (minus het woord "_thumb" voorkomt in de opgevraagde file
		{
			loadbig(document.getElementById("fotoleftcontainer").getElementsByTagName("img")[img]);//laad de foto alsof je op de thumb klikt
			break;
		}
	}
}
