$(document).ready(function() {
	
	
	$("#topnav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
	
	$("#topnav li").each(function() { //For each list item...
		var linkText = $(this).find("a").html(); //Find the text inside of the a tag
		$(this).find("span").show().html(linkText); //Add the text in the span tag
	}); 
	
	$("#topnav li").hover(function() {	//On hover...
		$(this).find("span").stop().animate({ 
			marginTop: "-40" //Find the span tag and move it up 40 pixels
		}, 250);
	} , function() { //On hover out...
		$(this).find("span").stop().animate({
			marginTop: "0" //Move the span back to its original state (0px)
		}, 250);
	});
	
	
});

function p(action)
{
	var acc = ' <img src="images/page2.jpg" border="0" id="accueil" /> ';
	var so = ' <img src="images/page5.jpg" border="0" id="societe"   />';
	var se = '<img src="images/page3.jpg" border="0" id="services" >';
	 var ct = '<img src="images/page4.jpg" border="0" id="contact" >';
	switch(action)
	{
		case 'so': 
			 $('#pages').html(so); 
		break;
		case 'se': 
			  $('#pages').html(se);
		break;
			case 'ct': 
			  $('#pages').html(ct);
		break;
		default:
		 $('#pages').html(acc);
		break;
		 
	}

}