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);       
bigPic         
.attr("src",target);     });  });
