$(document).ready(function(){


//accordeon

	var current = $("#current");
	var taille_max = 360; //max width
	var taille_min = 45; //min width
	$("#contenant .contenu .ouvre").click(function() {
	    $(current).animate({width: taille_min}, { queue:false, duration:200 });
		$(this).animate({width: taille_max}, { queue:false, duration: 200}); 
		current = this;
	});
  
    
//bouton top  
  $(".bouton").click(function() {

	    window.location='#top';

    
   });  
   
   
   	//Animation du scroll

	$(".scroll").click(function(event){
		//prevent the default action for the click event
		event.preventDefault();
		
		//get the full url - like mysitecom/index.htm#home
		var full_url = this.href;
		
		//split the url by # and get the anchor target name - home in mysitecom/index.htm#home
		var parts = full_url.split("#");
		var trgt = parts[1];
		
		//get the top offset of the target anchor
		var target_offset = $("#"+trgt).offset();
		var target_top = target_offset.top;
		
		//goto that anchor by setting the body scroll top to anchor top
		$('html, body').animate({scrollTop:target_top}, 500);
	});
	
	
	 //Hide (Collapse) the toggle containers on load
	$(".menucont1").addClass("active");
	$(".menucont2").addClass("inactive");
	$(".menucont3").addClass("inactive");
	$(".menucont4").addClass("inactive");
	$(".menucont5").addClass("active");
	$(".bande5 h1").addClass("inactive");
	

	//active/inactive	
	$(".bande1").click(function() {

	    $(".menucont1").removeClass("inactive"); 
		$(".menucont1").addClass("active");

		$(".bande1 h1").addClass("inactive");  
		$(".bande1 h1").removeClass("active");
		$(".bande2 h1").addClass("active");  
		$(".bande2 h1").removeClass("inactive");
		$(".bande3 h1").addClass("active"); 
		$(".bande3 h1").removeClass("inactive");
		$(".bande4 h1").addClass("active"); 
		$(".bande4 h1").removeClass("inactive");
		$(".bande5 h1").addClass("active"); 
		$(".bande5 h1").removeClass("inactive");
		
		$(".menucont2").removeClass("active");
		$(".menucont3").removeClass("active");
	    $(".menucont4").removeClass("active"); 
	    $(".menucont5").removeClass("active"); 
  
  		$(".menucont2").addClass("inactive");
		$(".menucont3").addClass("inactive");
		$(".menucont4").addClass("inactive");
		$(".menucont5").addClass("inactive");
    
   });   
   
    $(".bande2").click(function() {
		$(".menucont2").addClass("active");
		$(".menucont2").removeClass("inactive");
		$(".bande2 h1").addClass("inactive");  
		$(".bande2 h1").removeClass("active");
		$(".bande5 h1").addClass("active"); 
		$(".bande5 h1").removeClass("inactive");
		$(".bande4 h1").addClass("active"); 
		$(".bande4 h1").removeClass("inactive");
		$(".bande3 h1").addClass("active"); 
		$(".bande3 h1").removeClass("inactive");
		$(".bande1 h1").addClass("active"); 
		$(".bande1 h1").removeClass("inactive");
		
		$(".menucont3").removeClass("active");
	    $(".menucont4").removeClass("active"); 
	    $(".menucont5").removeClass("active"); 
  
		$(".menucont3").addClass("inactive");
		$(".menucont4").addClass("inactive");
		$(".menucont5").addClass("inactive");
    
   });
   
    $(".bande3").click(function() {
	    $(".menucont3").addClass("active");
	    $(".menucont3").removeClass("inactive");
	    $(".bande3 h1").addClass("inactive");  
		$(".bande3 h1").removeClass("active");
		
		$(".bande5 h1").addClass("active"); 
		$(".bande5 h1").removeClass("inactive");
		$(".bande4 h1").addClass("active"); 
		$(".bande4 h1").removeClass("inactive");
		$(".bande2 h1").addClass("active"); 
		$(".bande2 h1").removeClass("inactive");
		$(".bande1 h1").addClass("active"); 
		$(".bande1 h1").removeClass("inactive");
		
	    
	    $(".menucont2").removeClass("active");
	    $(".menucont4").removeClass("active"); 
	    $(".menucont5").removeClass("active"); 
	       
		$(".menucont2").addClass("inactive");
		$(".menucont4").addClass("inactive");
		$(".menucont5").addClass("inactive");
  
	});
	
	    $(".bande4").click(function() {

	    $(".menucont4").addClass("active");
	    $(".menucont4").removeClass("inactive");
	    $(".bande4 h1").addClass("inactive");  
		$(".bande4 h1").removeClass("active");
		
		$(".bande5 h1").addClass("active"); 
		$(".bande5 h1").removeClass("inactive");
		$(".bande3 h1").addClass("active"); 
		$(".bande3 h1").removeClass("inactive");
		$(".bande2 h1").addClass("active"); 
		$(".bande2 h1").removeClass("inactive");
		$(".bande1 h1").addClass("active"); 
		$(".bande1 h1").removeClass("inactive");
		
	    
	    $(".menucont2").removeClass("active");
	    $(".menucont3").removeClass("active"); 
	    $(".menucont5").removeClass("active"); 
	       
		$(".menucont2").addClass("inactive");
		$(".menucont3").addClass("inactive");
		$(".menucont5").addClass("inactive");
  
	});
	
	    $(".bande5").click(function() {
	    $(".menucont5").addClass("active");
	    $(".menucont5").removeClass("inactive");
	    $(".bande5 h1").addClass("inactive");  
		$(".bande5 h1").removeClass("active");
		$(".bande4 h1").addClass("active"); 
		$(".bande4 h1").removeClass("inactive");
		$(".bande3 h1").addClass("active"); 
		$(".bande3 h1").removeClass("inactive");
		$(".bande2 h1").addClass("active"); 
		$(".bande2 h1").removeClass("inactive");
		$(".bande1 h1").addClass("active"); 
		$(".bande1 h1").removeClass("inactive");
	    
	    $(".menucont2").removeClass("active");
	    $(".menucont3").removeClass("active"); 
	    $(".menucont4").removeClass("active"); 
	       
		$(".menucont2").addClass("inactive");
		$(".menucont3").addClass("inactive");
		$(".menucont4").addClass("inactive");
  
	});

  
});