$(function(){
	$('#navigation li a').append('<span class="hover"></span>');
	$('#navigation .hover').css('opacity', 0); // ie need this
	$('#navigation li a').hover(function() {
		// Stuff that happens when you hover on + the stop()
		$('.hover', this).stop().animate({
			'opacity': 1
		}, 400,'easeOutSine')
	}, function() {
		// Stuff that happens when you unhover + the stop()
		$('.hover', this).stop().animate({
			 'opacity': 0
		}, 1000, 'easeOutQuad')
	 });
});