$(document).ready(function() {
    $('#menubar > li').
    bind('mouseover', function () {
        if ($('#menubar').data('timerId')) {
            window.clearTimeout($('#menubar').data('timerId'));
            $('#menubar').removeData('timerId');
        }
        $('#menubar ul:visible').hide();
        $(this).find('ul').show();
    })
   .bind('mouseout', function () {
        $('#menubar').data('timerId', window.setTimeout(function () {
            $('#menubar ul:visible').hide();
        }, 500));
    })
});