var SubMenu = 'Submenu';

function showMenu() {
    var submenuId = '#' + $(this).attr('id') + SubMenu;
    if ($(submenuId).val() != null) {
        var pageHeight = $(document).height();
        var menuWidth = $(this).width();
        var menuLeft = $(this).position().left;
        var menuTop = $(this).position().top;
        var subMenuLeft = $(this).position().left + (menuWidth + 20);
        var subMenuWidth = menuWidth;

        $(submenuId).css({ "left": subMenuLeft });
        $(submenuId).css({ "top": menuTop });

        var subMenuHeight = $(submenuId).height();
        var combinedHeight = menuTop + subMenuHeight;
        if (combinedHeight > pageHeight) {
            $(submenuId).css({ "top": (menuTop + (pageHeight - combinedHeight) - 20) });
        }
    }

    $(submenuId).show();
    $(submenuId).hover(subMenuHoverOver, subMenuHoverOut);
}

function hideMenu() {
    var submenuId = '#' + $(this).attr('id') + SubMenu;
    $(submenuId).hide();
}

function subMenuHoverOver() {
    $(this).show();

    var parentmenuId = '#' + $(this).attr('id');
    parentmenuId = parentmenuId.replace(SubMenu, '');
    parentmenuId = parentmenuId + 'Hover';
    $(parentmenuId).addClass("divLeftNavItemHover");
}

function subMenuHoverOut() {
    $(this).hide();

    var parentmenuId = $(this).attr('id');
    parentmenuId = parentmenuId.replace(SubMenu, '');
    parentmenuId = parentmenuId + 'Hover';
    $('#' + parentmenuId).removeClass("divLeftNavItemHover");
}