$(document).ready(function() {


     //**********//
     //Zone chaude//
     //**********//
     var nb_chaude = 1; //article courant
     var old_chaude = 1; //ancien article ouvert
     var auto;


     //On fait disparaitre toutes les images
     $("#zoneActus  div.wrapperImg").each( function(){
            $(this).css("display","none");
     });

     //On cible le premier
     $("#zoneActus div.wrapperImg.pos_1").css("display","block");
     $("#zoneActus div.wrapperImg.pos_1").parents(".listDefil").addClass('selected');

   
     //gestion du click
     $("#zoneActus span.titreDefilActus").click( function(){

        //on trouve le numero de l'article à ouvrir
        str_class =  $(this).attr('class');
        tab_class=str_class.split(' ');

        for(var i=0; i<tab_class.length; i++){
              if(tab_class[i].substr(0,6) == 'titre_'){
                 nb_chaude =  eval(tab_class[i].substr(6));
              }
        }


        if(nb_chaude != old_chaude){

             //ferme l'article ouvert
             $("#zoneActus div.listDefil.item_"+old_chaude).removeClass('selected');
             $("#zoneActus div.wrapperImg.pos_"+old_chaude).css("display","none");

             //affiche le nouveau
             $("#zoneActus div.listDefil.item_"+nb_chaude).addClass('selected');
             $("#zoneActus div.wrapperImg.pos_"+nb_chaude).css("display","block");
             old_chaude = nb_chaude;
        }

        window.clearInterval(auto);
        change_auto();
   });


    //pour changer automatiquement 
    change_auto();
    function  change_auto(){

       auto = window.setInterval( function(){
                  
            //on trouve le numero du prochain article à ouvrir 
            nb_chaude = eval(nb_chaude)+1; 

            //on cible
            if(!$("#zoneActus div.listDefil.item_"+nb_chaude).get(0)) {
                  //si pas trouvé, on prend la première
                  nb_chaude  = 1;
            }  


            //ferme l'article ouvert
            $("#zoneActus div.listDefil.selected").removeClass('selected');
            $("#zoneActus div.wrapperImg.pos_"+old_chaude).css("display","none");


            //affiche le nouveau
            $("#zoneActus div.listDefil.item_"+nb_chaude).addClass('selected');
            $("#zoneActus div.wrapperImg.pos_"+nb_chaude).css("display","block");
            old_chaude = nb_chaude;

                    
       }
       , 4000);
   }
});