/*
	Standaard Javascript functies
*/


/*
	Deze functie maakt een dialog aan.
*/

function Dialog (sUrl, iWidth, iHeight)
{
	var posX = (screen.width / 2) - (iWidth/2);
	var posY = (screen.height / 2) - (iHeight/2);
		
	dialog = window.open (sUrl, "dialog", "width="+iWidth+"px, height="+iHeight+"px; resizable: no");
	
	dialog.moveTo (posX, posY);
	dialog.name = 'popup';
	dialog.focus ();
	
	return true;
}

/*
 * 	Deze functie zet de titel in het parent frame zo dat deze zichtbaar is in de titelbalk van de browser
 */

function SetTitle ()
{
	//window.frames.parent.document.title = document.title;
}



		var menuDir = '../site/resources/images/site/nav/';
			function Init ()
			{
				document.form.username.focus (); 
				document.form.zoekterm.value = 'Zoeken';
				// Toegevoegd door Jorgen:

				document.getElementById('category0').onmouseover = function () {  document.getElementById('category0').src = menuDir + 'wop_over.jpg'; }
				document.getElementById('category0').onmouseout  = function () { document.getElementById('category0').src = menuDir + 'wop_off.jpg'; }
				document.getElementById('category1').onmouseover = function () { document.getElementById('category1').src = menuDir + 'schilder_over.jpg'; }
				document.getElementById('category1').onmouseout  = function () { document.getElementById('category1').src = menuDir + 'schilder_off.jpg'; }
				document.getElementById('category2').onmouseover = function () { document.getElementById('category2').src = menuDir + 'installatie_over.jpg'; }
				document.getElementById('category2').onmouseout  = function () { document.getElementById('category2').src = menuDir + 'installatie_off.jpg'; }

				document.getElementById('category3').onmouseover = function () { document.getElementById('category3').src = menuDir + 'serre_over.jpg'; }
				document.getElementById('category3').onmouseout  = function () { document.getElementById('category3').src = menuDir + 'serre_off.jpg'; }

				document.getElementById('category4').onmouseover = function () { document.getElementById('category4').src = menuDir + 'kunstof_over.jpg'; }
				document.getElementById('category4').onmouseout  = function () { document.getElementById('category4').src = menuDir + 'kunstof_off.jpg'; }				


				document.getElementById('category5').onmouseover = function () { document.getElementById('category5').src = menuDir + 'overige_over.jpg'; }
				document.getElementById('category5').onmouseout  = function () { document.getElementById('category5').src = menuDir + 'overige_off.jpg'; }
				document.getElementById('category6').onmouseover = function () { document.getElementById('category6').src = menuDir + 'verkoop_over.jpg'; }
				document.getElementById('category6').onmouseout  = function () { document.getElementById('category6').src = menuDir + 'verkoop_off.jpg'; }
				document.getElementById('category7').onmouseover = function () { document.getElementById('category7').src = menuDir + 'klanten_over.jpg'; }
				document.getElementById('category7').onmouseout  = function () { document.getElementById('category7').src = menuDir + 'klanten_off.jpg'; }
				document.getElementById('category8').onmouseover = function () { document.getElementById('category8').src = menuDir + 'actueel_over.jpg'; }
				document.getElementById('category8').onmouseout  = function () { document.getElementById('category8').src = menuDir + 'actueel_off.jpg'; }

				var cookie = getCookie('theMenu');
				if (cookie) {
					switch (parseInt(cookie)) {
						case 0:
							var image = 'wop';
							break;
						case 1:
							var image = 'schilder';
							break;
						case 2:
							var image = 'installatie';
							break;
						case 3: 
							var image = 'serre';
							break;
						case 4:
							var image = 'kunstof';
							break;
						case 5:
							var image = 'overige';
							break;
						case 6:
							var image = 'verkoop';
							break;
						case 7:
							var image = 'klanten';
							break;
						case 8:
							var image = 'actueel';
							break;
					}
					document.getElementById('category' + cookie).src = menuDir + image + '_on.jpg';
					document.getElementById('category' + cookie).onmouseover = function () {}
					document.getElementById('category' + cookie).onmouseout  = function () {}
					
					div = document.getElementById('MenuBlokjeLinks-' + cookie);
					div.style.display = 'block';
				}
			}

			function Zoeken () 
			{
				if (document.form.zoekterm.value == '') {
					alert('U bent vergeten een zoekterm in te vullen.');
				} else {
					document.form.action = '../site/paginas.php?actie=zoeken';
					document.form.submit ();
				} 	
			}

			function ZoekenIsCharEnter ()
			{
				var key = event.keyCode;
				if (key == '13') {
					Zoeken ();
				}
			}

			function setCookie(name, value, expires, path, domain, secure) {
				var curCookie = name + "=" + escape(value) +
						((expires) ? "; expires=" + expires.toGMTString() : "") +
						((path) ? "; path=" + path : "") +
						((domain) ? "; domain=" + domain : "") +
						((secure) ? "; secure" : "");
				document.cookie = curCookie;
			}

			function getCookie(name) {
				var dc = document.cookie;
				var prefix = name + "=";
				var begin = dc.indexOf("; " + prefix);
				if (begin == -1) {
					begin = dc.indexOf(prefix);
					if (begin != 0) return null;
				} else
					begin += 2;
				var end = document.cookie.indexOf(";", begin);
				if (end == -1)
					end = dc.length;
				return unescape(dc.substring(begin + prefix.length, end));
			}

			
			function Login ()
			{
				if (document.form.username.value == '') {
					alert('U bent vergeten uw gebruikersnaam in te vullen.');
				} else if (document.form.password.value == '') {
					alert ('U bent vergeten uw wachtwoord in te vullen.');	
				} else {
					document.form.action = '../admin/authenticatie.php?actie=login';
					document.form.submit ();
				} 	
			}		

			function LoginIsCharEnter ()
			{
				var key = event.keyCode;
				if (key == '13') {
					Login ();
				}
			}
	

