jQuery(document).ready(function(){


     var clickable = true;
     var activeBloc = jQuery(".gauche .infos .detail:first");  
     jQuery(".gauche .infos .detail").not(activeBloc).hide();
     var flash = document.getElementById("player_video");
     jQuery(".miniatures li a:first").addClass('actif');
     
     
     jQuery(".miniatures li a").each(function(){
          jQuery(this).click(function(){
               if(clickable){
                    clickable = false;
                    var bloc = jQuery(this).attr("href");
                    var url = jQuery(this).parent("li").children("li span").text();
                    flash.changeSource(url);
                    activeBloc.slideUp("normal", function(){
                         activeBloc = jQuery(bloc);
                         activeBloc.slideDown("slow", function(){
                              clickable = true;
                         });               
                    });
                    jQuery(".miniatures li a").removeClass('actif');
                    jQuery(this).addClass('actif');
               }
               return false;
          });          
     });
     
     var cptClick = 0;
     var cliquableTb = true;
     
     if(jQuery(".miniatures li").length > 8){
          jQuery(".miniatures li").css("position", "relative");
          jQuery(".fleche").each(function(){
               jQuery(this).click(function(){
                         if(jQuery(this).hasClass("haut") && cliquableTb){
                              if (cptClick > 0) {
                                   cliquableTb = false;
                                   jQuery(".miniatures li").each(function () {
                                        jQuery(this).animate({ "top" : (parseInt(jQuery(this).css("top")) + 80) + 'px'}, function(){
                                             cliquableTb = true;
                             				 cptClick--; 
                                        });
                                   });
                              }                           
                      } else if(jQuery(this).hasClass("bas") && cliquableTb){
                         if (cptClick < ((Math.ceil(jQuery(".miniatures li").length / 2) - 4))) {
                              cliquableTb = false;
                              jQuery(".miniatures li").each(function () {
									var liTop = jQuery(this).css("top"); //pb résolu : récupère 'auto' sous chrome et IE8 (car pas de propriété CSS top initialisée sur le li)
									liTop = (liTop == 'auto') ? '-80px' : (parseInt(liTop) - 80) + 'px';
                                   //jQuery(this).animate({ "top" : (parseInt(jQuery(this).css("top")) - 80) + 'px'}, function(){
								   jQuery(this).animate({ "top" : liTop}, function(){
                                        cliquableTb = true;
                                        cptClick++; 
                                   });
                              });   
                           }               
                      }  
               });
          });
     }


  
  
});