// 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
				}, 500,'easeOutSine')
	
			},function() {
	
		// Stuff that happens when you unhover + the stop()
		$('.hover', this).stop().animate({
			'opacity': 0
			}, 500, 'easeOutQuad')
	
	})
		   });