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);     });  });
