var initFile = 'home.html';
var menu = new Array();
var timer;
menu[1] = { title : 'Opdrachtgever',
parent : '0',
menuItems : [ {text : 'Opdrachtgever', href : 'http://www.economen.net/opdrachtgever/opdrachtgever.html'}, {text : 'Werkwijze', href : 'http://www.economen.net/opdrachtgever/werkwijze.html'}, {text : 'Extern Netwerk', href : 'http://www.economen.net/opdrachtgever/extern_netwerk.html'}, {text : 'Prijsstelling', href : 'http://www.economen.net/opdrachtgever/prijsstelling.html'}]
}

menu[3] = { title : 'Deelnemers',
parent : '2',
menuItems : [ {text : 'Deelnemers', href : 'http://www.economen.net/deelname/deelnemers/deelnemers.php'}, {text : 'H. Huizing', href : 'http://www.economen.net/deelname/deelnemers/h._huizing.html'}, {text : 'N. Knotters', href : 'http://www.economen.net/deelname/deelnemers/n._knotters.html'}, {text : 'A. Leering', href : 'http://www.economen.net/deelname/deelnemers/a._leering.html'}, {text : 'I. Oosterhoff', href : 'http://www.economen.net/deelname/deelnemers/i._oosterhoff.html'}, {text : 'H. Postma', href : 'http://www.economen.net/deelname/deelnemers/h._postma.html'}, {text : 'W. Raaphorst', href : 'http://www.economen.net/deelname/deelnemers/w._raaphorst.html'}, {text : 'M. Selekij', href : 'http://www.economen.net/deelname/deelnemers/m._selekij.html'}, {text : 'B. Steenstra', href : 'http://www.economen.net/deelname/deelnemers/b._steenstra.html'}, {text : 'D. Vaneker', href : 'http://www.economen.net/deelname/deelnemers/d._vaneker.html'}, {text : 'Uw Deelname', href : 'http://www.economen.net/deelname/deelnemers/uw_deelname.html'}]
}

menu[2] = { title : 'Deelname',
parent : '0',
menuItems : [ {text : 'Deelname', href : 'http://www.economen.net/deelname/deelname.html'}, {text : 'Deelnemers', sub : 3, href : 'http://www.economen.net/deelname/deelnemers/deelnemers.php'}]
}

menu[4] = { title : 'Economen Netwerk',
parent : '0',
menuItems : [ {text : 'Economen Netwerk', href : 'http://www.economen.net/economen netwerk/economen_netwerk.html'}, {text : 'Nieuws', href : 'http://www.economen.net/economen netwerk/nieuws.html'}]
}

menu[0] = { title : 'Home',
parent : 'null',
menuItems : [ {text : 'Home', href : 'http://www.economen.net/home.html'}, {text : 'Opdrachtgever', sub : 1, href : 'http://www.economen.net/opdrachtgever/opdrachtgever.html'}, {text : 'Deelname', sub : 2, href : 'http://www.economen.net/deelname/deelname.html'}, {text : 'Economen Netwerk', sub : 4, href : 'http://www.economen.net/economen netwerk/economen_netwerk.html'}, {text : 'Contact', href : 'http://www.economen.net/contact.php'}]
}


// Initialiseert navigatie.
function initNavi() {
	var mainMenu        = appendMainMenu();
	var leftMenu        = appendLeftMenu();
}

/*
##########################################################
# Functies voor opbouw en afhandeling van het hoofdmenu. #
##########################################################
*/

// Bouwt hoofdmenu op.
function appendMainMenu() {
	var menuTable = document.createElement("table");
	var menuTbody = document.createElement("tbody");
	var menuRow   = document.createElement("tr");
	
	menuTable.style.width       = '85%';
	menuTable.style.marginLeft  = 'auto';
	menuTable.style.marginRight = '0px';
	menuTable.style.height      = '100%';
	menuTable.cellPadding       = '0';
	menuTable.cellSpacing       = '0';
	
	for(var i = 0; i < menu[0].menuItems.length; i++) {
		var currentCell = document.createElement("td");
		
		if(menu[0].menuItems[i].text == 'Contact') {
			var currentText               = document.createElement("img");
			currentText.src               = 'http://www.economen.net/image/buttons/contact.png';
			currentText.border            = '0';
			currentText.style.marginLeft  = '0px';
			currentText.style.marginRight = 'auto';
		} else {
			var currentText = document.createTextNode(menu[0].menuItems[i].text);
		}
		
		currentCell.appendChild(currentText);
		currentCell.className   = 'itemOff';
		currentCell.onclick     = handleClick;
		currentCell.onmouseover = swapState;
		currentCell.onmouseout  = swapState;
		currentCell.id          = '0_' + i;
		menuRow.appendChild(currentCell);
	}
	menuTbody.appendChild(menuRow);
	menuTable.appendChild(menuTbody);
	var mainMenu = document.getElementById('navigatie_boven');
	mainMenu.appendChild(menuTable);
}

// Bepaalt huidig bestand
function determineLocation(URL) {
	URL = unescape(URL)	// get URL in plain ASCII
	var xstart = URL.lastIndexOf("/") + 1
	var xend = URL.length
	var hereName = URL.substring(xstart,xend)
	var herePath = URL.substring(0,xstart)
	
	if(!hereName) {
		hereName = initFile;
	}
	return[herePath, hereName];
}

// Handelt muisklik op menuitem af.
function handleClick(evt) {
	evt         = (evt) ? evt : event;
	var element = (evt.target) ? evt.target : evt.srcElement;
	
	if(element.tagName != "TD") {
		do {
			element = (element.parentElement) ? element.parentElement : element.parentNode;
		} while (element.tagName != "TD");
	}
	
	var item    = element.id.split('_');
	var myUrl   = menu[item[0]].menuItems[item[1]].href;
	document.location.href = myUrl;
}

