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

});