/**
 * index.html:
*/

// Globals
var aantalVerplicht = 0;
var aantalVerplichtKlaar = 0;
var reqTimer = new Array;
var prelArr = new Array("images/indextabtop_over.gif");
var imObj = new Array;
 
 phel_init = function()
 	{
 	// Preloaden
 	for(var t = 0; t < prelArr.length; t++)
 		{
 		imObj[t] = new Image();
 		imObj[t].src = prelArr[t];
 		}
 	
 	// Navigatie initialiseren etc gebeurt in betternav.js
  	if(document.getElementsByTagName && document.childNodes)
		{
		sfHover();


		// Kaders in index.html
			var x = document.getElementsByTagName("div");
			for(var t = 0; t < x.length; t++)
				{
				if(x[t].className == "tabbody")
					{
					x[t].onmouseover = phel_tabover;
					x[t].onmouseout = phel_tabout;
					}
				}
			


		// Contactformulier initieren		
		if(x = document.getElementById("contactfrm"))
			{
			// we zijn op de juiste pagina; Voorkeurstijd verbergen
			document.getElementById("Voorkeurstijd").style.display = "none";
			document.getElementById("Voorkeurstijdlabel").style.display = "none";
			
			
			
			// tabel zoeken voor focusroutine
			// tabelrijen
			var y = document.getElementById("formtabel").getElementsByTagName("tr");
			for(var t = 0; t < y.length; t++)
				{
				if(y[t].className == "heeftveld")
					{
					y[t].onclick = frmRijKlik;
					}
				}
			// formvelden
			var y = document.getElementById("contactfrm").elements;
			for(var t = 0; t < y.length; t++)
				{
				y[t].onfocus = frmRijKlik;
				}
			
				
				
			// Verplichte velden zoeken en initieren
			var y = document.getElementById("formtabel").getElementsByTagName("span");
			for(var t = 0; t < y.length; t++)
				{
				if(y[t].className == "verplicht")
					{
					aantalVerplicht++;
					var doelveld = y[t].getAttribute("doelveld");
					reqTimer[reqTimer.length] = new Array;
					reqTimer[reqTimer.length-1]['spanObject'] = y[t];
					reqTimer[reqTimer.length-1]['veldObject'] = document.getElementById(doelveld);
					}
				}
			if(reqTimer[0])
				{
				aantalVerplicht--;
				setInterval("fReqTimer()", 500);
				}
			
			// 
			}
		} 
 	}
 	
 	
  phel_tabover = function(e)
  	{
  	if (!e) var e = window.event;
 	if (e.target) targ = e.target;
 	else if (e.srcElement) targ = e.srcElement;

	while(targ.className != "tab")
		{
		targ = targ.parentNode;
		}

	targ.childNodes[0].className += " tabover";
	}	
		
  phel_tabout = function(e)
  	{
  	if (!e) var e = window.event;
 	if (e.target) targ = e.target;
 	else if (e.srcElement) targ = e.srcElement;

	while(targ.className != "tab")
		{
		targ = targ.parentNode;
		}

	targ.childNodes[0].className = "top";
	}
	
	
/**
 *	Alleen voor (contactformulier)
 */
 frmRijKlik = function(e)
 	{
 	// Eerst oude focus verwijderen
 	var pos;
	var y = document.getElementById("formtabel").getElementsByTagName("tr");

	for(var t = 0; t < y.length; t++)
		{
		if(y[t].className && y[t].className.indexOf("foc") != -1)
			{
			y[t].className = y[t].className.replace(new RegExp(" foc\\b"), "");
			}
		}

 	
	if (!e) var e = window.event;
	if (e.target) var targ = e.target;
	else if (e.srcElement) var targ = e.srcElement;
	
	while(!targ.className || targ.className.indexOf("heeftveld") == -1)
		{
		targ = targ.parentNode;
		}
	
	if(targ.className)
		{
		if(targ.className.indexOf("foc") != -1) // we hebben al focus
			{
			return;
			}
		else
			{
			targ.className += " foc";
			}
		}
	else
		{
		targ.className = "foc";
		}
 	}
 	
 	
 fReqTimer = function()
 	{
 	for(var t = 0; t < reqTimer.length; t++)
 		{
 		if(reqTimer[t]['veldObject'].value)
 			{
 			reqTimer[t]['spanObject'].className = "verplichtok";
 			// aanpassing of/of:
 			switch(reqTimer[t]['veldObject'].id)
 				{
 				case "Email":
 				reqTimer[t+1]['spanObject'].className = "verplichtok";
 				return;
 				break;
 				
 				case "Telefoon":
 				reqTimer[t-1]['spanObject'].className = "verplichtok";
 				return;
 				break;
 				}
 			}
 		else
 			{
 			reqTimer[t]['spanObject'].className = "verplicht";
 			}
 		}
 	}
 	
 	
 contactfrmSubmit = function()
 	{
 	var retVal = true;
 	aantalVerplichtKlaar = aantalVerplicht;
 	for(var t = 0; t < reqTimer.length; t++)
 		{
 		if(reqTimer[t]['veldObject'].value)
 			{
 			aantalVerplichtKlaar--;
 			}
 		} 	
 	if(aantalVerplichtKlaar > 0 || reqTimer[0]['spanObject'].className == "verplicht")
 		{
 		retVal = false;
 		document.getElementById("foutmeldingen").innerHTML = "U heeft niet alle vereiste velden ingevoerd";
 		}
 		
 	return retVal;
 	}
 	
 
 function toonVoorkeurstijd()
 	{
 	if(document.getElementById)
 		{
 		// We mogen DOMmen
 		document.getElementById("Voorkeurstijd").style.display = "block";
 		document.getElementById("Voorkeurstijdlabel").style.display = "block";
  		document.getElementById("Voorkeurstijd").focus();
		}
 	}
 	
 	
  function verbergVoorkeurstijd()
  	{
  	if(document.getElementById)
  		{
  		// We mogen DOMmen
  		document.getElementById("Voorkeurstijd").style.display = "none";
  		document.getElementById("Voorkeurstijdlabel").style.display = "none";
  		}
 	}