// Handelt mouseover op menuitem af.
function swapState(evt) {
	evt         = (evt) ? evt : event;
	var element = (evt.target) ? evt.target : evt.srcElement;
	
	if(element.className == 'itemOff') {
		element.className = 'itemOn';
	} else {
		element.className = 'itemOff';
	}
}

/*
##########################################################
# Functies voor opbouw en afhandeling van alle submenus. #
##########################################################
*/

// Bouwt linker menu op.
function appendLeftMenu() {
	var i = getCurrentMenu();
	if(i) {
		var menuParent  = document.getElementById('navigatie_links');
		for(var j = 0; j < menu[i].menuItems.length; j++) {
			var linkNode = document.createElement("a");
			linkNode.id  = i + '_' + j;
			linkNode.style.fontSize = '11pt';
			if(!menu[i].menuItems[j].sub) {
				linkNode.href  = menu[i].menuItems[j].href;
			} else {
				linkNode.href         = menu[i].menuItems[j].href;
				linkNode.onclick      = handleClick;
				linkNode.onmouseover  = doSub;
				linkNode.onmouseout   = requestHide;
				buildSubMenu(menu[i].menuItems[j].sub);
			}
			
			var textNode   = document.createTextNode(menu[i].menuItems[j].text);
			var lineBreak  = document.createElement("br");
			
			linkNode.appendChild(textNode);
			menuParent.appendChild(linkNode);
			menuParent.appendChild(lineBreak);
		}
	}
}

function getCurrentMenu() {
	for(var i = 0; i < menu.length; i++) {
		for(var j = 0; j < menu[i].menuItems.length; j++) {
			if(menu[i].menuItems[j].href == document.location.href) {
				if(!menu[i].menuItems[j].sub) {
					return i;
				} 
			}
		}
	}
	for(var i = 0; i < menu.length; i++) {
		for(var j = 0; j < menu[i].menuItems.length; j++) {
			if(menu[i].menuItems[j].href == document.location.href) {
				if(menu[i].menuItems[j].sub) {
					return j;
				} 
			}
		}
	}
}

// Bouwt submenu's op
function buildSubMenu(i) {
	var menuTable         = document.createElement("table");
	menuTable.cellPadding = '0';
	menuTable.cellSpacind = '0';
	menuTable.id          = i;
	menuTable.className   = 'subMenu';
	menuTable.onmouseover = keepMenu;
	menuTable.onmouseout  = requestHide;
	var menuTbody         = document.createElement("tbody");
	
	for(var j = 0; j < menu[i].menuItems.length; j++ ) {
		var menuRow  = document.createElement("tr");
		var menuCell = document.createElement("td");
		
		if(!menu[i].menuItems[j].sub) {
			menuCell.onclick     = handleClick;
			menuCell.onmouseover = subState;
			menuCell.onmouseout  = subState;
		} else {
			menuCell.onclick     = handleClick;
			menuCell.onmouseover = doSub;
			menuCell.onmouseout  = requestHide;
		}
		menuCell.id          = i + '_' + j;
		menuCell.className   = 'subItemOff';
		
		var menuText = document.createTextNode(menu[i].menuItems[j].text);
		
		menuCell.appendChild(menuText);
		menuRow.appendChild(menuCell);
		menuTbody.appendChild(menuRow);
	}
	menuTable.appendChild(menuTbody);
	document.body.appendChild(menuTable);
	
	for(var j = 0; j < menu[i].menuItems.length; j++ ) {
		if(menu[i].menuItems[j].sub) {
			buildSubMenu(menu[i].menuItems[j].sub);
		}
	}
}

// Handelt klik op submenu af.
function handleSubClick() {
	return false;
}

// Zoekt elements positie op pagina op.
function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
		return [curleft,curtop];
	} else {
		return null;
	}
}

// Toont Submenu.
function doSub(evt) {
	evt         = (evt) ? evt : event;
	var element = (evt.target) ? evt.target : evt.srcElement;
	
	var pos       = findPos(element);
	var elementW  = element.offsetWidth;
	
	var item      = element.id.split('_');
	var menuId    = menu[item[0]].menuItems[item[1]].sub;
	var menuTable = document.getElementById(menuId);
	
	menuTable.style.left       = (pos[0] + elementW + 5)  + 'px';
	menuTable.style.top        = pos[1] + 'px';
	menuTable.style.visibility = 'visible';
	
	for(var j = 0; j < menu[item[0]].menuItems.length; j++) {
		if(menu[item[0]].menuItems[j].sub && menu[item[0]].menuItems[j].sub != menuId) {
			if(document.getElementById(menu[item[0]].menuItems[j].sub)) {
				document.getElementById(menu[item[0]].menuItems[j].sub).style.visibility = 'hidden';
			}
		}
	}
}

// Start timeout voor verbergen submenus.
function requestHide() {
	if(!timer) {
		timer = setTimeout("hideMenus();",200);
	}
}

// Behoudt alle submenus.
function keepMenu() {
	clearTimeout(timer);
	timer = false;
}

// Verbergt alle submenus.
function hideMenus() {
	for(var i = 0; i < menu.length; i++) {
		for(var j = 0; j < menu[i].menuItems.length; j++) {
			if(document.getElementById(menu[i].menuItems[j].sub)) {
				document.getElementById(menu[i].menuItems[j].sub).style.visibility = 'hidden';
			}
		}
	}
	timer = false;
}

// Handelt muisover op submenu item af.
function subState(evt) {
	evt         = (evt) ? evt : event;
	var element = (evt.target) ? evt.target : evt.srcElement;
	
	if(element.className == 'subItemOff') {
		element.className = 'subItemOn';
	} else {
		element.className = 'subItemOff';
	}
}