$(function() {
  // main menu
  $('#navigation li').removeClass('highlight');
  $('#navigation a').append('<span class="hover" />').each(function() {
    var $span = $('> span', this).css('opacity', 0);
    $(this).hover(function () {
      // on hover
      $span.stop().animate({
          'opacity': 1
        }, 250,'easeOutSine');
    }, function() {
      // off hover
      $span.stop().animate({
          'opacity': 0
        }, 1500,'easeOutQuad');
    });
  });
});