$(document).ready(function() {


   $("#chargement").hide();

   $('#postuler_form').submit(function() {
      $('#chargement').show(); // show animation
      return true; // allow regular form submission
   });


   $("ul.tabs li:first").addClass("active").show(); 

//References  
   var sections = $("ul.tabs li");  
   var loading = $("#loading");  
   var content = $("#videos");  

//bar de chargement 
   function showLoading(){  
      loading  
         .css({visibility:"visible"})  
         .css({opacity:"1"})  
         .css({display:"block"}) ;  
   }  

//cacher la bar de chargement  
   function hideLoading(){  
      loading.fadeTo(1000, 0);  
      content.slideDown();  
   }; 
 
   sections.click(function(){  
    //montrer le chargement
      showLoading();  
	  
    //charger le contenu  
      switch(this.id){  
          case "video1":  
              content.slideDown();  
              content.load("video-1.html", hideLoading);  
              $("ul.tabs li").removeClass("active"); 
	          $(this).addClass("active");
              break;  
          case "video2":  
              content.slideDown();  
              content.load("video-2.html", hideLoading);  
              $("ul.tabs li").removeClass("active"); 
	          $(this).addClass("active");			  
              break;  
          case "video3":  
              content.slideDown();  
              content.load("video-3.html", hideLoading);  
              $("ul.tabs li").removeClass("active"); 
	          $(this).addClass("active");				  
              break;  
          case "video4":  
              content.slideDown();  
              content.load("video-4.html", hideLoading);  
              $("ul.tabs li").removeClass("active"); 
	          $(this).addClass("active");				  
              break;  
          default:  
              //hide loading bar if there is no selected section  
              hideLoading();  
              break;  
      }  
   });

});