var opera = window.opera ? true : false;

//====================== Aanroep functies bij Onload-event
window.onload = function() {	
	init();
}
//====================== Aanroep functies bij OnUnload-event to prevent from memory leakage in IE6
/*window.onunload = function() {	
	for(var i=0; i<divsMetToelichting.length; i++){
		divsMetToelichting[i].a.onmousover = null;
		divsMetToelichting[i].tl.onmouseout = null;
		if(divsMetToelichting[i].formElt){
			divsMetToelichting[i].formElt.onfocus = null;
			divsMetToelichting[i].formElt.onblur = null;
		}
	}
}*/
//====================== 



function init()
{
	//javascript check. als js uitstaat, wordt class nojavascript in de body niet weggehaald.
	if(document.getElementById("form"))
	{ 
	        change("form", "formulierpagina"); 
		initFormulierToggle();
	}
	
	//hide alle elementen met klasse "button"
	var elementen = haalElementenOpMetKlasseName("button") ;

	//loop door alle elementen
	for(var i = 0; i < elementen.length; i++)
	{
		elementen[i].style.display = "none";
	}
	//script toevoegen aan "vorige" button
	if(document.getElementById("vorige-button"))
	{
		document.getElementById("vorige-button").onclick = function () { history.back(); };
		//document.getElementById("vorige-button").onmouseover = function () { rollOverButton ("vorige-button", "../afbeeldingen/button-vorige-ro.gif", "#e00") };
		//document.getElementById("vorige-button").onmouseout = function () { rollOverButton ("vorige-button", "../afbeeldingen/button-vorige.gif", "#a59e63") };
	}	
	//script toevoegen voor inklappen laag verborgen1 en 2
	if(document.getElementById("wis-button"))
	{
		//document.getElementById("wis-button").onmouseover = function () { rollOverButton ("wis-button", "../afbeeldingen/button-wis-ro.gif", "#e00") };
		//document.getElementById("wis-button").onmouseout = function () { rollOverButton ("wis-button", "../afbeeldingen/button-wis.gif", "#a59e63") };
	}	
	//script toevoegen voor print button
	if(document.getElementById("print-button"))
	{
		//document.getElementById("print-button").onclick = function () { window.print(); };
		//document.getElementById("print-button").onmouseover = function () { rollOverButton ("print-button", "../afbeeldingen/button-print-ro.gif", "#e00") };
		//document.getElementById("print-button").onmouseout = function () { rollOverButton ("print-button", "../afbeeldingen/button-print.gif", "#a59e63") };
	}	
	
	//script toevoegen aan "volgende" button
	if(document.getElementById("volgende-button"))
	{
		//document.getElementById("volgende-button").onmouseover = function () { rollOverButton ("volgende-button", "../afbeeldingen/button-verder-ro.gif", "#e00") };
		//document.getElementById("volgende-button").onmouseout = function () { rollOverButton ("volgende-button", "../afbeeldingen/button-verder.gif", "#000") };
	}
		
	//script toevoegen voor "verzenden" button
	if(document.getElementById("verzenden-button"))
	{
		document.getElementById("verzenden-button").onmouseover = function () { rollOverButton ("verzenden-button", "../afbeeldingen/button-verder-ro.gif", "#e00") };
		document.getElementById("verzenden-button").onmouseout = function () { rollOverButton ("verzenden-button", "../afbeeldingen/button-verder.gif", "#000") };
	}	
	
	//script toevoegen voor sluiten window button
	if(document.getElementById("sluiten-button"))
	{
		//document.getElementById("sluiten-button").onclick = function () { window.close(); };
		//document.getElementById("sluiten-button").onmouseover = function () { rollOverButton ("sluiten-button", "../afbeeldingen/button-sluiten-ro.gif", "#e00") };
		//document.getElementById("sluiten-button").onmouseout = function () { rollOverButton ("sluiten-button", "../afbeeldingen/button-sluiten.gif", "#000") };
	}	
}



