jQuery(function($) {
  $('ul.carousel-nav').galleria({
    insert: '#carousel',
    clickNext: false,
    history: false,
    onImage: function(image,caption,thumb) { // let's add some image effects for demonstration purposes
      // fade in the image & caption
      if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow
        image.css('display','none').fadeIn(1000);
      }
      caption.css('display','none');
      // fetch the thumbnail container
      var _li = thumb.parents('li');
      // fade out inactive thumbnail
      // _li.siblings().children('img.selected').fadeTo(500,0.3);
      // fade in active thumbnail
      thumb.fadeTo('fast',1).addClass('selected');
      // add a title for the clickable image
      image.attr('title','');
      var _a = thumb.parents('a');
      // image.attr('onclick','window.location=\'' + image.attr('title') + '\'');
      image.click(function() {
        window.location = image.attr('src').substring(image.attr('src').indexOf("#") + 1);
      });
    },
    onThumb : function(thumb) { // thumbnail effects goes here
      // fetch the thumbnail container
      var _li = thumb.parents('li');
      // if thumbnail is active, fade all the way.
      var _fadeTo = _li.is('.active') ? '1' : '1';
      // fade in the thumbnail when finnished loading
      thumb.css({
        display:'none',
        opacity:_fadeTo
      }).fadeIn(1500);
      // hover effects
      thumb.hover(
        function() { thumb.fadeTo('fast',1); },
        function() { _li.not('.active').children('img').fadeTo('fast',1); } // don't fade out if the parent is active
      )
    }
  });
  // Arrêt du carousel on hover du container
  $("#carousel").hover(
    function () {
      timer.stopTime();
    },
    function () {
      timer.everyTime(5000,function(i) {
        $.galleria.next()
      });
    }
  );
  // Arrêt du carousel on hover de la liste des miniatures
  $("ul.carousel-nav").hover(
    function () {
      timer.stopTime();
    },
    function () {
      timer.everyTime(5000,function(i) {
        $.galleria.next()
      });
    }
  );
  // Lancement initial du carousel
  var timer = $("#carousel").everyTime(5000,function(i) {
    $.galleria.next()
  });
});