// JavaScript Document

 $(document).ready(function(){
		
	
	//// Lorsque la page a fini de charger on commence les animations
	////////////////////////////
	/// variables de tailles
	
	var w = $(window).width()
	var h = $(window).height();
	var total = w - 340;
	var taillemag = (total/100) *80;
	
	var souspane = "160px";
	var pane = "390px";
	
		if(window.location.hash) {
  	
		
		 $("#menu ul a").removeClass("current");	
		$("#menu ul a.carte").addClass("current");
		$("#text li .contenu").hide(); 
	
       	 $("li#carteSociete").animate({   // on ouvre le panneau choisi
			width: '950px',
			left: "198px"
		  	}, 200 , function(){
			
			$(this).children('div').fadeIn("slow");
			});
		// on fait apparaitre le contenu du sous-menu choisi
		
     
} else {
	
	// fonction qui ouvre le premier panneau
	$(function(){ 
	 $("#sousmenu li#accueil").animate({   // on ouvre le panneau choisi
			width: souspane,
			opacity: 0.85
		  	}, 500 , function(){
			$("#sousmenu li#accueil").children('div').fadeIn("slow");});// on fait apparaitre le contenu du sous-menu choisi
			 $("#text li#presentation").animate({   // on ouvre le panneau choisi
			width: pane,
			left: "370px",
			height: h,
			opacity: 0.85
		  	}, 500 , function(){
			$("#text li#presentation").children('div').load("presentation.html");
			$("#menu a#teamtechan").trigger('click');	
			});// on fait apparaitre le contenu du sous-menu choisi
			 
			
	});
	
}
	
	// fonction pour panneau menu
	$(function(){ 
    $("#menu ul a.text").click(function(){ 
		
		$("#menu ul a").removeClass("current");	
		$(this).addClass("current");
		$("#text li .contenu").hide(); //on cache tout les contenu menu
		
		$("div.bob").fadeOut("fast");
		$("div.team").fadeOut("fast");
		$("#text li").animate({  // on ferme les panneaux déjà ouverts
			width: "1px",
			left: "213px"
		  	}, 500 );
        $("#sousmenu .subnav").hide(); //on cache tout les contenu des sous-menu
		$("#sousmenu li").animate({  // on ferme les panneaux déjà ouverts
			width: "1px"
		  	}, 500 );
        $(this.hash).animate({   // on ouvre le panneau choisi
			width: souspane,
			opacity: 0.85
		  	}, 500 , function(){
			$(this).children('div').fadeIn("slow");});	// on fait apparaitre le contenu du sous-menu choisi
	
        this.blur(); 
        return false; 
  	  }); 
	}); 
	
	
	
	
	// fonction pour panneau menu
	$(function(){ 
    $("ul#sousmenu div a.text").click(function(){											   
		$("#text li .contenu").hide(); 
		$("div.team").fadeOut("fast");
        $("#text .contenu").hide(); //on cache tout les contenu des soous-menu
		$("#text li").animate({  // on ferme les panneaux déjà ouverts
			width: "1px",
			left: "370px"
		  	}, 500 );
		
        $(this.hash).animate({   // on ouvre le panneau choisi
			width: pane,
			left: "370px",
			opacity: 0.85
		  	}, 500 , function(){
			
			 $(this).children('div').fadeIn("slow");
			 url = this.id;
			 $(this).children('div').load(url+'.html')
			});	// on fait apparaitre le contenu du sous-menu choisi
		
        this.blur(); 
        return false; 
  	  }); 
	});
	
				// fonction pour panneau menu
	$(function(){ 
    $("ul#sousmenu div a.text2").click(function(){											   
		$("#text li .contenu").hide(); 
		$("div.team").fadeOut("fast");
        $("#text .contenu").hide(); //on cache tout les contenu des soous-menu
		$("#text li").animate({  // on ferme les panneaux déjà ouverts
			width: "1px",
			left: "370px"
		  	}, 500 );
		
        $(this.hash).animate({   // on ouvre le panneau choisi
			width: pane,
			left: "370px",
			opacity: 0.85
		  	}, 500 , function(){
			
			 $(this).children('div').fadeIn("slow");
			
			});	// on fait apparaitre le contenu du sous-menu choisi
		
        this.blur(); 
        return false; 
  	  }); 
	});
	
	
		// fonction pour panneau menu
	$(function(){ 
    $("ul#sousmenu div a").click(function(){											   
		
		 $("ul#sousmenu div a").removeClass("bleu");
		 $(this).addClass("bleu");
        this.blur(); 
        return false; 
  	  }); 
	});
	
	
	
	
	
	
	// fonction pour panneau menu
	$(function(){ 
   $("div.bob a.histoire").click(function(){ 										   
		$("#text li .contenu").hide(); 
		$("div.bob").fadeOut("fast");
        $("#text .contenu").hide(); //on cache tout les contenu des soous-menu
		$("#text li").animate({  // on ferme les panneaux déjà ouverts
			width: "1px",
			left: "370px"
		  	}, 500 );
		
        $(this.hash).animate({   // on ouvre le panneau choisi
			width: pane,
			left: "370px",
			opacity: 0.85
		  	}, 500 , function(){
			
			 $(this).children('div').fadeIn("slow");
			 url = this.id;
			 $(this).children('div').load(url+'.html')
			});	// on fait apparaitre le contenu du sous-menu choisi
				
        this.blur(); 
        return false; 
  	  }); 
	});
	
	
	// fonction pour panneau menu
	$(function(){ 
    $("div.bob a.text").click(function(){ 
		$("#text li .contenu").hide(); 
		$("div.bob").fadeOut("fast");
		$("div.team").fadeOut("fast");
        $("#text .contenu").hide(); //on cache tout les contenu des soous-menu
		$("#text li").animate({  // on ferme les panneaux déjà ouverts
			width: "1px",
			left: "370px"
		  	}, 500 );
        $(this.hash).animate({   // on ouvre le panneau choisi
			width: pane,
			left: "370px",
			opacity: 0.85
		  	}, 500 , function(){
			$(this).children('div').fadeIn("slow");});	// on fait apparaitre le contenu du sous-menu choisi
		
        this.blur(); 
        return false; 
  	  }); 
	}); 
	
	
	
$(function(){ 
    $("div.team a.text").click(function(){ 
		$("#text li .contenu").hide(); 
		$("div.bob").fadeOut("fast");
		$("div.team").fadeOut("fast");
        $("#text .contenu").hide(); //on cache tout les contenu des soous-menu
		$("#text li").animate({  // on ferme les panneaux déjà ouverts
			width: "1px",
			left: "370px"
		  	}, 500 );
        $(this.hash).animate({   // on ouvre le panneau choisi
			width: pane,
			left: "370px",
			opacity: 0.85
		  	}, 500 , function(){
			$(this).children('div').fadeIn("slow");});	// on fait apparaitre le contenu du sous-menu choisi
		
        this.blur(); 
        return false; 
  	  }); 
	}); 


	
		// fonction pour panneau magazine
	$(function(){ 
    $("ul#sousmenu div a.mag").click(function(){ 
		$("#text li .contenu").hide(); 
		$("#bulle li").fadeOut("fast");
        $("#text .contenu").hide(); //on cache tout les contenu des soous-menu
		$("#text li").animate({  // on ferme les panneaux déjà ouverts
			width: "1px",
			left: "370px"
		  	}, 500 );
        $(this.hash).animate({   // on ouvre le panneau choisi
			width: total
		  	}, 500 , function(){
			$(this).children('div').fadeIn("slow");});	// on fait apparaitre le contenu du sous-menu choisi
		
        this.blur();
        return false; 
  	  }); 
	}); 
	
		// fonction pour les bulles
	$(function(){ 
    $("ul#sousmenu div a.fermer").click(function(){ 
		$("#text li").animate({  // on ferme les panneaux déjà ouverts
			width: "1px",
			left: "370px"
		  	}, 500 );
        $("#text .contenu").hide(); //on cache tout les contenu des soous-menu
       	
        this.blur(); 
        return false; 
  	  }); 
	});
	

	// fonction pour les bulles
	$(function(){ 
    $("#contactteam").click(function(){ 
	$("div.bob").fadeOut("fast");
	$("div.team").fadeOut("fast");
		$("#text li").animate({  // on ferme les panneaux déjà ouverts
			width: "1px",
			left: "370px"
		  	}, 500 );
        $("#text .contenu").hide(); //on cache tout les contenu des soous-menu
		$("div.bob").fadeOut("fast");
		$("div.team").fadeIn("slow");
       	// on fait apparaitre le contenu du sous-menu choisi
        this.blur(); 
        return false; 
  	  }); 
	});

	
	// fonction pour voir toutes les bulles du menu contact
	$(function(){ 
    $("#bubble").click(function(){ 
		$("#text .contenu").hide(); //on cache tout les contenu des soous-menu
		$("#text li").animate({  // on ferme les panneaux déjà ouverts
			width: "1px",
			left: "370px"
		  	}, 500 );
		$("#bulle li .contenu").hide(); 
        $("#text .contenu").hide(); //on cache tout les contenu des soous-menu
       	// on fait apparaitre le contenu du sous-menu choisi
		$("#bulle li.tout").show("slow", function () {
          $(this).children('div').fadeIn("slow");
        }); 
	
        this.blur(); 
        return false; 
  	  }); 
	});
	
	$(function(){ 
    $("#voirbulles").click(function(){ 
		$("div.bob").fadeIn("slow");
		$("div.ajout").fadeOut("fast"); // deux entreprise ajoutés
		$("div.team").fadeOut("fast");
		$("#text .contenu").hide(); //on cache tout les contenu des soous-menu
		$("#text li").animate({  // on ferme les panneaux déjà ouverts
			width: "1px",
			left: "370px"
		  	}, 500 );

        this.blur(); 
        return false; 
  	  }); 
	});
	
	
	$(function(){ 
    $("ul#sousmenu li a.close").click(function(){ 
		$("#text .contenu").hide(); //on cache tout les contenu des soous-menu
		$("#text li").animate({  // on ferme les panneaux déjà ouverts
			width: "1px",
			left: "213px"
		  	}, 500 );
		$("#bulle li .contenu").hide();
		$("#bulle li").fadeOut("fast");
		$("#sousmenu .subnav").hide(); //on cache tout les contenu des sous-menu
		$("#sousmenu li").animate({  // on ferme les panneaux déjà ouverts
			width: "1px"
		  	}, 500 );
	    this.blur(); 
        return false; 
  	  }); 
	});
	
			$(function(){ 
    $("ul#text li a.grclose").click(function(){ 
		$("#text .contenu").hide(); //on cache tout les contenu des soous-menu
		$("#text li").animate({  // on ferme les panneaux déjà ouverts
			width: "1px",
			left: "213px"
		  	}, 500 );
		$("#bulle li .contenu").hide();
		$("#bulle li").fadeOut("fast");
		$("#sousmenu .subnav").hide(); //on cache tout les contenu des sous-menu
		$("#sousmenu li").animate({  // on ferme les panneaux déjà ouverts
			width: "1px"
		  	}, 500 );
	    this.blur(); 
        return false; 
  	  }); 
	});
	
	
	
	
	// fonction pour les bulles
	$(function(){ 
    $("a.constromag").click(function(){ 
 	$("div.bob").fadeOut("fast");
	$("div.team").fadeOut("fast");
		$("#text li").animate({  // on ferme les panneaux déjà ouverts
			width: "1px",
			left: "370px"
		  	}, 500 );
        $("#text .contenu").hide(); //on cache tout les contenu des soous-menu
		$("div#constromag").fadeIn("slow");
       	// on fait apparaitre le contenu du sous-menu choisi
        this.blur(); 
        return false; 
  	  }); 
	});
	
	
	// fonction pour les bulles
	$(function(){ 
    $("a.sutech").click(function(){ 
 	$("div.bob").fadeOut("fast");
	$("div.team").fadeOut("fast");
		$("#text li").animate({  // on ferme les panneaux déjà ouverts
			width: "1px",
			left: "370px"
		  	}, 500 );
        $("#text .contenu").hide(); //on cache tout les contenu des soous-menu
		$("div#sutech").fadeIn("slow");
       	// on fait apparaitre le contenu du sous-menu choisi
        this.blur(); 
        return false; 
  	  }); 
	});
	
	
	$(function(){ 
	    $("#menu li a.carte").click(function(){	
		 $("#menu ul a").removeClass("current");	
		$(this).addClass("current");
		$("#text li .contenu").hide(); 
		$("div.team").fadeOut("fast");
        $("#text .contenu").hide(); //on cache tout les contenu des soous-menu
		$("#text li").animate({  // on ferme les panneaux déjà ouverts
			width: "1px",
			left: "370px"
		  	}, 100);
			
		$("#sousmenu .subnav").hide();
			$("#sousmenu li").animate({  // on ferme les panneaux déjà ouverts
			width: "1px"
		  	}, 600 );
       	 $("li#carteSociete").animate({   // on ouvre le panneau choisi
			width: '950px',
			left: "198px"
		  	}, 200 , function(){
			
			$(this).children('div').fadeIn("slow");
			});
		// on fait apparaitre le contenu du sous-menu choisi
		
        this.blur(); 
        return false; 
  	  }); 
	});	
	//////////////////////////
	

	//////////////////////////
    });