$(document).ready(function(){
	
	$('#navigation li a').each(function(i){
		$(this).after('<span class="nav-bg-hover"></span>');
		$(this).after('<img src="imagenes/item-reflex.gif" alt="" />');
		
		$(this).mouseover(function(){
			$(this).nextAll('.nav-bg-hover').fadeTo("slow", 0);
			$(this).parent().animate({"top": "-=15px"}, "slow");
			$(this).nextAll('img').animate({"top": "+=30px", "opacity": 0.3}, "slow");
			$(this).animate({"color": '#FFFFFF'}, "slow");
		});
		$(this).mouseout(function(){
			$(this).nextAll('.nav-bg-hover').fadeTo("slow", 1);
			$(this).parent().animate({"top": "+=15px"}, "slow");
			$(this).nextAll('img').animate({"top": "-=30px", "opacity": 1 }, "slow");			
			$(this).animate({"color": '#FFFFFF'}, "slow");
		});
		
	});

});