function init()
{
	var allLinks = document.getElementsByTagName("a");
	
	for (var i=0; i<allLinks.length; i++) {
		if (allLinks[i].className == "menuLink") 
		{
			allLinks[i].onclick = function() {return false;};
			allLinks[i].onmouseover = toggleMenu;
		}
	}
}
//ga je met de muis over het a-element met href waarde menu1.html dan kan je dat a-element binnen de functie toggleMenu() aanspreken met this

function toggleMenu()
{
	var startMenu = this.href.lastIndexOf("/")+1;
	var stopMenu = this.href.lastIndexOf(".");
	var thisMenuName = this.href.substring(startMenu,stopMenu);
	//resultaat zijn de eerste 5 karakters van het href attribuut van het a-element bv. menu)

	//hier wordt de lijst gezocht met de juiste id-waarde uit de href-waarde van het a-element
	var thisMenu = document.getElementById(thisMenuName);
	thisMenu.style.display = "block";

	this.parentNode.className = thisMenuName;
	this.parentNode.onmouseout = toggleDivOff;
	this.parentNode.onmouseover = toggleDivOn;	
}

function toggleDivOn() {
	document.getElementById(this.className).style.display = "block";
}

function toggleDivOff() {
	document.getElementById(this.className).style.display = "none";
}