// Copyright © Consider Webdevelopment
// Created by Martijn van Doornik
//
// Menu Function

function topMenu(menuName) {
	var _activeMenu;
	var _timeout;

	var _menuName = menuName;
	var _currentPage;
	
	this.currentPage = function(currentMenuId, currentSubmenuId) {
		document.getElementById(menuName).childNodes[currentMenuId].firstChild.id = 'currentmenu';
		document.getElementById(menuName).childNodes[currentMenuId].lastChild.childNodes[currentSubmenuId].firstChild.id = 'currentsubmenu';
		_currentPage = document.getElementById(menuName).childNodes[currentMenuId].lastChild;
		_currentPage.style.display = 'block';
	}
	
	var _showMenu = function() {
		_hideMenu();
		
		clearTimeout(_timeout);
		
		for (ctr = 0; ctr < this.childNodes.length; ctr ++) {
			menu = this.childNodes[ctr];
			
			if (menu.tagName == 'UL') {
				_activeMenu = menu;
				
				_currentPage.style.display = 'none';
				_activeMenu.style.display = 'block';
			}
		}
	}

	var _hideMenu = function() {
	  if (_activeMenu != undefined)
	    _activeMenu.style.display = 'none';
	  	  
	  if (typeof(_currentPage) != 'undefined' && _currentPage.tagName == 'UL') {
	    _currentPage.style.display = 'block';
	  }
	}

	var _outMenu = function(e) {
		_timeout = setTimeout(_hideMenu, 500);
	}

	var _addEvent = function(element, action, func) {
		if(window.attachEvent && element.attachEvent) {
			element.attachEvent('on'+action, func);
		} else if(element.addEventListener) {
			element.addEventListener(action, func, true);
		}
	}

	var _addMenuListener = function() {
		for (ctr = 0; ctr < document.getElementById(menuName).childNodes.length; ctr ++) {
			tmp_item = document.getElementById(menuName).childNodes[ctr];
			
			if (tmp_item.tagName == 'LI') {
				tmp_item.onmouseover = _showMenu;
				tmp_item.onmouseout = _outMenu;
			}
		}
	}
	
	//window.onload = addMenuListener;
	_addEvent(window, 'load', _addMenuListener);
}