function hover(btn) {
    btn.src = btn.src.replace(".gif", "_on.gif");
}

function out(btn) {
    btn.src = btn.src.replace("_on.gif", ".gif");
}

function ie6() {
	var div1, div2, div3;
	div1 = document.getElementById("baan_1");
	div2 = document.getElementById("baan_2");
	div3 = document.getElementById("baan_3");
	if (div1 && div3) div1.style.height = div3.clientHeight + "px";
	if (div2 && div3) div2.style.height = div3.clientHeight + "px";
}

function openFoto(naam, thumb)  {
	//win = window.open('foto_popup.php?foto=' + naam, 'fotovenster', 'width=400,height=400');
	var back = "";
	var next = "";
	var close = "<span class=\"click close\" onclick=\"var div = document.getElementById('foto_frame'); if (div) div.style.display = 'none';\">[x]&nbsp;</span>";
	
	for (i = 0; i < imgs.length; i++) {
		if (imgs[i].indexOf(naam.substring(3, naam.length - 3)) > -1) {
			back = (i == 0) ? "openFoto('" + imgs[imgs.length - 1]+ "');" : "openFoto('" + imgs[i - 1]+ "');";
			next = (i == imgs.length - 1) ? "openFoto('" + imgs[0]+ "');" : "openFoto('" + imgs[i + 1]+ "');";
			var div = document.getElementById("foto_frame");
			if (div) {
				div.style.display = "block";
				div.innerHTML = "<br /><span class=\"click\" onclick=\"" + back + "\">&lt;&lt;</span> &nbsp; | &nbsp;<span class=\"click\" onclick=\"" + next + "\">&gt;&gt;</span>" + close + "<br /><br /><img src=\"/foto_archief/" + imgs[i] + "\" alt=\"foto\" onclick=\"" + next + "\" /><br /><br /><br />";
				window.scrollTo(0,0);
				//if (thumb) div.style.top = thumb.offsetTop - (180) + "px";
			}
		}
	}
}

function setHeight() {
	var div1, div2, div3;
	var site = document.getElementById("site");
	div1 = document.getElementById("baan_1");
	div2 = document.getElementById("baan_2");
	div3 = document.getElementById("baan_3");
	if (div1.clientHeight < site.clientHeight || div2.clientHeight < site.clientHeight || div3.clientHeight < site.clientHeight) {
		div1.style.height = site.clientHeight + "px";
		div2.style.height = site.clientHeight + "px";
		div3.style.height = site.clientHeight + "px";
	}
	if (div3.clientHeight > div2.clientHeight) {
		div1.style.height = div3.clientHeight + "px";
		div2.style.height = div3.clientHeight + "px";
	}
}

function showPlattegrond() {
	var div = document.getElementById("foto_frame");
	if (div) {
		div.style.display = "block";
		div.innerHTML = "<span class=\"click close\" onclick=\"var div = document.getElementById('foto_frame'); if (div) div.style.display = 'none';\">[x]&nbsp;</span><br /><br /><img src=\"/images/plattegrond_groot.gif\" alt=\"plattegrond\" onclick=\"document.getElementById('foto_frame').style.display = 'none';\" /><br /><br /><br />";
	}
}