jQuery(function($){
	var settings = {
      	 thumbListId: "thumbs",
	     imgViewerId: "viewer",
	     activeClass: "active",    
		 activeTitle: "Photo en cours de visualisation",     
		 loaderTitle: "Chargement en cours",     
		 loaderImage: "images/loader.gif"   
	};    
	var thumbLinks = $("#"+settings.thumbListId).find("a"),		     
		 firstThumbLink = thumbLinks.eq(0),
	     highlight = function(elt){ 
			thumbLinks.removeClass(settings.activeClass).removeAttr("title");       			  	
			elt.addClass(settings.activeClass).attr("title",settings.activeTitle);   
		},     
		loader = $(document.createElement("img")).attr({       
			alt: settings.loaderTitle,       
			title: settings.loaderTitle,       
			src: settings.loaderImage    
		});    
	highlight(firstThumbLink);    
	$("#"+settings.thumbListId).after(
		$(document.createElement("p")) 
			.attr("id",settings.imgViewerId) 
			.append(        
				$(document.createElement("img")).attr({  
					alt: "",         
					src: firstThumbLink.attr("href")
				})      
		)  
	);    
	var imgViewer = $("#"+settings.imgViewerId),     
		bigPic = imgViewer.children("img");    
	thumbLinks
		.click(function(e){ 
			e.preventDefault();       
			var $this = $(this), 
				target = $this.attr("href");       
			if (bigPic.attr("src") == target) return;
			highlight($this); 
			imgViewer.html(loader);
			bigPic   
				.load(function(){ 
					imgViewer.html($(this).fadeIn(250));  
				})         
				.attr("src",target);  
		});  
	});