//DOM ready event.
//Initialisation.
$(function(e) {
  
  //Cacher les boite d'agrandissement.
  $('.expansionagrandissement').css('display', "none");
  //Ouvrir celles qui sont "Toujours-Ouvertes"
  $('.expansionagrandissement.expansiontoujoursouverte').css('display', "block");
  
  
  //Créer lien bidon sur Fermer
  $('.expansionagrandissement .fermerlagrandephoto').wrapInner("<a></a>");
  $('.expansionagrandissement .fermerlagrandephoto a').attr('href', 'javascript:void(0);');
  
  //Activer le click sur fermer.
  $('.expansionagrandissement .fermerlagrandephoto').click(function(e){
		var container = $(this).parents('.expansionagrandissement');
		closeContainer(container);
	});
  
  
  
  //Créer lien bidon sur les loupes et images
  $('.expansionloupe,.expansionboite').wrapInner("<a></a>");
  $('.expansionloupe a,.expansionboite a').attr('href', 'javascript:void(0);');
  
  //Mapper le clic sur les loupes et images.
  $('.expansionloupe,.expansionboite').click(function(e){
		var groupe = $(this).parents('.expansiongroupe');
		showImageOfGroup(groupe);
	});
  
  //Afficher automatiquement les images marquées.
  $('.expansiongroupe.expansionautoouverture').each(function(){
    showImageOfGroup($(this));
  });

  //Preloading all images
  $(".expansionboite img").each(function(){
    var fullPath = getFullVersionPath($(this).attr('src'));
    $("<img>").attr("src", fullPath);
  });

});

function showImageOfGroup(groupe){
  //Récupérer la boite d'agrandissement.
  var container = $(groupe).parents(".expansionblocphotos").find(".expansionagrandissement");
  
  //Si fermé.
  if(!$(container).hasClass("opened")){
    $(container).addClass("opened");
    $(container).slideDown("normal");
  }
  
  //Les path doivent etre les même, à la différence du principal folder.
  var pathThumb = $(groupe).find(".expansionboite img").attr('src');
  var pathFull = getFullVersionPath(pathThumb);
  
  //Affecter la bonne image.
  $(container).find(".photopetiteverticale img").attr("src", pathFull);
  
}


function getFullVersionPath(pathThumb){
  return pathThumb.replace('petites', 'grandes')
}

function closeContainer(container){
  $(container).removeClass("opened");
  $(container).slideUp("normal");
}