$ (document) .ready (function() {

	 $ ("#pub img:gt(0)") . hide ();
	 $ ("#pub"). append ("<p> <a href=\"#\" class=\"prev\"></a> | <a href=\"#\" class=\"next\"></a></p>");
	 
	 $("#pub a.next").click (function() {
		var $image_suivante = $("#pub img:visible") .next("img");
		if  ($image_suivante.length <1) $image_suivante = $("#pub img:first");
	    $("#pub img:visible"). fadeOut ("slow");
		$image_suivante.fadeIn("slow");
		return false;
		}); 
	 
	 $("#pub a.prev").click (function() {
		var $image_precedente = $("#pub img:visible") .prev("img");
		if  ($image_precedente.length <1) $image_precedente = $("#pub img:last");
	    $("#pub img:visible"). fadeOut ("slow");
		$image_precedente.fadeIn("slow");
		return false;
		}); 
		
		//defilement automatique
		function auto() {
		$("#pub a.next").trigger("click");
		}
		setInterval (auto,3000);
		
});