if (jQuery) {
    $(document).ready(function () {
        $("span#nav2, span#nav3, span#nav4, span#nav5").each(function() {
            $(this).hover( function() {
                $('ul', this).slideDown(500);
                $(this).addClass('hoverOver');
                return false;
            }, function() {
                var $me = $('ul', this);
                setTimeout(function() {
                    if (!$(this).hasClass('hoverOver') && !$me.eq(0).hasClass('hoverState')) {
                        $me.hide();
                    }
                }, 1000);
            });

            $('ul', this).hover( function() {
                $(this).addClass('hoverState');
            },
            function() {
                $(this).parent().removeClass('hoverOver')
                $(this).removeClass('hoverState').hide();
            });
        });
    });
}