var n_isopen = false;
$(document).ready(function(){
    $("#navBar ul li a:not(#subNavBar a)").hoverIntent({
        sensitivity: 1,
        interval: 100,
        over:
            function(){
                $("#navBar ul li a").removeClass("active");
                var os = $(this).offset();
                $(this).addClass("active");
                $(this).parent().find("ul").css("top", os.top + 30 - 81);
                $("#subNavBar").hide();
                $("#subNavBar").html("");
                if ($(this).parent().find("ul").size() > 0) {
                     n_isopen = true;
                     $("#subNavBar").html("<ul>" + $(this).parent().find("ul").html()  + "</ul>");
                     setSubHover($(this));
                }
            },
        timeout: 200,
        out:
            function(){
                if ($("#subNavBar a").size() == 0) {
                    $(this).removeClass("active");
                    $("#subNavBar").hide();
                    $("#subNavBar").html("");
                    n_isopen = false;
                }
            }
    });
});

function setSubHover(par) {

    $("#subNavBar").show();

    var totalw = 932;
    var w = $("#subNavBar ul").width();
    var w2 = w/2;
    var pos = $(par).position();
    var pleft = pos.left + $(par).width()/2;

    if (pleft < totalw/2) {
        if (pleft - w2 > 0) $("#subNavBar ul").css("margin-left", (pleft - w2) + "px");
        else $("#subNavBar ul").css("margin-left", "0px");
    } else {
        if (pleft + w2 < totalw) $("#subNavBar ul").css("margin-left", (pleft - w2) + "px");
        else $("#subNavBar ul").css("margin-left",  (totalw-w) + "px");
    }

    $("#subNavBar").hover(
            function(){
                n_isopen = true;
            },
            function(){
                n_isopen = false;
                window.setTimeout(function() {
                   if (!n_isopen) { 
                        $("#subNavBar").hide();
                        $("#navBar ul li a").removeClass("active");
                   }
                }, 700);
            }
    );
}