﻿/*******************************************************************
*   Zorgt voor de ajax verwerking van kleine pagina's / elementen
*******************************************************************/

function loadminiXML(url, id, wacht)


	{
	// alert(url);
	
	if (wacht != 'true'){
	document.getElementById(id).innerHTML='<p style="text-align:center"><br/>Bezig met zoeken...<br/><br/><img src="img/loading.gif" alt="loading"/><br/><br/></p>';
	}
	
	x = false;
	if (window.XMLHttpRequest)
		{
		try
			{
			x = new XMLHttpRequest();
			}
		catch (e)
			{
			x = false;
			}
		}
	else if (window.ActiveXObject)
		{
		try
			{
			x = new ActiveXObject("Msxml2.XMLHTTP");
			}
		catch (e)
			{
			try
				{
				x = new ActiveXObject("Microsoft.XMLHTTP");
				}
			catch (e)
				{
				x = false;
				}
			}
		}
	if (x)
		{
		x.onreadystatechange = function()
			{
			if (x.readyState == 4 && x.status == 200)
				{
				document.getElementById(id).innerHTML = x.responseText;
				}
			}
		x.open("GET", url, true);
		x.send(null);
		}
	}
	
/*******************************************************************
*   Swap Classnames
*******************************************************************/
	
function fade(id,klasse)
{
	document.getElementById(id).className=klasse;
}

function fadeout(id,klasse)
{
	document.getElementById(id).className=klasse;
}
	
/*******************************************************************
*   Dropdown menu's in CSS
*******************************************************************/

	// source: http://www.htmldog.com/articles/suckerfish/dropdowns/
	
	sfHover = function() {
		var sfEls = document.getElementById("menu_hoofd").getElementsByTagName("LI");
		for (var i=0; i<sfEls.length; i++) {
			sfEls[i].onmouseover=function() {
				this.className+=" sfhover";
			}
			sfEls[i].onmouseout=function() {
				this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
			}
		}
	}
	
	if (window.attachEvent) window.attachEvent("onload", sfHover);
	
	
	
	sfHover_top = function() {
		var sfEls = document.getElementById("menu_bovenkant").getElementsByTagName("LI");
		for (var i=0; i<sfEls.length; i++) {
			sfEls[i].onmouseover=function() {
				this.className+=" sfhover";
			}
			sfEls[i].onmouseout=function() {
				this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
			}
		}
	}
	if (window.attachEvent) window.attachEvent("onload", sfHover_top);
	
	
	
	var menuids=new Array("opleidingenmenu") //Enter id(s) of UL menus, separated by commas
	var submenuoffset=-2 //Offset of submenus from main menu. Default is -2 pixels.
	
	function createcssmenu(){
	for (var i=0; i<menuids.length; i++){
	  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
	    for (var t=0; t<ultags.length; t++){
	    var spanref=document.createElement("span")
			spanref.className="arrowdiv"
			spanref.innerHTML="&nbsp;&nbsp;"
			ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref)
	    ultags[t].parentNode.onmouseover=function(){
	    this.getElementsByTagName("ul")[0].style.left=this.parentNode.offsetWidth+submenuoffset+"px"
	    this.getElementsByTagName("ul")[0].style.display="block"
	    }
	    ultags[t].parentNode.onmouseout=function(){
	    this.getElementsByTagName("ul")[0].style.display="none"
	    }
	    }
	  }
	}
	
	
	if (window.addEventListener)
	window.addEventListener("load", createcssmenu, false)
	else if (window.attachEvent)
	window.attachEvent("onload", createcssmenu)
	
/*******************************************************************
*   Popup
*******************************************************************/	
	
function popup(link) {
    window.open(link, 'popup', 'width=750, height=600, menubar=no, scrollbars=yes, toolbar=no, location=no, resizable=no, top=50, left=50');
    return false;
  }	

/*******************************************************************
*   Restrictie op cijfers in telefoonnummers
*******************************************************************/

function isNumberKey(evt)
{
	var charCode = (evt.which) ? evt.which : event.keyCode
	if (charCode > 31 && (charCode < 48 || charCode > 57))
		return false;
	
	return true;
}
