/* JavaScript Logic for the public menu. */


function initiateMenu() 
{
    if (document.getElementById) 
    {
        var menuUL = document.getElementById("navigationMenu");
        if (menuUL != null) 
        {
//            if (document.all)     //If IE...
//            {
//                //Apply mouseover event handlers to all menu items of the highest level.
//                //This is done so that the dropdown menu also works in older IE browsers.
//                //In modern browsers, this is done with CSS and :hover
//                for (var i = 0; i < menuUL.childNodes.length; i++) 
//                {
//                    var node = menuUL.childNodes[i];
//                    if (node.nodeName.toLowerCase() == "li") 
//                    {
//                        addEvent(node, 'mouseover', addOverClass, false);
//                        addEvent(node, 'mouseout', removeOverClass, false);
//                    }
//                }
//            }


            for (var i = 0; i < menuUL.childNodes.length; i++) 
            {
                var node = menuUL.childNodes[i];
                if (node.nodeName.toLowerCase() == "li") 
                {
                    if (document.all)     //If IE...
                    {
                        addEvent(node, 'mouseover', addOverClass, false);
                    }
                    addEvent(node, 'mouseout', removeOverClass, false);
                    addEvent(node, 'click', menuItemClicked, false);
                }
            }
        }
    }
    
    
    //TODO: Ta bort länkarna...
}



function menuItemClicked(e) 
{
    var menuItem = getTargetElement(e);
    if (menuItem != null) 
    {
        toggleClass(menuItem, 'over');
        //addEvent(window, 'click', closeMenu, false);
    }
    
}

function closeMenu(e) 
{
    var menuUL = document.getElementById("navigationMenu");
    if (menuUL != null) 
    {
        for (var i = 0; i < menuUL.childNodes.length; i++) 
        {
            var node = menuUL.childNodes[i];
            if (node.nodeName.toLowerCase() == "li") 
            {
                removeClass(node, 'over')
            }
        }
    }
}





function addOverClass(e) 
{
    var menuItem = getTargetElement(e);
    if (menuItem != null) 
    {
        addClass(menuItem, 'over')
    }
}




function removeOverClass(e) 
{
    var menuItem = getTargetElement(e);
    if (menuItem != null) 
    {
        removeClass(menuItem, 'over')
    }
}




//Initera menyn då webbsidan laddats hem till användaren.
addEvent(window, 'load', initiateMenu, false);