/////////////////////////////////////
// Begin functies voor het submenu //
/////////////////////////////////////

			/**
			 * Statische menu inhoud
			 */
			var aMenu     = new Array();
			
			aMenu[0]      = new Array();
			aMenu[0][0]   = new Array("WOP", "../site/paginas.php?p_id=1");
			aMenu[0][1]   = new Array("Het Woning Onderhoud Plan", "../site/paginas.php?p_id=27");
			aMenu[0][2]   = new Array("De voordelen", "../site/paginas.php?p_id=2");
			
			aMenu[1]      = new Array();
			aMenu[1][0]   = new Array("Schilderonderhoud", "../site/paginas.php?p_id=28");
			aMenu[1][1]   = new Array("De onderhoudsplanning", "../site/paginas.php?p_id=3");
			aMenu[1][2]   = new Array("Prijzen en voorbeelden", "../site/paginas.php?p_id=4");
			
			aMenu[2]      = new Array();
			aMenu[2][0]   = new Array("Installatieonderhoud", "../site/paginas.php?p_id=29");
			aMenu[2][1]   = new Array("Warmte voorziening", "../site/paginas.php?p_id=7");
			//aMenu[2][1]   = new Array("Veiligheidsinspectie", "../site/paginas.php?p_id=8");
			aMenu[2][2]   = new Array("Onderhoud- en garantieplan", "../site/paginas.php?p_id=9");
			aMenu[2][3]   = new Array("Overig installatiewerk", "../site/paginas.php?p_id=10");
			
			// Serre
			aMenu[3]      = new Array();
			
			// Kunstof
			aMenu[4]      = new Array();

	
			aMenu[5]      = new Array();
			aMenu[5][0]   = new Array("Overige Diensten", "../site/paginas.php?p_id=30");
			//aMenu[5][0]   = new Array("24-uurs schade herstelservice", "../site/paginas.php?p_id=11");
			aMenu[5][1]   = new Array("Klusservice", "../site/paginas.php?p_id=12");
			//aMenu[5][2]   = new Array("Bouwtechnische keuring", "../site/paginas.php?p_id=13");
			//aMenu[5][3]   = new Array("Energie Prestatie Advies", "../site/paginas.php?p_id=14");
			//aMenu[5][4]   = new Array("Politiekeurmerk", "../site/paginas.php?p_id=15");
			//aMenu[5][5]   = new Array("Kobus / Fortrus", "../site/paginas.php?p_id=16");
			//aMenu[5][1]   = new Array("Voorbeelden", "../site/paginas.php?p_id=17");
			aMenu[5][2]   = new Array("Hypotheekonderhoud", "../site/paginas.php?p_id=18");

			aMenu[6]      = new Array();
			aMenu[6][0]   = new Array("Verkoop informatie", "../site/paginas.php?p_id=31");
			aMenu[6][1]   = new Array("WOP Intermediairs", "../site/paginas.php?p_id=19");
			aMenu[6][2]   = new Array("WOP rekenmodule", "../site/rekenmodule.php");
			//aMenu[6][2]   = new Array("Verzoek om offerte", "../site/paginas.php?p_id=21");
			aMenu[7]      = new Array();
			aMenu[7][0]   = new Array("Klantenservice", "../site/paginas.php?p_id=32");
			aMenu[7][1]   = new Array("Vraag & Antwoord", "../site/faq.php");
			aMenu[7][2]   = new Array("Formulieren", "../site/paginas.php?p_id=23");
			aMenu[7][3]   = new Array("Links", "../site/paginas.php?p_id=24");
			//aMenu[7][3]   = new Array("Uw idee", "../site/paginas.php?p_id=25");
			aMenu[7][4]   = new Array("Contact", "../site/mail.php");
			aMenu[8]      = new Array();

			function MenuGoToLink (sLink)
			{
				//alert (sLink);
				window.location.href = sLink;
			}

			/**
       * Zet de achtergrond kleur van het submenu als je over een item heen gaat met de muis
			 *
			 * @param  object   -  c  -  Het object dat van kleur moet veranderen
			 * @param  integer  -  i  -  Bepaal de kleur aan de hand van dit type, 0 => mouseOver : 1 => mouseOut
       */
			function setColor(c, i) {
				switch (i) {
					case 0: // on mouse over
						c.style.backgroundColor = '#CCFF00';
						break;
					case 1: // on mouse out
						c.style.backgroundColor = '#99CC00';
						break;
				}
			}

			var timerID;						// Deze variabele houdt het timerID nummer bij. Nodig voor het geval de timer niet mag vuren en dus gereset wordt
			var bTimerSet = false;	// Bepaald of de timer al is gezet, zo ja, dan moet de timer niet opnieuw worden gezet

			/**
			 * Vuurt wanneer de cursor over de submenu tabel gaat
			 */
			function resetTimer(ctrl) {
				if (ctrl){
					ctrl.style.cursor='hand';
				}
				// Verwijder de timer om te zorgen dat het menu niet verdwijnt
				clearTimeout(timerID);
				bTimerSet = false;
			}

			/*
			 * Zet de timer, pas als er na 2 seconden nog niet over het submenu is gegaan wordt het submenu verborgen
			 * Ook wordt hij pas verborgen als de cursor langer dan 2 seconden niet over het submenu is geweest
			 */
			function setTimer() {
				if (bTimerSet == false) {
					timerID = setTimeout("clearMenu()", 2000);
					bTimerSet = true;
				}
			}

			//
			// iMenuID is het ID nummer van de pagina die bij dit hoofdmenu hoort...
			//
			function setMenu(iMenu, iMenuID) {
				setCookie('theMenu', iMenu);
			}

			/**
			 * Laat het popup menu zien
			 *
			 */
			function showMenu (iMenu, ctrl, event)
			{
				if (typeof event.offsetX == 'undefined') {
					off = getOffsets( event );
				}
				else
				{
					off = event;
				}
				
				/*var left = (event.clientX - event.offsetX + ctrl.offsetWidth) - 2 + document.body.scrollLeft;
				var top  = (event.clientY - event.offsetY) - 2 + document.body.scrollTop;
				var theMenu = document.getElementById('theMenu');
				//clearTimeout(timerID);
				theMenu.style.left   = left;
				theMenu.style.top    = top;
				*/
				var left = (event.clientX - off.offsetX + ctrl.offsetWidth) - 2 + document.body.scrollLeft;
				var top  = (event.clientY - off.offsetY) - 2 + document.body.scrollTop;
				var theMenu = document.getElementById('theMenu');
				//clearTimeout(timerID);
				theMenu.style.left = left;
				theMenu.style.top= top;

// Dit moet nog aangepast worden zodat alle menu items ingeladen worden, nu is het nog statische content
				var sContent = '';
				sContent += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"background-color: #99CC00; position:absolute;\" onMouseOver=\"resetTimer(this);\" onMouseOut=\"setTimer();\">";
				
				for (var i = 0; i < aMenu[iMenu].length; i++) {
					sContent += "  <tr class=\"MenuPopupRow\" onMouseOver=\"setColor(this, 0);\" onMouseOut=\"setColor(this, 1);\">";
					sContent += "    <td width=\"2\">&nbsp;</td>";
					sContent += "    <td onclick=\"MenuGoToLink ('" + aMenu[iMenu][i][1] + "'); setMenu('" + iMenu + "'); \"><!--<a class=\"SubMenuLink\" href=\"" + aMenu[iMenu][i][1] + "\">-->" + aMenu[iMenu][i][0] + "</a></td>";
					sContent += "    <td width=\"2\">&nbsp;</td>";
					sContent += "	</tr>";
				}
					sContent += "</table>";
				theMenu.innerHTML = sContent;
				theMenu.style.visibility = 'visible';

				//setTimer();
			}
			
			function getOffsets (evt) {
			  var target = evt.target;
			  if (typeof target.offsetLeft == 'undefined') {
			    target = target.parentNode;
			  }
			  var pageCoords = getPageCoords(target);
			  var eventCoords = { 
			    x: window.pageXOffset + evt.clientX,
			    y: window.pageYOffset + evt.clientY
			  };
			  var offsets = {
			    offsetX: eventCoords.x - pageCoords.x,
			    offsetY: eventCoords.y - pageCoords.y
			  }
			  return offsets;
			}
			
			function getPageCoords (element) {
			  var coords = {x : 0, y : 0};
			  while (element) {
			    coords.x += element.offsetLeft;
			    coords.y += element.offsetTop;
			    element = element.offsetParent;
			  }
			  return coords;
			}	
			
			
			/**
			 * Wis het menu, maak het weer onzichtbaar
       */
			function clearMenu() {
				bTimerSet = false;
				var theMenu = document.getElementById('theMenu');
				theMenu.style.visibility = 'hidden';
			}

/////////////////////////////////////
// Einde functies voor het submenu //
/////////////////////////////////////