var submenuTimeout;

$(document).ready(function () {

    $("#agricultureMenu").hover(
                function () { $("#agricultureSubmenu").show() },
                function () {
                    submenuTimeout = setTimeout("hideSubmenu($('#agricultureSubmenu'))", 50);
                }
            );

    $("#foodMenu").hover(
                function () { $("#foodSubmenu").show() },
                function () {
                    submenuTimeout = setTimeout("hideSubmenu($('#foodSubmenu'))", 50);
                }
            );

    $("#aboutUsMenu").hover(
                function () { $("#aboutUsSubmenu").show() },
                function () {
                    submenuTimeout = setTimeout("hideSubmenu($('#aboutUsSubmenu'))", 50);
                }
            );

    $("#agricultureSubmenu").hover(function () {
        clearTimeout(submenuTimeout);
    }, function () {
        $("#agricultureSubmenu").hide();
    });

    $("#foodSubmenu").hover(function () {
        clearTimeout(submenuTimeout);
    }, function () {
        $("#foodSubmenu").hide();
    });

    $("#aboutUsSubmenu").hover(function () {
        clearTimeout(submenuTimeout);
    }, function () {
        $("#aboutUsSubmenu").hide();
    });


})

function hideSubmenu(submenu) {
    submenu.hide()
}

function submenuHover(e) {
    $(e).addClass("hover");
}

function submenuNonHover(e) {
    $(e).removeClass("hover");
}