(function($){
	$(document).ready(function(){
	// Cherche tous les liens avec l'attribut rel=slide
	$(".galerie-images .liste a").each(function() {
		this.onclick = function () {
			var grandeImageContainer = $(this).parent().parent().parent().parent().prev();
			var miniatureImage = $(this).children();
			var contentID = $(this).parent().parent().parent().prev().parent().parent().prev();
			//masque la grande image
			grandeImageContainer.toggle();
			//remplace la grande image
			grandeImageContainer.html('<div><a href="'+$(this).attr("href")+'" rel="t3gallery['+contentID.attr("id")+']" title="'+miniatureImage.attr("alt")+'" ><img src="'+miniatureImage.attr("title")+'" /><p class="legende"><span>'+miniatureImage.attr("alt")+'</span></p></a></div>');
			// affiche la grande image
			grandeImageContainer.fadeIn('slow');
			grandeImageContainer.attr('style','');
			// active le support de lightbox pour ce lien
			var grandeImageLink = grandeImageContainer.children().children("a");
			grandeImageLink.lightbox({navbarOnTop: 0 , resizeSpeed: 600 , overlayOpacity: 0.8, strings : { prevLinkTitle: "image précédente", nextLinkTitle: "image suivante", prevLinkText:  "&laquo;&nbsp;&nbsp;", nextLinkText:  "&nbsp;&nbsp;&raquo;",closeTitle: "fermer", image: "Image", of: "sur"}});
			return false;
		};
	});

	// affiche en grand la première image des miniatures
	var combien = 0; // variable supplémentaire pour "compter" le nombre de visionneuse
	$(".galerie-images").each(function() {
		combien++; // ça compte, ça compte
		$(this).addClass("galerie"+combien);
		$(".galerie"+combien+" .grande").each(function() { // on répète le script pour chaque visionneuse (utilise sur la class)
			var miniatureLink = $(this).next().children().children().children();
			var miniatureImage = miniatureLink.children();
			var contentID = $(this).parent().prev();
			$(this).html('<div><span></span><a href="'+miniatureLink.attr("href")+'" rel="t3gallery['+contentID.attr("id")+']" title="'+miniatureImage.attr("alt")+'"><img src="'+miniatureImage.attr("title")+'" /></a></div><p class="legende"><span>'+miniatureImage.attr("alt")+'</span></p>');
			var grandeImageLink = $(this).children().children("a");
			grandeImageLink.lightbox({navbarOnTop: 0 , resizeSpeed: 300 , overlayOpacity: 0.8, strings : { prevLinkTitle: "image précédente", nextLinkTitle: "image suivante", prevLinkText:  "&laquo;&nbsp;&nbsp;", nextLinkText:  "&nbsp;&nbsp;&raquo;",closeTitle: "fermer", image: "Image", of: "sur"}});
			return false;
		}); // faut fermer l'accolade
		});
	});
})(jQuery);