$(function(){
  
  selection_tri();
  selection_produits();
  
});

function selection_tri(){
  
  var y = 2;
  var source;
  
  for(var i = 1; i < y; i++){
    
    $(".ev2_log" + i + " img").each(function(){
    
      y++;
      
      $(this).click(function(){
        
        $(".js_btn").removeClass("active");
        $(this).addClass("active");
        
        var la_classe = $(this).attr("id");
        la_classe = la_classe.substring(6,7);
        
        $(".js_btn").each(function(){
          
          source = $(this).attr("src");
          source = source.replace("actif", "normal");
          $(this).attr("src", source);
          
        });
        
        source = $(this).attr("src");
        source = source.replace("normal", "actif");
        $(this).attr("src", source);
        
        
        $(".js_contenu").css("display", "none");
        $("#js_contenu" + la_classe).css("display", "block");
        
      });
      
      
      $(this).mouseenter(function(){
        
        source = $(this).attr("src");
        
        
        if($(this).hasClass("active")){
          source = source.replace("actif", "survol");
        }else{
          source = source.replace("normal", "survol");
        }
        
        $(this).attr("src", source);
        
      });
      
      
      $(this).mouseleave(function(){
        
        source = $(this).attr("src");
        
        
        if($(this).hasClass("active")){
          source = source.replace("survol", "actif");
        }else{
          source = source.replace("survol", "normal");
        }
        
        $(this).attr("src", source);
        
      });
      
      
      
      
      
    
    });
    
  }
  
}

function selection_produits(){

}