jQuery(document).ready(function() {

    jQuery("#nav-menu a").eq(0).hover(function() {
        hideSubMenus();
    }, null);

    jQuery("#nav-menu a").eq(1).hover(function() {
        hideSubMenus();
        jQuery("#ul-nav2").css({ display: "none" }).show(100);
    }, null);

    jQuery("#nav-menu a").eq(2).hover(function() {        
        hideSubMenus();
        jQuery("#ul-nav3").css({ display: "none" }).show(100);
    }, null);

    jQuery("#nav-menu a").eq(3).hover(function() {
        hideSubMenus();
        jQuery("#ul-nav4").css({ display: "none" }).show(100);
    }, null);

    jQuery("#nav-menu a").eq(4).hover(function() {
        hideSubMenus();
        jQuery("#ul-nav5").css({ display: "none" }).show(100);
    }, null);

    jQuery(".dropmenu").hover(function() {
        hideSubMenus();
        jQuery(this).show()
    }, function() {
        jQuery(this).hide();
    });

});

function hideSubMenus() {
    jQuery(".dropmenu").hide();
}