var J = jQuery.noConflict(); // Using jQuery with Other Libraries (Mootools or Prototype): J instead of $
							 // http://www.lafermeduweb.net/billet/rendre-jquery-compatible-avec-mootools-ou-prototype-133.html
							 // Attention, il faut obligatoirement inclure jQuery en dernier dans vos javascripts, sinon la methode noConflict() n aura aucun effet.
J(document).ready(function(){ 
	J("#nav1 li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
	J("#nav1 li").each(function() { //For each list item...
		var linkText = J(this).find("a").html(); //Find the text inside of the a tag
		J(this).find("span").show().html(linkText); //Add the text in the span tag
	}); 		
	J("#nav1 li").hover(function() {	//On hover...
		J(this).find("span").stop().animate({
			marginTop: "-40" //Find the span tag and move it up 40 pixels
		}, 250);
	} , function() { //On hover out...
		J(this).find("span").stop().animate({
			marginTop: "0" //Move the span back to its original state (0px)
		}, 250);
	});
	
	J("#nav2 li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
	J("#nav2 li").each(function() { //For each list item...
		var linkText = J(this).find("a").html(); //Find the text inside of the a tag
		J(this).find("span").show().html(linkText); //Add the text in the span tag
	}); 		
	J("#nav2 li").hover(function() {	//On hover...
		J(this).find("span").stop().animate({
			marginTop: "-40" //Find the span tag and move it up 40 pixels
		}, 250);
	} , function() { //On hover out...
		J(this).find("span").stop().animate({
			marginTop: "0" //Move the span back to its original state (0px)
		}, 250);
	});
	
	J("#nav3 li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
	J("#nav3 li").each(function() { //For each list item...
		var linkText = J(this).find("a").html(); //Find the text inside of the a tag
		J(this).find("span").show().html(linkText); //Add the text in the span tag
	}); 		
	J("#nav3 li").hover(function() {	//On hover...
		J(this).find("span").stop().animate({
			marginTop: "-40" //Find the span tag and move it up 40 pixels
		}, 250);
	} , function() { //On hover out...
		J(this).find("span").stop().animate({
			marginTop: "0" //Move the span back to its original state (0px)
		}, 250);
	});
	
	J("#nav4 li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
	J("#nav4 li").each(function() { //For each list item...
		var linkText = J(this).find("a").html(); //Find the text inside of the a tag
		J(this).find("span").show().html(linkText); //Add the text in the span tag
	}); 		
	J("#nav4 li").hover(function() {	//On hover...
		J(this).find("span").stop().animate({
			marginTop: "-40" //Find the span tag and move it up 40 pixels
		}, 250);
	} , function() { //On hover out...
		J(this).find("span").stop().animate({
			marginTop: "0" //Move the span back to its original state (0px)
		}, 250);
	});
	
	J("#nav5 li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
	J("#nav5 li").each(function() { //For each list item...
		var linkText = J(this).find("a").html(); //Find the text inside of the a tag
		J(this).find("span").show().html(linkText); //Add the text in the span tag
	}); 		
	J("#nav5 li").hover(function() {	//On hover...
		J(this).find("span").stop().animate({
			marginTop: "-40" //Find the span tag and move it up 40 pixels
		}, 250);
	} , function() { //On hover out...
		J(this).find("span").stop().animate({
			marginTop: "0" //Move the span back to its original state (0px)
		}, 250);
	});
	
	J("#nav6 li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
	J("#nav6 li").each(function() { //For each list item...
		var linkText = J(this).find("a").html(); //Find the text inside of the a tag
		J(this).find("span").show().html(linkText); //Add the text in the span tag
	}); 		
	J("#nav6 li").hover(function() {	//On hover...
		J(this).find("span").stop().animate({
			marginTop: "-40" //Find the span tag and move it up 40 pixels
		}, 250);
	} , function() { //On hover out...
		J(this).find("span").stop().animate({
			marginTop: "0" //Move the span back to its original state (0px)
		}, 250);
	});
});