// JavaScript Document



$(function(){

$('#navigation li a').append('<span class="hover"></span>')
$('#navigation .hover').css("filter","alpha(opacity=00)");
$('#navigation li a').hover(function() {

// Stuff that happens when you hover on + the stop()
$('.hover', this).stop().animate({
'opacity': 1
}, 700,'easeOutSine')

},function() {

// Stuff that happens when you unhover + the stop()
$('.hover', this).stop().animate({
'opacity': 0
}, 700, 'easeOutQuad')

})
});