/*
 * Gebruik deze functie om de pagina te initialiseren.
 */
function init() {
	initMenu();
}

/*
 * Zoekt het menu-element in de pagina en bindt behaviours aan de 
 * menu-items.
 */
function initMenu() {
	var menu = document.getElementById("menu");
	for(var i = 0; i < menu.childNodes.length; i++) {
		// Het menu mag alleen <li>-elementen (en whitespace) bevatten!
		if(menu.childNodes[i].nodeType == 1) {
			menuItem = menu.childNodes[i];
			// De menu items mogen alleen één <ul>- en één <a>-element
			// bevatten!
			a = menuItem.getElementsByTagName("A")[0];
			if(menuItem.className == "closed") {
				a.href = "#";
				a.onclick = function() { openCloseSubmenu(this); return false; };
				a.onkeypress = function() { openCloseSubmenu(this); return false; };
			}
		}
	}
}

/*
 * Zet door middel van een CSS-class de zichtbaarheid van een submenu op zichtbaar
 * of onzichtbaar.
 */
function openCloseSubmenu(element) {
	var menuItem = element.parentNode;
	if(menuItem.className == "open" || menuItem.className == "") {
		menuItem.className = "closed";
	} else {
		menuItem.className = "open";
	}
}

// Bind het init() behaviour aan het window object.
window.onload = init;