// JavaScript Document

/*Avoir une seul image afficher 
toute les autre masqués
les regrouper en pile ( position absolute
reunis dans un seul div

diaporama-index*/

$(document).ready(function(){
						   
						   //creation d'une div au debut de content, pour accueillir toute les images de la zone contenu
						 	
							
							$("#content").prepend("<div class=\"diaporama-index\"></div>");
							//$("<div class=\"ligne_separation\"></div>").before("<div class=\"nos-menus\">");
							//$("#content").prepend("<div class=\"diaporama-index\"></div>");
							//$("<div class=\"diaporama-index\"></div>").before("<div class=\"ligne_separation\">");
							//$(".nos-menus").after("<div class=\"diaporama-index\"></div>");
		  
						   
						   
						   //integration des images de content dans la dicv nouvellement créer
						  
						   var $imagesplats = $("#content .img-index img");
						   $imagesplats.appendTo("#content div.diaporama-index");
						   
						 	//dispocition des images en superposition
						   $("#content div.diaporama-index img").css({"position":"absolute"});
						   $("#content div.diaporama-index").css({"position":"relative",
																 "margin-left":"10px",
																 "height":"140px"});
						    
						   //masquage de toutes les images suanf de la première
						   $("#content div.diaporama-index img:gt(0)").hide();
						   
						   
						   //defilement 
						  function diaporama(){
											var $image_suivante = $("#content div.diaporama-index img:visible").next("img");//recupere l'image suivante
											//boucler le slide show une fois arrivé a la derniere image reprendre a la premiere
											if($image_suivante.length<1) $image_suivante = $("#content div.diaporama-index img:first");
											$("#content div.diaporama-index img:visible").fadeOut();
											$image_suivante.fadeIn();
											return false;
											};
						  
						  setInterval(diaporama,2000);					   
});