// divs toelichting tekst; gebruikt bij verbergen 
var divsToelichting = new Array();
function initFormulierToggle() {	
	//all divs in formulier verzamelen
    if (document.getElementById("formulier")!= null) {	
	var divs = document.getElementById("formulier").getElementsByTagName("div");
	
	//loop door divs
	for(var i=0; i<divs.length; i++){
		if (divs[i].className != 'rij') continue; //alleen doorgaan als className = 'rij'
		
		//haal divs toelichting op
		var toelichtingen = divs[i].getElementsByTagName("div");
		for(var n=0; n<toelichtingen.length; n++){
			
			if (toelichtingen[n].className != 'toelichting') continue; //alleen doorgaan als className = 'toelichting'
				//toelichting gevonden: toevoegen aan array zodat alle toelichtingen snel verborgen kunnen worden in functie verbergAlleToelichtingen()
				divsToelichting[divsToelichting.length] = toelichtingen[n]; 
				
				/* Toelichting link ----------------------------------------------------------------- */
				var nieuweLink = document.createElement("a"); //creeer nieuwe link
				//var nieuweAfbeelding = document.createElement('img'); //creer nieuwe afbeelding
  				//nieuweAfbeelding.src = "../afbeeldingen/help.gif"; //bepaal source afbeelding
  				//nieuweLink.appendChild(nieuweAfbeelding); //voeg afbeelding toe aan link			
				
				nieuweLink.className = "tl-link"; //bepaal class van link
				nieuweLink.tl = toelichtingen[n];
				
				//mouseover toevoegen
				nieuweLink.onmouseover = function(){ toggleToelichting(this.tl); }
				
				//toelichtingen[n].appendChild(nieuweLink);	//link toevoegen aan toelichting div	
				toelichtingen[n].insertBefore(nieuweLink, toelichtingen[n].childNodes[0]); //link toevoegen voor toelingting tekst (levert problemen op in ie5)
		
				
				/* Toelichting div ----------------------------------------------------------------- */
				var tl = toelichtingen[n].getElementsByTagName("div")[0]; //bepaal div met toelichtingstekst
				tl.tl = toelichtingen[n];
				
				tl.onmouseout = function(){ toggleToelichting(this.tl); } //onmouseout toevoegen
				
				/* Toevoegen van uitklappen van toelichting op formulierelementen ------------------ */
				var formEltId = tl.id.substring(tl.id.indexOf("tl-")+3); //bepaal id of name van formulierelement
				//als formulierlement bestaat en het is geen radio of checkbox
				if(document.getElementById(formEltId) && document.getElementById(formEltId).type != "radio" && document.getElementById(formEltId).type != "checkbox"){
					var elt = document.getElementById(formEltId);					
					elt.tl = toelichtingen[n];
					
					elt.onfocus = function() { toggleToelichting(this.tl); }			
					elt.onblur = function(){ toggleToelichting(this.tl, "uit"); }	
				} 				
				//radiobuttons & checkboxes
				else if(document.getElementsByName(formEltId))
				{
					for(var q=0; q<document.getElementsByName(formEltId).length; q++) {
						var elt = document.getElementsByName(formEltId)[q];					
						elt.tl = toelichtingen[n];
						
						document.getElementsByName(formEltId)[q].onfocus = function(){ toggleToelichting(this.tl, "aan"); }
						document.getElementsByName(formEltId)[q].onblur = function(){ toggleToelichting(this.tl, "uit"); }					
					}
				}	
		}
	}
    }
}


//In- en uitklappen toelichting
function toggleToelichting (toelichting, actie, formElement){
	//document.getElementById("telefoonnummer").value = toelichting.id; ??
	if(actie=="aan") //gebruikt bij radiobuttons en checkboxes
	{  
		verbergAlleToelichtingen(); //verberg alle andere toelichting als er een toelichting wordt getoond
		toelichting.className = "toelichting toontekst";  
	}
	else if(actie=="uit")  //gebruikt bij radiobuttons en checkboxes
	{ 
		verbergAlleToelichtingen(); //verberg alle andere toelichting als er een toelichting wordt getoond
		//toelichting.className="toelichting";
	}  	
	else //gebruikt door mouseover van link
	{
		if (toelichting.className == "toelichting"){
			verbergAlleToelichtingen();  //verberg alle andere toelichting als er een toelichting wordt getoond
			toelichting.className = "toelichting toontekst";
		} else if(toelichting.className == "toelichting toontekst"){
			verbergAlleToelichtingen(); //verberg alle andere toelichting als er een toelichting wordt getoond
			//toelichting.className = "toelichting";
		}
	}	
}

//verbergt alle toelichting op een pagina
function verbergAlleToelichtingen() {
	for(var i=0; i<divsToelichting.length; i++){ divsToelichting[i].className = "toelichting"; }
}

//Class veranderen van een object met bepaalde id
function change(id, newClass) {
	identity=document.getElementById(id);
	identity.className=newClass;
}

//rollover button
function rollOverButton (buttonId, afbeelding, kleur)
{
	if(document.getElementById(buttonId))
	{
		document.getElementById(buttonId).style.color=kleur;
		document.getElementById(buttonId).style.backgroundImage= "url(" + afbeelding + ")";
	}
}

//elementen met een bepaalde klassenaam ophalen
function haalElementenOpMetKlasseName(klasseName)
{
	var elementen=new Array();
	var d= document;
	var alleElementen;
	
	alleElementen=d.all || d.getElementsByTagName("*");
	var len=alleElementen.length;
	
	for(var i=0; i<len; i++)
	{
		if(alleElementen[i].className==klasseName)
		{
			elementen[elementen.length]=alleElementen[i];
		}
	}	
	return elementen;
}