// 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()
        if (canAnimate) $('.hover', this).stop().animate({ 'opacity': 0 }, 700, 'easeOutQuad')

    })
});