var gtm;

$(document).ready(
    function () {
        $("li.sub > ul").hide();

        $("li.sub").mouseover(
            function () {
                clearTimeout(gtm);

                $("ul.mainNavSub").hide();
                $("li.sub").removeClass("active");

                $(this).addClass("active");
                $(this).children("ul.mainNavSub").show();
                $(this).children("ul.mainNavSub").css({ top: $(this).offset().top + 30, left: $(this).offset().left - 50 });
            }
        );

        $("li.sub").mouseout(
            function () {
                gtm = setTimeout(function() { $("ul.mainNavSub").hide(); }, 300);
            }
        );
    }
);