$(document).ready(function() { 

	$("#home").hover(function() { 
		$( ".bar" ).stop().animate({left: "1%"}, 500 );
	});
	
	$("#agencia").hover(function() { 
		$( ".bar" ).stop().animate({left: "15%"}, 500 );
	});
	
	$("#sobre").hover(function() { 
		$( ".bar" ).stop().animate({left: "33%"}, 500 );
	});
	
	$("#portfolio").hover(function() { 
		$( ".bar" ).stop().animate({left: "51%"}, 500 );
	});
	
	$("#orcamento").hover(function() { 
		$( ".bar" ).stop().animate({left: "68%"}, 500 );
	});
	
	$("#contato").hover(function() { 
		$( ".bar" ).stop().animate({left: "83.5%"}, 500 );
	}); 
	

});