$(document).ready(function() {
   var mainNavListItems = jQuery('li[id^="nav01-gf"]');
   mainNavListItems.bind('mouseover', function() {
        var o = $(this);
        o.find('a').addClass('nav01over');
        if (o.attr('action')){
          clearTimeout(o.attr('action'));
        }
        o.attr('action', setTimeout( function() {
          $(o).find('.nav02').show(); //alternative: fadeIn(200);
        }, 300));
    });
    mainNavListItems.bind('mouseout', function() {
        var o = $(this);
        o.find('a').removeClass('nav01over');
        if (o.attr('action')) clearTimeout(o.attr('action'));
        o.attr('action', setTimeout(function() {
            $(o).find('.nav02').hide();
        }, 300));
    });
});