var openBoxes = new Array();

function showBox(boxID) {
	var box = document.getElementById('box' + boxID);
	openBoxes[boxID] = 1;
	if (!box)
		return;
	box.style.display = "block";
}

function hideBox(boxID) {
	openBoxes[boxID] = 0;
	var box = document.getElementById('box' + boxID);
	if (!box)
		return;
	box.style.display = "none";
}


// dit is een stukje javascript van erik
function closeMessage(){
	document.getElementById("message_container").style.display  = "none";
}
function closeError(){
	document.getElementById("error_container").style.display  = "none";
}
function getImageWidth() {
	return document.getElementById("image_large").offsetWidth;
}

function imageLoaded() {
	document.getElementById("image_large").onload=null;	
	document.getElementById("image_content").style.width  = getImageWidth()+"px";	
	document.getElementById("message").style.width  = getImageWidth()+"px";
	
//	var outerBox = document.getElementById("error_w");
//	var innerBox = document.getElementById("error_w2");

	var outerBox = document.getElementById("image_w");
	var innerBox = document.getElementById("image_w2");

	var initialHeight = outerBox.offsetHeight;
	var documentHeight = document.body.offsetHeight;
	var windowHeight = document.body.clientHeight;
	var minimumHeight = (documentHeight > windowHeight) ? documentHeight : windowHeight;
	if(initialHeight < minimumHeight) {
		outerBox.style.height = minimumHeight;
		innerBox.style.height = minimumHeight;
	}
}

function openImage(imageUrl/*,imageNumber*/){

	document.getElementById("image_content").style.width  = "640px";	
	document.getElementById("message").style.width  = "640px";

	document.getElementById("image_container").style.display  	= "";
	document.getElementById("image_large").onload = imageLoaded;
	document.getElementById("image_large").src  = imageUrl;
}

function closeImage(){
	document.getElementById("image_container").style.display  = "none";
	document.getElementById("image_large").src  = "/image/spacer.gif";
	document.getElementById("image_content").style.width  = "640px";	
	document.getElementById("message").style.width  = "640px";	
}


// dit is een stukje javascript van Willem om de opengeklapte blokken open te houden na een actie

var oldFunction = null;

function saveBoxInfo() {
	var expanded = new Array();
	for(var i in openBoxes) {
		if(openBoxes[i] == 1) {
			expanded.push(i);
		}
	}
	document.cookie = 'expandedInfo='+expanded.join(',');
}

function readCookie(name)
{
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++)
	{
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function clearBoxInfo() {
	document.cookie = 'expandedInfo=';
}

function loadBoxInfo() {
	var expanded = readCookie('expandedInfo');
	if(expanded != null) {
		var list = expanded.split(',');
		for(var i in list) {
			showBox(list[i]);
		}
		clearBoxInfo();
	}
}

function initpage() {
	var allForms = document.forms;
	for(var i=0;i<document.forms.length;i++) {
		document.forms[i].onsubmit = saveBoxInfo;
	}
	loadBoxInfo();
	if (oldFunction) {
		oldFunction();
	}
}

oldFunction = window.onload;
window.onload = initpage;