﻿// JScript File
var hoverClass = "AspNet-Menu-Hover";
var topmostClass = "AspNet-Menu";

function Hover__AspNetMenu(element)
{
//    AddClassUpward__CssFriendlyAdapters(element.firstChild /* gets the inner SPAN or A */, topmostClass, hoverClass);
    AddClass__CssFriendlyAdapters(element, hoverClass);
}

function Unhover__AspNetMenu(element)
{
//    RemoveClassUpward__CssFriendlyAdapters(element.firstChild /* gets the inner SPAN or A */, topmostClass, hoverClass);
    RemoveClass__CssFriendlyAdapters(element, hoverClass);
}

function SetHover__AspNetMenu()
{
    var menus = document.getElementsByTagName("ul");
    for (var i=0; i<menus.length; i++)
    {
        if(menus[i].className == topmostClass)
        {
            //find parent div
            var parent = "none";
            var node = menus[i];
            while (node.parentNode != undefined)
            {
                if (node.parentNode.id == "TREND_Items_Menu") parent = "TREND_Items_Menu";
                node = node.parentNode;
            }
        
            var items = menus[i].getElementsByTagName("li");
            for (var k=0; k<items.length; k++)
            {
                var li = items[k];
                if ((li.className.indexOf("AspNet-Menu-Leaf") > -1 || li.className.indexOf("AspNet-Menu-WithChildren") > -1) && parent == "TREND_Items_Menu" && li.parentNode.tagName != "root") 
                {
                    var ul = li.parentNode;
                    var uldisplay = ul.style.display;
                    ul.style.display = "block";  //set to block to get widths
                    var ulwidth = ul.clientWidth;
                    ul.style.display = uldisplay; //set back to what it was to make it disappear
                    var a = li.childNodes[0];
                    if (ulwidth != undefined && ulwidth != 0)
					{
						a.style.width = ulwidth - 20;  //ul width minus padding as long as it isn't 0
					}
                }
                items[k].onmouseover = function() { Hover__AspNetMenu(this); }
                items[k].onmouseout = function() { Unhover__AspNetMenu(this); }
            }
        }
    }
}

window.onload = SetHover__AspNetMenu;
//document.onclick = SetHover__AspNetMenu;

