jQuery(function($){

  var settings = {
    thumbListClass: "thumbs",
    imgViewerClass: "visualiseur",
    activeClass: "active",
    activeTitle: "Photo en cours de visualisation",
    loaderTitle: "Chargement en cours",
    loaderImage: "../../images/loader.gif"
  };

  var thumbLinks = $("."+settings.thumbListClass).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.thumbListClass).after(
    $(document.createElement("p"))
      .attr("class",settings.imgViewerClass)
      .append(
        $(document.createElement("img")).attr({
          alt: "",
          src: firstThumbLink.attr("href")
        })
      )
  );

  var imgViewer = $("."+settings.imgViewerClass),
      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);
    });

});
$(function($){

  var settings = {
   	miniListClass: "htabs",
    imgViewerClass: "visualiseur",
    activeClass: "active",
    activeTitle: "Photo en cours de visualisation",
    loaderTitle: "Chargement en cours",
    loaderImage: "../../images/loader.gif"
  };

  var miniLinks = $("."+settings.miniListClass).find("img"),
      firstMiniLink = miniLinks.eq(0),
      highlight = function(elt){
        miniLinks.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(firstMiniLink);

  $("."+settings.minibListClass).after(
    $(document.createElement("p"))
      .attr("class",settings.imgViewerClass)
      .append(
        $(document.createElement("img")).attr({
          alt: "",
          src: firstMiniLink.attr("link")
        })
      )
  );

  var imgViewer = $("."+settings.imgViewerClass),
      bigPic = imgViewer.children("img");

  miniLinks
    .click(function(e){
      e.preventDefault();
      var $this = $(this),
          target = $this.attr("link");
      if (bigPic.attr("src") == target) return;
      highlight($this);
      imgViewer.html(loader);
      bigPic
        .load(function(){
          imgViewer.html($(this).fadeIn(250));
        })
        .attr("src",target);
    });

});