$(document).ready(function()
{
	slide(".btn", 15, 0, 250, .5);
	// slide ("ID du menu", || taille du padding au survol en px || taille du padding à l'état initial en px || durée de l'animation || multiplicateur);
});

function slide(navigation_id, pad_out, pad_in, time, multiplier)
{
	// Chemins cibles
	var list_elements = navigation_id;
	
	// Timer de l'animation
	var timer = 0;
	
	// Animation slide pour chaque élément
	$(".btn").each(function(i)
	{
		// margin left = - ([largeur de l'élément] + [padding vertical de l'élément])
		$(this).css("margin-left","0");
		$(this).css("opacity","0");
		// timer
		timer = (timer*multiplier + time);
		$(this).animate({ marginLeft: "0", opacity : "0.3"}, timer);
		$(this).animate({ marginLeft: "25px", opacity : "1" }, timer);
		$(this).animate({ marginLeft: "0" }, timer);
	});

	// effet hover sur tous les liens
	$(".btn").each(function(i)
	{
		$(this).hover(
		function()
		{
			$(this).animate({ paddingLeft: pad_out, opacity : "0.6" }, 250);
		},		
		function()
		{
			$(this).animate({ paddingLeft: pad_in, opacity : "1" }, 250);
		});
	});
}