var aImgs = []
var iFoto = 1;
var iFotoMax = 0;
var sClass = "g";

function controleerMaat() {
	var oBody = document.getElementsByTagName("body")[0];
	//alert( "h=" + oBody.clientHeight );
	if ( oBody.clientHeight<740 ) {
		sClass = "small";
	} else {
		sClass = "";
	}
	//alert( sClass );
	oBody.className = sClass;
	if ( document.getElementById("foto-wrap") ) document.getElementById("foto-wrap").className = sClass;
	if ( document.getElementById("fotostrip") ) document.getElementById("fotostrip").className = sClass;
	if ( document.getElementById("fotos") ) document.getElementById("fotos").className = sClass;
	fotosLaden();
}

function fotosLaden() {
	//Bepaal welke kleine fotos aanwezig zijn.
	for ( var i=1; i<22; i++ ) {
		var oImg = document.getElementById("klein" + i);
		if (  oImg ) {
			if ( iFotoMax<i ) {
				if ( oImg.readyState=='complete' || oImg.width>30 ) {
					iFotoMax = i;
					oImg.className="show";
					aImgs[i] = new Image();
					aImgs[i].src = i + ".jpg";
				} else {
					oImg.className="hide";
				}
			}
		}
	}
}
function vorigeFoto() {
	iFoto--;
	if ( iFoto<1 ) iFoto = iFotoMax;
	toonFoto( iFoto );
}
function volgendeFoto() {
	iFoto++;
	if ( iFoto>iFotoMax ) iFoto = 1;
	toonFoto( iFoto );
}
function toonFoto(id) {
	iFoto = id;
	document.getElementById('foto').src = aImgs[ iFoto ].src;
	//toonPdf(id); //RPa todo
	for ( var i=1; i<iFotoMax+1; i++ ) {
		if ( i==iFoto ) {
			document.getElementById( "klein" + i ).parentNode.className="selected";
			var iLeft = document.getElementById( "klein" + i ).offsetLeft;
			document.getElementById( "fotostrip" ).scrollLeft = iLeft-400;
		} else {
			document.getElementById( "klein" + i ).parentNode.className="";
		}
	}
}
function toonPdf (id) {
	if (document.getElementById('pdfdiv')) {
		document.getElementById('pdfdiv').innerHTML = ''; 
		//alert(pdf.indexOf(','+id+'.pdf') + ' ' + id + ' ' + pdf );
		if (pdf.indexOf(','+id+'.pdf')>-1) {
			document.getElementById('pdfdiv').innerHTML = '<a href=' + id + '.pdf target=_new><img src=/pdf.jpg border=0><br>Voor meer<br>informatie<br> klik hier.</a><br>';
		}
	}
}