$(document).ready(function(){

	// on mouse over
	$("#menu li a").hover(function () {

		$(this).addClass('animated');
		
		$(this).animate({
			opacity: 0.5
		}, 500 );
	},

	// on mouse out
	function () {

		$(this).stop().animate({
			opacity: 0.3
		}, 10 );
		$(this).animate({
			opacity: 1
		}, 600 );

		$(this).removeClass('animated');


	});
});