$(document).ready(function() {
    $('ul.nudge a, .mixtoRecipes, .blancoRecipes, .reposadoRecipes, .anejoRecipes, .mixtoTasting, .blancoTasting, .reposadoTasting, .anejoTasting')
        .hover(function() {
            $(this).stop().animate({"opacity": 0.8 });
        }, function() {
            $(this).stop().animate({"opacity": 1 });
        });
});

$(document).ready(function() { 
	
	
		$(".one").click(function(){
		$("#capeRecipe, #flyingRecipe, #blackRecipe, #devilRecipe ").fadeOut(2000)
		$("#bloodyRecipe").fadeIn(2000);
		});
		$(".two").click(function(){
		$("#bloodyRecipe, #flyingRecipe, #blackRecipe, #devilRecipe").fadeOut(2000)	
		$("#capeRecipe").fadeIn(2000);
		});
		$(".three").click(function(){
		$("#bloodyRecipe, #capeRecipe, #blackRecipe, #devilRecipe ").fadeOut(2000)	
		$("#flyingRecipe").fadeIn(2000);
		});		
		$(".four").click(function(){
		$("#bloodyRecipe, #capeRecipe, #flyingRecipe, #devilRecipe").fadeOut(2000)	
		$("#blackRecipe").fadeIn(2000);
		});
		$(".five").click(function(){
		$("#bloodyRecipe, #capeRecipe, #flyingRecipe, #blackRecipe").fadeOut(2000)	
		$("#devilRecipe").fadeIn(2000);
		});
		$("#recipeNavigation li a").click(function(){
		$(".current").removeClass("current");
		$(this).addClass("current");
		});	
	});							   

				   

 $(document).ready(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()
		$('.hover', this).stop().animate({
			'opacity': 0
			}, 700, 'easeOutQuad')
	
	})
		   });
 
  $(document).ready(function() {  
           $('#recipeNavigation li a').append('<span class="hover"></span>')
		   $('#recipeNavigation .hover').css("filter","alpha(opacity=00)");
		   $('#recipeNavigation 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()
		$('.hover', this).stop().animate({
			'opacity': 0
			}, 700, 'easeOutQuad')
	
	})
		   });