$(document).ready(function() {
		/* 
			***********************************************
	
			Fonction switchFadeImage  
	
			***********************************************
			
			Affecte les liens des blocs class "panel" :
				- récupère le numéro de l'id des images dans les a des div.panels
				- utilise ce numéro pour trouver le nom de l'image 1:1 dans le tableau "nomsImagesGalerie"
			
			#chargementPhoto : cible pour les images chargées 
			#photoPrecedente : cible pour stocker l'image qui va être remplacée par l'image chargée
			#pictoChargement : contient une image d'un picto animé invitant à patienter pendant le chargement  
			
			1. Apparition picto chargement
			2. Enlève l'image de photoPrecedente
			3. Place l'image de chargementPhoto dans photoPrecedente
			4. Enlève l'image de chargementPhoto 
			
		*/
		
		autoriseChargement=true;
		
		$("div.panel a").click(function() {
		
			if (autoriseChargement) {
		
		
				// Fait apparaitre le picto de chargement
				$('#pictoChargement').show();
				
				// Fait passer l'image du bloc "chargement photo" dans le bloc "photo précédente"
				$('#photoPrecedente').empty();
				$('#photoPrecedente').append( $('#chargementPhoto').html() );
				
				// Puis enlève l'image du bloc "chargementPhoto"
				$('#chargementPhoto').empty();
				
				// Récupère le numéro de l'image à charger
				var numImgCharge = $("img",this).attr("id").substr(3);
		
			
				// Créer un objet img pour le chargement de la nouvelle image
				var imgChargement = new Image();
				
				// On chope cette image avec jQuery pour tout lui faire...
				$(imgChargement)
		
					// à commencer par la gestion du chargement
					.load(function () {
					
						// On cache l'image 
						$(this).hide();
						
						// on insert l'image chargée
						$('#chargementPhoto').append(this);
		
						// Fait disparaitre le picto de chargement 
						$('#pictoChargement').hide();
						
						// on fait apparaitre l'image en fondu
						$(this).fadeIn(1500,function(){
						   autoriseChargement=true;
						});
					})
		
			
				// Gestion des erreurs
				.error(function () {
					alert('Une erreur est survenue. Veuillez réessayer.');	 
				})
		
					
				// Lance le chargement de la nouvelle image
				.attr('src', nomsImagesGalerie[numImgCharge]);
				autoriseChargement=false;
	
	
			}
	
	
		/* Fin div.panel a .click */
		});
	});