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

}

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) {
    document.getElementById(menuImgId).src = menuItemImg;
    var _subMenu = document.getElementById(subMenuId);

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

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';
        }
    }


}