$(document).ready(function() {

     //**********//
     //Zone chaude//
     //**********//
     //$("#actus_chaudes > div").css('float','left');

     //initialisation
     //$("#actus_chaudes > div").css('width','40px');
     //$("#actus_chaudes > div").css('height','250px');
     $("#actus_chaudes > div div div:not(.lire_suite_article)").css('display','none');

     $("#actus_chaudes > div.pos_1").css('width','460px');
     $("#actus_chaudes > div.pos_1 div").css('display','block');

     var nb_chaude = 1; //article courant
     var old_chaude = 1; //ancien article ouvert
     var auto;

     $("#actus_chaudes > div.pos_1").addClass('selected');
     $("#actus_chaudes > div").css('cursor','pointer');
 

     //gestion du survol
     $("#actus_chaudes > div").click( function(){

        old_chaude = nb_chaude;

        //on trouve le numero de l'article ouvert
        var class_nb = new Array();
        class_nb = $(this).attr("class").split(' ');
        nb_chaude = class_nb[2].substr(4);

        if(nb_chaude != old_chaude){
            $("#actus_chaudes > div.pos_"+old_chaude).animate({"width": "38px"},"slow");  
            $(this).animate({"width": "460px"}, "slow");  

            $("#actus_chaudes > div").removeClass('selected');
            $("#actus_chaudes > div div div:not(.lire_suite_article)").css('display','none');
            $("#actus_chaudes > div.pos_"+nb_chaude+" div").css('display','block');
            $("#actus_chaudes > div.pos_"+nb_chaude).addClass('selected');
       }
        window.clearInterval(auto);
        change_auto();
   });



    //pour changer automatiquement 
    change_auto();

    function  change_auto(){
      auto = window.setInterval( function(){

         old_chaude = nb_chaude;

         //on trouve le numero du prochain article à ouvrir
         nb_chaude = eval(nb_chaude)+1;
         if($("#actus_chaudes > div.pos_"+nb_chaude).text() == '')  nb_chaude =1;

         $("#actus_chaudes > div.pos_"+old_chaude).animate({"width": "38px"}, "slow");  
         $("#actus_chaudes > div.pos_"+nb_chaude).animate({"width": "460px"}, "slow");  

         $("#actus_chaudes > div").removeClass('selected');
         $("#actus_chaudes > div div div:not(.lire_suite_article)").css('display','none');
         $("#actus_chaudes > div.pos_"+nb_chaude+" div").css('display','block');
         $("#actus_chaudes > div.pos_"+nb_chaude).addClass('selected');
       }
       , 7000);
   }




     //***********//
     //Zone en Bref//
     //**********//
     
     //initialisation 
     var nb_bref = 1; 
    $("#actus_froides  div.navigation_courante").text('1');

     $("#actus_froides > div").css('display','none'); 
     $("#actus_froides > div.pos_"+nb_bref ).css('display','block'); 
     nb_bref ++; 
     if ($("#actus_froides > div.pos_"+nb_bref ).text() == '') nb_bref  = 1; 

     //pour changer automatiquement 
     var auto2 = window.setInterval( 
     function() { 
     $("#actus_froides > div").css('display','none'); 
     $("#actus_froides > div.pos_"+nb_bref ).css('display','block'); 
     
     nb_bref ++; 
     if($("#actus_froides > div.pos_"+nb_bref ).text() == '') nb_bref  = 1; 
      
     } , 5000 
     ); 

    //fleche avant
    $("#actus_froides div.navigation_avant").click( function(){
          var valeur = $("#actus_froides  div.navigation_courante:eq(1)").text();
          if(valeur > 1) valeur--;
          else valeur = $("#actus_froides div.navigation_max:eq(1)").text();

          $("#actus_froides div.navigation_courante").text(valeur);
          $("#actus_froides  > div").css('display','none');
          $("#actus_froides > div.pos_"+valeur).css('display','block');
     });


    //fleche après
    $("#actus_froides div.navigation_apres").click( function(){
          var valeur = $("#actus_froides  div.navigation_courante:eq(1)").text();

          if(valeur < $("#actus_froides div.navigation_max:eq(1)").text()) valeur++;
          else valeur = 1;

          $("#actus_froides div.navigation_courante").text(valeur);
          $("#actus_froides  > div").css('display','none');
         $("#actus_froides > div.pos_"+valeur).css('display','block');
     });

     $("p.froid_close").css('cursor','pointer');
     $("p.froid_close").click( function(){
           $("#actus_froides").css('display','none');
     });

      
}); 