var base	= "";

// functie voor het veranderen van de achtyergrondkleur in het overzicht
// 2 mode zijn er. het hele overzicht andere kleur of alleen 1 regel
// dit wordt gechecked door de naam van de checkbox, graag deze dus consistent houden
function checkCss(name, form) {
	var d	 = document;

	if (name.substring(0,6).toLowerCase() == "cb_all") { // dan gaat het om de algemene checkbox
		var length		= name.length;
		var sector		= name.substring(7, length);
		var elementsArray	= new Array();
		var elements		= d.forms[form].elements;

		// alle values van de checkboxen delete pakken
		var j = 0;
		for (var i = 0; i < elements.length; i++) {
			if (elements[i].name == "delete") {
				elementsArray[j] = elements[i].value;
				j++;
			}
		}

		// de waarden van elementsArray gebruiken om de rijen te pakken en deze achtergrond te kleuren
		// en de checkbox aan te vinken
		for (var i = 0; i < elementsArray.length; i++) {
			var cb  = d.getElementById("cb_" + sector + "" + elementsArray[i]);
			var row = d.getElementById("tr_" + sector + "" + elementsArray[i]);

			if (cb.checked) {
				cb.checked = false;
			}
			else {
				cb.checked = true;
			}
			
			if (row.className.toLowerCase() == "oz_clicked") {
				row.className = "";
			}
			else {
				row.className = "oz_clicked";
			}
		}
	}
	else { // nu 1 rij veranderen qua CSS class, de checkbox aan of uitvinken hoeft hier niet
		var row = d.getElementById(name);

		if (row.className.toLowerCase() == "oz_clicked") {
			row.className = "";
		}
		else {
			row.className = "oz_clicked";
		}
	}
}


// functie om een in de stijl van de website 
// msg = welke boodschap wil je laten zien
// img = welke afbeeldingen hoort daarbij
// title = welke titel krijgt het waarschuwingsscherm mee
function showAlertBox(msg, img, title) {
	var d			= document;
	var layerAlertBox	= d.getElementById("layerAlertBox");
	var alertBoxContent	= d.getElementById("alertBoxContent");
	var alertBoxTitle	= d.getElementById("alertBoxTitle");
	var alertBoxButton	= d.getElementById("alertBoxButton");
	var alertBoxTable	= d.getElementById("alertBoxTable");

	layerAlertBox.style.left	= ((document.body.clientWidth  - 250) / 2) + document.body.scrollLeft;
	layerAlertBox.style.top		= ((document.body.clientHeight - 150) / 2) + document.body.scrollTop;

	//layerAlertBoxShadow.style.left	= ((document.body.clientWidth  - 250) / 2) + document.body.scrollLeft + 5;
	//layerAlertBoxShadow.style.top	= ((document.body.clientHeight - 150) / 2) + document.body.scrollTop + 5;

	alertBoxContent.background	= base + "/images/boxIcons/" + img;
	alertBoxContent.innerHTML	= msg;
	alertBoxTitle.innerHTML		= title;

	layerAlertBox.style.visibility		= "visible";
	//layerAlertBoxShadow.style.visibility	= "visible";
}

// haal het waarschuwingsscherm van het scherm
function hideAlertBox() {
	var d = document;
	d.getElementById("layerAlertBox").style.visibility		= 'hidden';
	//d.getElementById("layerAlertBoxShadow").style.visibility	= 'hidden';
}

// functie om een consistent popupscherm te tonen
// page = pagina die in de popup wordt getoond > verplicht
// str  = waarden parameters > niet verplicht
// strNames = de namen van de parameters > niet verplicht
// strNames > de parameters krijgen automatisch de namen chrHidden1, chrHidden2.
// Vul je '$parameter' en je geeft 3 waarden mee dan krijg je > page?chrHidden1=waarde1&parameter=waarde2&chrHidden3=waarde3
// name = naam window > niet verplicht, standaard = ""
// width = breedte scherm (uitwendig) > niet verplicht, standaard = 600
// height = hoogte scherm (uitwendig) > niet verplicht, standaard = 400
// window options kun je NIET aanpassen
function popup(page, str, strNames, name, width, height) {
	var winvar = null;

	// window options opbouwen
	name	= (!name)  ? ""  : name;
	width	= (!width) ? 600 : width;
	height	= (!height)? 400 : height;

	// de popup in het midden van je scherm zetten
	var top  	= (screen.height - height) / 2;
	var left	= (screen.width  - width)  / 2;
	var winOptions	= "height=" + height + ",width=" + width + ","
			+ "top=" + top + ",left=" + left + ",status=no,location=no,"
	   		+ "toolbars=no,directories=no,menubar=no,titlebar=no,"
	   		+ "scrollbars=yes,resizable=yes,copyhistory=no;";
	// window options opgebouwd
	// dan nu str splitten

	if (str) {
		var winArguments = str.split("#");
	}

	if (strNames) {
		var winArgNames = strNames.split("#");
	}

	var URL		= page + "?";
	var j		= 0;
	var value	= "";
	var paramName	= "";

	if (str) {
		for (var i = 0; i < winArguments.length; i++) {
			j	= i + 1;
			value	= winArguments[i];

			if ((winArgNames) && winArgNames[i] != "") {
				paramName = winArgNames[i];
			}
			else {
				paramName = "chrHidden" + j;
			}

			if (i == 0) {
				URL += paramName + "=" + value;
			}
			else {
				URL += "&" + paramName + "=" + value;
			}
		}
	}

	winvar = open(URL, name, winOptions);
	winvar.focus();
}

