var mat_menus=  new Array ("1_images1_chapeau", "1_images2_chapeau", "1_images3_chapeau", 
									"1_album1_chapeau", "1_album2_chapeau", "1_album3_chapeau");
		mat_menus["1_images1_chapeau"]=new Array(true, true, "2_images1_contenu", "images");	
		mat_menus["1_images2_chapeau"]=new Array(false, false, "2_images2_contenu", "images");
		mat_menus["1_images3_chapeau"]=new Array(false, false, "2_images3_contenu", "images");
		mat_menus["1_album1_chapeau"]=new Array(true, true, "2_album1_contenu", "album");
		mat_menus["1_album2_chapeau"]=new Array(false, false, "2_album2_contenu", "album");
		mat_menus["1_album3_chapeau"]=new Array(false, false, "2_album3_contenu", "album");
		//matrice qui représente l'affichage des menus à onglets. Une entrée par menu (la clé est l'ID). 
		//Le premier booléen dit si le DIV est affiché en permanence. Le deuxième  dit s'il est affiché  à l'instant.  
		//La première chaîne de caractères est l'ID du DIV de contenu associé au chapeau. La seconde chaîne de caractères dit si le DIV apartient à la partie album ou à la partie image.
		
		var tab_haut=new Array ("images", "album");
		tab_haut["album"]=new Array ("onglet_gen_onglet1_on", "onglet_gen_onglet1_onB");
		tab_haut["images"]=new Array ("onglet_gen_onglet2_on", "onglet_gen_onglet2_onB");
		//tableau qui représente le lien entre les deux DIV de plus haut niveau: (ici, "images" et "album") et le bouton qui commande leur affichage.  
		//La chaîne de caractères associée au DIV est l'ID du bouton qui commande son affichage. 
			
		var tab_contenus=new Array ( "3_images2_contenu18","3_images2_contenu4","3_images2_contenu16","3_images2_contenu13","3_images2_contenu3","3_images2_contenu17","3_images2_contenu11","3_images2_contenu12","3_images2_contenu6","3_images2_contenu7","3_images2_contenu10","3_images2_contenu5");tab_contenus["3_images2_contenu18"] = new Array ("2_images2_contenuchapeau18", "4_images2_contenu18", "arbre_voyage", "5_images2_contenu18");tab_contenus["3_images2_contenu4"] = new Array ("2_images2_contenuchapeau4", "4_images2_contenu4", "arbre_voeux", "5_images2_contenu4");tab_contenus["3_images2_contenu16"] = new Array ("2_images2_contenuchapeau16", "4_images2_contenu16", "arbre_concept", "5_images2_contenu16");tab_contenus["3_images2_contenu13"] = new Array ("2_images2_contenuchapeau13", "4_images2_contenu13", "arbre_transport", "5_images2_contenu13");tab_contenus["3_images2_contenu3"] = new Array ("2_images2_contenuchapeau3", "4_images2_contenu3", "arbre_sport", "5_images2_contenu3");tab_contenus["3_images2_contenu17"] = new Array ("2_images2_contenuchapeau17", "4_images2_contenu17", "arbre_personnes", "5_images2_contenu17");tab_contenus["3_images2_contenu11"] = new Array ("2_images2_contenuchapeau11", "4_images2_contenu11", "arbre_flore", "5_images2_contenu11");tab_contenus["3_images2_contenu12"] = new Array ("2_images2_contenuchapeau12", "4_images2_contenu12", "arbre_faune", "5_images2_contenu12");tab_contenus["3_images2_contenu6"] = new Array ("2_images2_contenuchapeau6", "4_images2_contenu6", "arbre_evenements", "5_images2_contenu6");tab_contenus["3_images2_contenu7"] = new Array ("2_images2_contenuchapeau7", "4_images2_contenu7", "arbre_compositions", "5_images2_contenu7");tab_contenus["3_images2_contenu10"] = new Array ("2_images2_contenuchapeau10", "4_images2_contenu10", "arbre_art", "5_images2_contenu10");tab_contenus["3_images2_contenu5"] = new Array ("2_images2_contenuchapeau5", "4_images2_contenu5", "arbre_armee", "5_images2_contenu5"); 
	
		
		function aff_menus() {
			for (var i=0; i<mat_menus.length; i++){
				var id=mat_menus[i];	
				if (mat_menus[id][0]==true){
					var chap=$(jquer(id));
					$(chap.children()[0]).show();
					$(chap.children()[1]).hide(); //permutation des chapeaux (fermé->ouvert)
					$(jquer(mat_menus[id][2])).show();	 //affichage du contenu
					
				}
			}
		}
		
		function aff_haut (id) { //fonction d'affichage des DIV de haut niveau appelée avec l'ID d'un bouton sotcké dans tab_haut 
			
			for (var i=0; i<tab_haut.length; i++){
				var id_cont=tab_haut[i];
				var id_button=tab_haut[id_cont][0];
				var id_button2=tab_haut[id_cont][1];
				$(jquer(id_cont)).hide();
				$(jquer(id_button)).toggle();
				$(jquer(id_button2)).toggle();
				if (id==tab_haut[id_cont][0]){
					$(jquer(id_cont)).show();
				//	$(jquer(id_button)).css("background-color", "red");
				
				}
			}
			$("#menuComp").hide();
		}
		
		function aff_contenu(id){ //fonction d'affichage des DIV de plus bas niveau (de contenu) appelée avec l'ID d'un chapeau sotcké dans tab_contenus 
			for (var i=0; i<tab_contenus.length; i++){
				var tab_cont=tab_contenus[i];
				
				var id_button=tab_contenus[tab_cont][0];
				$(jquer(id_button)).css("background-color", "#F1F1F1");
				$(jquer(tab_cont)).hide();
				
				if (id==tab_contenus[tab_cont][0]){ 
					$(jquer(tab_cont)).show();
				}
			}
			$(jquer(id)).css("background-color", "#FFFFFF");
		}
		
		function jquer (id) {
			return $("#"+id);
		}
		
		function aff (id){
 			var chapeau=(jquer(id)).parent(); //le DIV qui contient les deux chapeaux
			var type=($(chapeau).parent()).attr("id"); //le DIV parent qui définit le type, images ou album(
			var conteneur;
			
			for (var i=0; i<mat_menus.length; i++){
				var id_chap_temp=mat_menus[i];
				
				if (id_chap_temp==chapeau.attr("id")){
						conteneur=mat_menus[id_chap_temp][2];
					}
			}
			
			if (jquer(conteneur).css('display')!='none') {return;}
			
			for (var i=0; i<mat_menus.length; i++){
				var id_chap_temp=mat_menus[i];
				
				if (mat_menus[id_chap_temp][0]==false && mat_menus[id_chap_temp][3]==type 
							&& $(jquer(mat_menus[id_chap_temp][2])).css('display')!='none' && chapeau.attr("id")!=id_chap_temp){
					
					$(jquer(mat_menus[id_chap_temp][2])).slideUp(1000); //on cache le DIV de contenu
					var chap_temp=jquer(id_chap_temp);
					$(chap_temp.children()[0]).hide();  //on cache le deuxième DIV du chapeau
					$(chap_temp.children()[1]).show();  //on affiche le premier DIV du chapeau
					
			}
				
			}	
				/*Fixme PATCH FAIT UN PEU SALEMENT POUR FAIRE EN SORTE QUE RECHERCHE RAPIDE SOIT FERMEE LORSQUE LA RECHERCHE MULTICRITERES EST OUVERTE.*/		
				if (id=='1_images3_chapeau1') {
					$('#2_images1_contenu').hide();
					$($("#1_images1_chapeau").children()[0]).hide();
					$($("#1_images1_chapeau").children()[1]).show();
				}
				/*FIN PATCH */		

				$(chapeau.children()[1]).hide();  //on cache le premier DIV du chapeau
				$(chapeau.children()[0]).show(); //on affiche le deuxième DIV du chapeau
				jquer(conteneur).slideDown(1000);//on affiche le contenu du DIV cliqué
		}
			
		function switch_height(contenu) {  //l'argument est un bout d'ID écrit à la façon des éléments du panneau, sans l'entier qui commence la chaîne de caractères 
				if ($('#3'+contenu).css('height')=='153px') {
					agrandir (contenu);
					$('#img'+contenu).attr('src','/images/triangle_noir.jpg');
				}	
				else { 
					retrecir (contenu);
					$('#img'+contenu).attr('src','/images/triangle_noir_renverse.jpg');
				}	
		}	
			
		function agrandir (contenu)	{ //l'argument est un bout d'ID écrit à la façon des éléments du panneau, sans l'entier qui commence la chaîne de caractères 
			$('#3'+contenu).css('height','456px');
			$('#4'+contenu).css('height','444px');
		}
		
		function retrecir (contenu){ //l'argument est un bout d'ID écrit à la façon des éléments du panneau, sans l'entier qui commence la chaîne de caractères 
			$('#3'+contenu).css('height','153px');
			$('#4'+contenu).css('height','141px');
		}