$(function () {
            var mainnavs = $(".topnav li");
            var subnav = $("ul.subnav");
            var timeoutid;
            mainnavs.each(function (index) {
                var nownav = $(this);
                nownav.mouseover(function () {
                    timeoutid = setTimeout(function () {
                        $("li.hov").removeClass("hov");
                        nownav.addClass("hov");
                        subnav.hide();
                        subnav.eq(index).show();
                    }, 300);
                }).mouseout(function () {
                    clearTimeout(timeoutid);
                });
            });
        });