// functie om de verplichte velden te checken
// thisForm = naam formulier
// mode = naar welke mode ga je als je gesubmitted hebt
// errormessage = message in de taal van gebruiker
// title = titel van het waarschuwingsscherm mocht er iets niet kloppen
// extraFunction = wil je na deze functie nog een functie starten?
function validate(thisForm, mode, errorMessage, title, extraFunction) {
	var d		= document.forms[thisForm];
	var missingInfo = "";
	var focus	= "";

	for (var i = 0; i < arrayVerplicht.length; i++) {
		if (d.elements[arrayVerplicht[i]] && arrayVerplicht[i] != "") {
			if (d.elements[arrayVerplicht[i]].type != "checkbox"	||
			    d.elements[arrayVerplicht[i]].type != "radio"	||
			    d.elements[arrayVerplicht[i]].type != "submit"	||
			    d.elements[arrayVerplicht[i]].type != "button") {
				d.elements[arrayVerplicht[i]].className = "npt";
			}

			if (d.elements[arrayVerplicht[i]].value == "") {
				if (labelArray[i] != "") {
					missingInfo += "- ";
					missingInfo += labelArray[i];
					missingInfo += "<br>";
				}

				if (d.elements[arrayVerplicht[i]].type != "checkbox"	||
				    d.elements[arrayVerplicht[i]].type != "radio"	||
				    d.elements[arrayVerplicht[i]].type != "submit"	||
				    d.elements[arrayVerplicht[i]].type != "button"	||
					d.elements[arrayVerplicht[i]].type != "hidden") {
			   		d.elements[arrayVerplicht[i]].className = "nptError";
				}

				if (focus == "" && d.elements[arrayVerplicht[i]].disabled == false) {
					focus = arrayVerplicht[i]; // bepaal de input die de focus krijgt
				}
			}
		}
	}

	if (missingInfo) {
		missingInfo = errorMessage + ":<p>" + missingInfo;

		// geen focus toekennen aan velden die disabled zijn, anders javascript foutmelding
		if (focus != "") {
			d.elements[focus].focus(); // zet de focus
		}
		
		showAlertBox(missingInfo, 'warning.gif', title);
		return false;
	}
	else {
		// wil je naast deze functie nog een andere functie starten?
		if (extraFunction) {
			eval(extraFunction);
		}
		else {
/*
			if (mode) {
				d.mode.value = mode;
			}
*/
			return true;
		}
	}
}

function set_rights(frmName, cbName, cbClicked) {

	if (cbClicked == "[beheer]") {
		if (document.forms[frmName].elements[cbName + "" + cbClicked].checked) {
			document.forms[frmName].elements[cbName + "[zien]"].checked = true;
		}
	}
	else if (cbClicked == "[zien]") {
		if (document.forms[frmName].elements[cbName + "" + cbClicked].checked == false) {
			document.forms[frmName].elements[cbName + "[beheer]"].checked = false;
		}
	}
}

function check ()
{
	if (confirm('Weet u het zeker?'))
	{
		return true;
	}

	return false;
}

function showRss(lyr, lyrName, lyrTotal) {
	for (var i = 1; i <= lyrTotal; i++) {
		if (i == lyr) {
			if (document.getElementById(lyrName + "" + lyr).style.display == 'block') {
				document.getElementById(lyrName + "" + lyr).style.display = 'none';
			}
			else {
				document.getElementById(lyrName + "" + lyr).style.display = 'block';
			}
		}
		else {
			document.getElementById(lyrName + "" + i).style.display = 'none';
		}
	}
}

function printScreen() {
	document.getElementById("divPrint").innerHTML = "";
	document.getElementById("divPrint").innerHTML = document.getElementById("tdContent").innerHTML;
	window.print();
}

/*function swapImage(imgName, sFilename) {
	document.images[imgName].src = sFilename;
}*/