﻿      var activeMenu = undefined;
      var activeSubMenu = undefined;

      var hightedMenu = undefined;
      var hightedSubMenu = undefined;

      function setActiveMenu(item, sub)
      {
//            hightedMenu = document.getElementById(item);
//            hightedSubMenu = document.getElementById(sub);
            hoverMenuItem(document.getElementById(item), true, sub);
      }

      function hoverMenuItem(item, active, sub)
      {
        if (active)
        {
            if (hightedMenu != undefined)
            {
                hightedMenu.className = hightedMenu.className.replace('on', 'off');
                var img = hightedMenu.firstChild.firstChild;
                if (img != undefined)
                {
                    img.src = img.src.replace('_on', '_off');
                }
            }
            if (hightedSubMenu != undefined)
            {
                hightedSubMenu.style.display = 'none';
            }
            
            hightedMenu = item;
            if (hightedMenu != undefined)
            {
                hightedMenu.className = hightedMenu.className.replace('off', 'on');
                var img = hightedMenu.firstChild.firstChild;
                if (img != undefined)
                {
                    img.src = img.src.replace('_off', '_on');
                }
            }
            
            hightedSubMenu = document.getElementById(sub);
            if (hightedSubMenu != undefined)
            {
                hightedSubMenu.style.display = '';
            }
        }
        else
        {
//            item.className = item.className.replace('on', 'off');
//            var img = item.firstChild.firstChild;
//            if (img != undefined)
//            {
//                img.src = img.src.replace('_on', '_off');
//            }
//            submenu.style.display = 'none';
//            if (activeSubMenu != undefined)
//            {
//                activeSubMenu.style.display = 'none';
//            }
//            if (currentSubMenu != undefined)
//            {
//                currentSubMenu.style.display = '';
//                activeSubMenu = currentSubMenu;
//            }
        }
      }
