function initMenus()
{
	var items = document.getElementById("navigation").getElementsByTagName("li");

	for (var i = 0; i < items.length; i++) {
	    var item = items[i];
	    addEvent(item, "mouseover", function() { this.className += " active" });
        addEvent(item, "mouseout", function() { this.className = this.className.substr(0, this.className.indexOf("active")) });

        /*
        var subItems = item.getElementsByTagName("li");
        for (var j = 0; j < subItems.length; j++) {
            var subItem = subItems[j];
            var container = subItem.parentNode.parentNode;
            if (container.nodeName == "LI") {
                addEvent(subItem, "mouseover", function() { container.className += " active" });
                addEvent(subItem, "mouseout", function() { container.className = this.className.substr(0, this.className.indexOf("active")) });
            }
        }

        var subMenu = item.getElementsByTagName("ul");
        if (subMenu.length == 1) {
            var container = subMenu.parentNode;
            if (container.nodeName == "LI") {
                addEvent(subItem, "mouseover", function() { container.className += " active" });
                addEvent(item, "mouseout", function() { container.className = this.className.substr(0, this.className.indexOf("active")) });
            }
        }
        */
        
    	
	}
}

addEvent(window, "load", initMenus);

/******* Utility Function *******/

function addEvent(element, type, handler)
{
    if (element.addEventListener) {
        element.addEventListener(type, handler, false);
    } else if (element.attachEvent) {
        element["e" + type + handler] = handler;
        element[type + handler] = function() { element["e" + type + handler](window.event); }
        element.attachEvent("on" + type, element[type + handler]);
    }
}