if (window.attachEvent) window.attachEvent('onload', dynamicMenu); //IE
if (window.addEventListener) window.addEventListener('load', dynamicMenu, false); //GOOD
var ELEMENT_NODE = 1;

/*
	Gives us a funky menu
*/

var active_menu_item = null;
var original_active_menu_item = null;
var returntimout = null;

function dynamicMenu() {
	var menu = document.getElementById('mainmenu');
	var menucontainer = document.getElementById('mainmenubar');
	menucontainer.onmouseout = function() {
		returntimout = setTimeout('returnToOriginalActive()', 10000); // Fix s ome IE flickering
	}
	
	for (var i = 0; i < menu.childNodes.length; i++) {
		if (menu.childNodes[i].nodeType == ELEMENT_NODE) {
			/* We have our main menu items (YAY) */
			if (menu.childNodes[i].className == 'active') {
				active_menu_item = menu.childNodes[i].getElementsByTagName('ul')[0];
				original_active_menu_item = active_menu_item
			}
			menu.childNodes[i].onclick = function() {
				clearTimeout(returntimout)
				if (this.getElementsByTagName('ul').length > 0) {
					active_menu_item.style.display = 'none';
					active_menu_item.parentNode.className = '';
					this.getElementsByTagName('ul')[0].style.display = 'block';
					this.className = 'active';
					active_menu_item = this.getElementsByTagName('ul')[0];
				}
			}
		}
	}
}

function returnToOriginalActive () {
	active_menu_item.style.display = 'none';
	active_menu_item.parentNode.className = '';
	original_active_menu_item.style.display = 'block';
	original_active_menu_item.parentNode.className = 'active';
	active_menu_item = original_active_menu_item;
}

