// JavaScript Document

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