jQuery(document).ready(function ($){
  var timerId;
  var str_row;
  var str_image;
  //Hide block 
  $(".texteencadre-spip p").hide();
  
  timerId = setInterval("Timer()", 5000);
  
  $(".view-id-slideshow_accueil .view-main-content .views-row").css("margin-left", "0px");
  $(".view-id-slideshow_accueil .view-main-content .row-selected").css("margin-left", "-37px")
  $(".view-slideshow-accueil .view-main-content .view-content .views-row").click(function(){
    clearInterval(timerId);
    timerId = setInterval("Timer()", 5000);
    animateSlideshow($(this));
  });
  
  animateSlideshow = function(row) {
    if(!row.hasClass('row-selected')){
      // Create vars
      str_row = row.children().attr('id');
      str_image = str_row.replace('row','image');
      // On cache l'image
      $(".view-main-content .row-selected").animate({
        marginLeft: '0px'
      }, 0);
      $(".attachment-before .row-selected").fadeOut("fast", function(){
				
        // On change l'element selected et on l'affiche
        $("#"+str_image).parent().addClass("row-selected").fadeIn("slow", function(){
          $(".view-main-content .row-selected").animate({
            marginLeft: '-37px'
          }, 500);
        });
      });
      // On remove la classe
      $(".row-selected").removeClass("row-selected");
      //// On rajoute la classe
      $("#" + str_row).parent().addClass("row-selected");
    }
  }
  
  Timer = function() {
    if ($(".row-selected").hasClass("views-row-1")) {
      animateSlideshow($(".view-slideshow-accueil .view-main-content .views-row-2"));
    }
    else if ($(".row-selected").hasClass("views-row-2")) {
      animateSlideshow($(".view-slideshow-accueil .view-main-content  .views-row-3"));
    }
    else if ($(".row-selected").hasClass("views-row-3")) {
      animateSlideshow($(".view-slideshow-accueil .view-main-content .views-row-1"));
    }
  }
  
  $(".texteencadre-spip").click(function () {
	$(this).children("p").slideToggle("slow");
  }); 
  
});
;