$(document).ready(function()
{



	
//// debut
			/// diaporama des références
	
				$.ajax({
				type: "GET",
				url: "motscles.xml",
				dataType: "xml",
				success: function(xml) {
					$(xml).find("slideshow").each(function(){
						var id = $(this).attr('id');
						var dossier = $(this).find('dossier').text();
						
						
					// debut de la fonction clique	
						
						
						
						$("#mots"+ dossier).click(function() {
															
						// on va chercher les infos des images du lien choisi
				
		// on met le loader le temps que les 2 premières images chargemnt	et on enlève la classe actif a tout les slideshows						  
						  
		$("div#loader").show();
		$('.images').removeClass('slideactif');
		
		//prechargement des 2 premières images
		var aleatoire1 = Math.random()*99999;
		var aleatoire2 = Math.random()*99999;
		$('<img/>')
     	.attr('src', 'images/ref/' + dossier + '/img1.jpg?' + aleatoire1)
   		.load(function () {
		
		checkFinal(); 
    	 }); 
		$('<img/>')
     	.attr('src', 'images/ref/' + dossier + '/img1.jpg?' + aleatoire2)
   		.load(function () {
		
		checkFinal(); 
    	 }); 
	 
	 	 var loaded = 0; 
		 
		// fonction qui va voir si les deux premières images sont chargés
		 
	 	function checkFinal(){ 
	   loaded++; 
	   
	   // lorsque les 2 images sont charg&eacute;es
	   if(loaded == 2){ 
	   
	   $.ajax({
				type: "GET",
				url: "motscles.xml",
				dataType: "xml",
				success: function(xml) {
					$(xml).find("#" + id).each(function(){
						var id = $(this).attr('id');
						var nbr = $(this).find('nbr').text();						
						var dossier = $(this).find('dossier').text();	
						$(this).find('desc').each(function(){
							var nomlien = $(this).find('nomlien').text();
							var title = $(this).find('title').text();
	   // on cache le loader
	   $("div#loader").hide();
	   
	   // on active le slide -> on a cliqué sur un slide permet de retourner au slidshow principal
	   $('.images').addClass('slideactif');
	   
	   // on insere les deux premières images
 			$('.images').html('<img src="images/ref/' + dossier + '/img1.jpg?' + aleatoire1 + '"  title="' + title + '" /><img src="images/ref/' + dossier + '/img2.jpg?' + aleatoire2 + '"  title="' + title + '" />');
	
	//On insére les images suivantes si elles existent
	
	for (i=3; i<=nbr; i++){
  	$('.images').append('<img src="images/ref/' + dossier + '/img' + i + '.jpg"  title="' + title + '" />');
   } 	
	
	// on démarre ls slideshow		
	$('.images').galleria();
	
		// fin de la recherche xml des infos
						});
					});
				}
			});
	
	// fin de la fonction checkfinal
	}}
	

		
	// fin des fonctios clique
			
						});			
					});
				}
			});
	
	
	
	
	/////////////////////////////////////////////////
	
	
				 
			 
		





/////fin 	
});