function MenuItemMouseOver(subMenuId, menuImgId, menuItemImg, MenuItemNumber) {
    var _menuImg = document.getElementById(menuImgId);
    var _subMenu = document.getElementById(subMenuId);
    if (_subMenu != null)
    {
        _subMenu.style.display = 'block';
    }
//    DisplayMenuImgs(MenuItemNumber);
    document.getElementById('MenuItem_' + MenuItemNumber).className = 'MenuItemActive';
    //_menuImg.src = menuItemImg;
}

//function DisplayMenuImgs(MenuItemNumber) {

//    var LeftImgId = 'Left_' + MenuItemNumber;
//    var RightImgId = 'Right_' + MenuItemNumber;

//    document.getElementById(LeftImgId).src = '/Content/Images/NaviLeftActive.jpg';
//    document.getElementById(RightImgId).src = '/Content/Images/NaviRightActive.jpg';
//}

//function HiddenMenuImgs(MenuItemNumber) {
//    var LeftImgId = 'Left_' + MenuItemNumber;
//    var RightImgId = 'Right_' + MenuItemNumber;

//    document.getElementById(LeftImgId).src = '/Content/Images/TransparentNavi.png';
//    document.getElementById(RightImgId).src = '/Content/Images/TransparentNavi.png';
//}

function MenuItemMouseOut(subMenuId, menuImgId, menuItemImg, menuItemNumber)
{
    var _menuImg = document.getElementById(menuImgId);
    var _subMenu = document.getElementById(subMenuId);

    if (_subMenu != null)
    {
        _subMenu.style.display = 'none';
    }
//    HiddenMenuImgs(menuItemNumber);
    document.getElementById('MenuItem_' + menuItemNumber).className = 'MenuItem';
    //_menuImg.src = menuItemImg;
}

function ChangeSubMenuClass(sender)
{
    if (sender.className == 'SubMenuItem')
    {
        sender.className = 'SubMenuItemHover';
    }
    else
    {
        sender.className = 'SubMenuItem';
    }
    DisplaySubItemsLevel2(sender.id);

}

function DisplaySubItemsLevel2(id) {

    id = 'subMenu2_' + id;
    
    var HaveSubMenus = document.getElementById(id);
    if (HaveSubMenus != null) {
        if (document.getElementById(id).style.display == 'block') {
            document.getElementById(id).style.display = 'none';
        }
        else {
            document.getElementById(id).style.display = 'block';
        }
    }

}

function ChangeSubMenuClassLevel2(sender) {
    if (sender.className == 'SubMenuItem') {
        sender.className = 'SubMenuItemHover';
    }
    else {
        sender.className = 'SubMenuItem';
    }
    DisplaySubItemsLevel3(sender.id);

}

function DisplaySubItemsLevel3(id) {

    id = 'subMenu3_' + id;

    var HaveSubMenus = document.getElementById(id);
    if (HaveSubMenus != null) {
        if (document.getElementById(id).style.display == 'block') {
            document.getElementById(id).style.display = 'none';
        }
        else {
            document.getElementById(id).style.display = 'block';
        }
    }


}