$(document).ready(function(){ 

   //initialisation
/*   $("#photosArtistes  > div.groupe_1 > div img").css('width','350px');
   $("#photosArtistes  > div.groupe_1 > div img").css('height','280px');
   $("#photosArtistes > div.groupe_2 > div ").css('float','left');*/

   $("#photosArtistes > div.groupe_2 > div p").css('display','none');
   //$("#photosArtistes  > div.groupe_2 > div img").css('width','40px');
   $("#photosArtistes > div.groupe_1 > div").css('display','none');
   $("#photosArtistes > div > div.image1_article").css('display','block');   

   $("#photosArtistes > div.groupe_2 > div").css('cursor','pointer'); 

   var nb_image = 2;
   
   $("#photosArtistes div div").hover( function(){
        
         //on trouve le numero de l'article 
         var class_nb = new Array(); 
         class_nb = $(this).attr("class").split(' '); 

         var class_image = new Array();
         class_image = class_nb[1].split('_'); 
         nb_image = class_image[0].substr(5); 

         $("#photosArtistes > div.groupe_1 > div").css('display','none');
         $("#photosArtistes > div.groupe_2 > div").removeClass('selected'); 
         $("#photosArtistes > div.groupe_1 > div.image"+nb_image +"_article").css('display','block');   
         $("#photosArtistes > div.groupe_2 > div.image"+nb_image +"_article").addClass('selected');   
   });

  
   //pour changer automatiquement 
   window.setInterval( function() { 
 
      //mise à null de tous les styles 
      $("#photosArtistes  > div.groupe_1 > div").css('display','none'); 
      $("#photosArtistes > div.groupe_2 > div").removeClass('selected'); 

      //activation de l'article concerné 
      $("#photosArtistes > div.groupe_1 > div.image"+nb_image +"_article").css('display','block');
      $("#photosArtistes > div.groupe_2 > div.image"+nb_image +"_article").addClass('selected');

      nb_image++; 
      if($("#photosArtistes > div.groupe_1 > div.image"+nb_image +"_article").text() == '') nb_image= 1; 
 
       } , 5000 
   ); 

   
 
    //Gestion des zones dépliables
    $("#lineUp").css('cursor','pointer');
    $("#disco").css('cursor','pointer');
    $("#presse").css('cursor','pointer');

    $("#contentLineUp").css('display','block');
    $("#contentDisco").css('display','none');
    $("#contentpresse").css('display','none');

    $("#lineUp").addClass('ouvert');
    $("#disco").addClass('fermer');
    $("#presse").addClass('fermer');


    $("#lineUp").click( function(){
           if($("#contentLineUp").css('display') == 'none') {
                $("#contentLineUp").css('display','block');
                $(this).addClass('ouvert');
                $(this).removeClass('fermer');

                $("#contentDisco").css('display','none');
                $("#contentpresse").css('display','none');
                $("#disco").addClass('fermer');
                $("#disco").removeClass('ouvert');
                $("#presse").addClass('fermer');
                $("#presse").removeClass('ouvert');

           } else  {
                $("#contentLineUp").css('display','none');
                $(this).removeClass('ouvert');
                $(this).addClass('fermer');
          }
    });


    $("#disco").click( function(){
           if($("#contentDisco").css('display') == 'none') {
                $("#contentDisco").css('display','block');
                $(this).addClass('ouvert');
                $(this).removeClass('fermer');

                $("#contentLineUp").css('display','none');
                $("#contentpresse").css('display','none');
                $("#presse").addClass('fermer');
                $("#presse").removeClass('ouvert');
                $("#lineUp").addClass('fermer');
                $("#lineUp").removeClass('ouvert');

           } else  {
                $("#contentDisco").css('display','none');
                $(this).removeClass('ouvert');
                $(this).addClass('fermer');
          }
    });

    $("#presse").click( function(){
           if($("#contentpresse").css('display') == 'none') {
                $("#contentpresse").css('display','block');
                $(this).addClass('ouvert');
                $(this).removeClass('fermer');

                $("#contentLineUp").css('display','none');
                $("#contentDisco").css('display','none');
                $("#disco").addClass('fermer');
                $("#disco").removeClass('ouvert');
                $("#lineUp").addClass('fermer');
                $("#lineUp").removeClass('ouvert');

           } else  {
                $("#contentpresse").css('display','none');
                $(this).removeClass('ouvert');
                $(this).addClass('fermer');
          }
    });
});