$(document).ready(function()
{
	$("#menu li").addClass("slide"); /* On ajoute la class "slide" automatiquement, dès le chargement de la page */
	slide("#menu", 10, 0, 200, .8);
	// fonction 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 + " li.slide";
	var link_elements = list_elements + " a";
	
	// Timer de l'animation
	var timer = 0;
	
	// Animation slide pour chaque élément
	$(list_elements).each(function(i)
	{
		// margin left = - ([largeur de l'élément] + [padding vertical de l'élément])
		$(this).css("margin-left","-100px");
		// timer
		timer = (timer*multiplier + time);
		$(this).animate({ marginLeft: "0" }, timer);
		$(this).animate({ marginLeft: "15px" }, timer);
		$(this).animate({ marginLeft: "0" }, timer);
	});

	// effet hover sur tous les liens
	$(link_elements).each(function(i)
	{
		$(this).hover(
		function()
		{
			$(this).animate({ paddingLeft: pad_out }, 200);
		},		
		function()
		{
			$(this).animate({ paddingLeft: pad_in }, 200);
		});
	});
}