// JavaScript Document
	//<![CDATA[
	// Hier begint de code voor afhandeling van de menuknoppen en de menubalk
	var activebuttonDown = null;
	function buttonDownClick(event, menuId) {
	  var buttonDown;
	  // Het doel van het knopelement
	  if (browser.isIE)
		buttonDown = window.event.srcElement;
	  else
		buttonDown = event.currentTarget;
	  // Blur focus om bij een link die irritante link outline te verbergen
	  buttonDown.blur();
	  // Koppel het juiste menu aan de knop als dit nog niet gebeurd is en inatiliseer de weergave
	  if (buttonDown.menu == null) {
		buttonDown.menu = document.getElementById(menuId);
		if (buttonDown.menu.isInitialized == null)
		  menuInit(buttonDown.menu);
	  }
	  // Zorg dat de knop het menu laat zien.
	  if (buttonDown.onmouseout == null)
		buttonDown.onmouseout = buttonDownOrMenuMouseout;
	  // Verlaat als deze knop geactiveerd is.
	  if (buttonDown == activebuttonDown)
		return false;
	  // Reset de geactiveerde knop indien aanwezig.
	  if (activebuttonDown != null)
		resetbuttonDown(activebuttonDown);
	  // Activeer deze knop, als dit nog niet gebeurd is.
	  if (buttonDown != activebuttonDown) {
		depressbuttonDown(buttonDown);
		activebuttonDown = buttonDown;
	  }
	  else
		activebuttonDown = null;
	  return false;
	}

	function buttonDownMouseover(event, menuId) {
	  var buttonDown;
	  // Activeer dit menu als er nog geen andere actief is.
	  if (activebuttonDown == null) {
		buttonDownClick(event, menuId);
		return;
	  }
	  // Zoekt het doel van deze knop
	  if (browser.isIE)
		buttonDown = window.event.srcElement;
	  else
		buttonDown = event.currentTarget;
	  // Als er een andere knop actief is, dan moet deze actief worden.
	  if (activebuttonDown != null && activebuttonDown != buttonDown)
		buttonDownClick(event, menuId);
	}
	function depressbuttonDown(buttonDown) {
	  var x, y;
	  buttonDown.className += " menubuttonDownActive";
	  // Zet de event handler als dit nog niet gedaan is.
	  if (buttonDown.onmouseout == null)
		buttonDown.onmouseout = buttonDownOrMenuMouseout;
	  if (buttonDown.menu.onmouseout == null)
		buttonDown.menu.onmouseout = buttonDownOrMenuMouseout;
//LET OP HIER HEB IK VERANDERINGEN AANGEBRACHT OM DE MENU'S TE POSITIONEREN!!!
	
	  // Positioneer het submenu en toon het.
	
	  //x = getPageOffsetLeft(buttonDown);
	  //y = 200-buttonDown.menu.offsetHeight;

	  x = getPageOffsetLeft(buttonDown);
	  y = getPageOffsetTop(buttonDown) + buttonDown.offsetHeight;
	  
	  // Alleen IE, pas de weergave aan.
	
	  if (browser.isIE) {
		x += buttonDown.offsetParent.clientLeft;
		y += buttonDown.offsetParent.clientTop;
	  }


	  buttonDown.menu.style.left = x + "px";
	  buttonDown.menu.style.top  = y + "px";
	  buttonDown.menu.style.visibility = "visible";
	}
	
	function resetbuttonDown(buttonDown) {
	
	  // Zet de knop terug in de oorspronkelijke stijl.
	
	  removeClassName(buttonDown, "menubuttonDownActive");
	
	  // Sluit alle submenus en vervolgens dit submenu.
	
	  if (buttonDown.menu != null) {
		closeSubMenu(buttonDown.menu);
		buttonDown.menu.style.visibility = "hidden";
	  }
	}
	
	// Afhandeling van menu en submenus.
	
	function menuMouseover(event) {
	
	  var menu;
	
	  // Zoek het doel menu element.
	
	  if (browser.isIE)
		menu = getContainerWith(window.event.srcElement, "DIV", "menu");
	  else
		menu = event.currentTarget;
	
	  // Sluit de submenus
	
	  if (menu.activeItem != null)
		closeSubMenu(menu);
	}
	
	function menuItemMouseover(event, menuId) {
	
	  var item, menu, x, y;
	
	  // Zoek het doel item element en het 'moeder' element.
	
	  if (browser.isIE)
		item = getContainerWith(window.event.srcElement, "A", "menuItem");
	  else
		item = event.currentTarget;
	  menu = getContainerWith(item, "DIV", "menu");
	
	  // Sluit alle submenus en activeer deze.
	
	  if (menu.activeItem != null)
		closeSubMenu(menu);
	  menu.activeItem = item;
	
	  // Highlight de menuknop
	
	  item.className += " menuItemHighlight";
	
	  // Initialiseer het submenu
	
	  if (item.subMenu == null) {
		item.subMenu = document.getElementById(menuId);
		if (item.subMenu.isInitialized == null)
		  menuInit(item.subMenu);
	  }
	
	  // Stel de muis event handler voor het submenu in.
	
	  if (item.subMenu.onmouseout == null)
		item.subMenu.onmouseout = buttonDownOrMenuMouseout;
	
	  // Bepaal de positie van het submenu aan de hand van het actieve menuitem.
	
	  x = getPageOffsetLeft(item) + item.offsetWidth;
	  y = getPageOffsetTop(item) - (item.subMenu.offsetHeight-item.offsetHeight);
	
	  // Pas de posistie aan op basis van de beschikbare ruimte.
	
	  var maxX, maxY;
	
	  if (browser.isIE) {
		maxX = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft) +
		  (document.documentElement.clientWidth != 0 ? document.documentElement.clientWidth : document.body.clientWidth);
		maxY = Math.max(document.documentElement.scrollTop, document.body.scrollTop) +
		  (document.documentElement.clientHeight != 0 ? document.documentElement.clientHeight : document.body.clientHeight);
	  }
	  if (browser.isOP) {
		maxX = document.documentElement.scrollLeft + window.innerWidth;
		maxY = document.documentElement.scrollTop  + window.innerHeight;
	  }
	  if (browser.isNS) {
		maxX = window.scrollX + window.innerWidth;
		maxY = window.scrollY + window.innerHeight;
	  }
	  maxX -= item.subMenu.offsetWidth;
	  maxY -= item.subMenu.offsetHeight;
	
	  if (x > maxX)
		x = Math.max(0, x - item.offsetWidth - item.subMenu.offsetWidth
		  + (menu.offsetWidth - item.offsetWidth));
	  y = Math.max(0, Math.min(y, maxY));
	
	  // Plaats en toon het submenu

	  item.subMenu.style.left = x + "px";
	  item.subMenu.style.top  = y + "px";
	  item.subMenu.style.visibility = "visible";
	
	  // Stop het bubble effect.
	
	  if (browser.isIE)
		window.event.cancelBubble = true;
	  else
		event.stopPropagation();
		event.cancelable = false;
	}
	
	function closeSubMenu(menu) {
	
	  if (menu == null || menu.activeItem == null)
		return;
	
	  // Sluit submenus
	
	  if (menu.activeItem.subMenu != null) {
		closeSubMenu(menu.activeItem.subMenu);
		menu.activeItem.subMenu.style.visibility = "hidden";
		menu.activeItem.subMenu = null;
	  }
	  removeClassName(menu.activeItem, "menuItemHighlight");
	  menu.activeItem = null;
	}
	
	// Actie bij buttonDowns en menus
	
	function buttonDownOrMenuMouseout(event) {
	
	  var el;
	
	  // Als er geen knop actief is dan niets doen.
	
	  if (activebuttonDown == null)
		return;
	
	  // Bepaal waar de muis heen gaat.
	
	  if (browser.isIE)
		el = window.event.toElement;
	  else if (event.relatedTarget != null)
		  el = (event.relatedTarget.tagName ? event.relatedTarget : event.relatedTarget.parentNode);
	
	  // Als de menuknop geen submenu had deactiveer het dan.
	
	  if (getContainerWith(el, "DIV", "menu") == null) {
		resetbuttonDown(activebuttonDown);
		activebuttonDown = null;
	  }
	}
	
	// Initialiseer de menus
	
	function menuInit(menu) {
	
	  var itemList, spanList;
	  var textEl, arrowEl;
	  var itemWidth;
	  var w, dw;
	  var i, j;
	
	  // Zorg voor de juiste submenu pijltjes ook bij IE
	
	  if (browser.isIE) {
		menu.style.lineHeight = "2.5ex";
		spanList = menu.getElementsByTagName("SPAN");
		for (i = 0; i < spanList.length; i++)
		  if (hasClassName(spanList[i], "menuItemArrow")) {
			spanList[i].style.fontFamily = "Webdings";
			spanList[i].firstChild.nodeValue = "4";
		  }
	  }
	
	  // Bepaal de breedte van een menuitem
	
	  itemList = menu.getElementsByTagName("A");
	  if (itemList.length > 0)
		itemWidth = itemList[0].offsetWidth;
	  else
		return;
	
	  // Zorg dat de submenupijltjes ook op de juiste plaats komen
	
	  for (i = 0; i < itemList.length; i++) {
		spanList = itemList[i].getElementsByTagName("SPAN");
		textEl  = null;
		arrowEl = null;
		for (j = 0; j < spanList.length; j++) {
		  if (hasClassName(spanList[j], "menuItemText"))
			textEl = spanList[j];
		  if (hasClassName(spanList[j], "menuItemArrow"))
			arrowEl = spanList[j];
		}
		if (textEl != null && arrowEl != null) {
		  textEl.style.paddingRight = (itemWidth 
			- (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
		  // For Opera, remove the negative right margin to fix a display bug.
		  if (browser.isOP)
			arrowEl.style.marginRight = "0px";
		}
	  }
	
	  // Los het IE probleem op bij Hover.
	
	  if (browser.isIE) {
		w = itemList[0].offsetWidth;
		itemList[0].style.width = w + "px";
		dw = itemList[0].offsetWidth - w;
		w -= dw;
		itemList[0].style.width = w + "px";
	  }
	
	  // Zet het menu op geïnitialiseerd.
	
	  menu.isInitialized = true;
	}
	
	// Algemene functies
	
	function getContainerWith(node, tagName, className) {
	
	  // Zoek het eerste beste geneste element en stel deze in met de juiste tag en class
	
	  while (node != null) {
		if (node.tagName != null && node.tagName == tagName &&
			hasClassName(node, className))
		  return node;
		node = node.parentNode;
	  }
	
	  return node;
	}
	
	function hasClassName(el, name) {
	
	  var i, list;
	
	  // Ja als het de juiste bestemmingsklasse betreft.
	
	  list = el.className.split(" ");
	  for (i = 0; i < list.length; i++)
		if (list[i] == name)
		  return true;
	
	  return false;
	}
	
	function removeClassName(el, name) {
	
	  var i, curList, newList;
	
	  if (el.className == null)
		return;
	
	  // Remove the given class name from the element's className property.
	
	  newList = new Array();
	  curList = el.className.split(" ");
	  for (i = 0; i < curList.length; i++)
		if (curList[i] != name)
		  newList.push(curList[i]);
	  el.className = newList.join(" ");
	}
	
	function getPageOffsetLeft(el) {
	
	  var x;
	
	  // Bepaal het x coördinaat ten opzichte van de schermafmeting
	
	  x = el.offsetLeft;
	  if (el.offsetParent != null)
		//x += getPageOffsetLeft(el.offsetParent);
		
	  return x;
	}
	
	function getPageOffsetTop(el) {
	
	  var y;
	
	  // Geeft het x coördinaat ten opzichte van de schermafmeting
	
	  y = el.offsetTop;
	  //if (el.offsetParent != null)
	  //  y += getPageOffsetTop(el.offsetParent);
	
	  return y;
	}
	//]]>