$(document)
	.ready(
		function(){

/*
			//quand on a chargé la page:

			//sémaphore utilisé pour bloquer temporairement le repliement du menu affiché
			var bloqueCache = false;

			//on mémorise le menu courament selectionné (vide possible pour la page d'acceuil)
			var selectedMenu = $('.mainMenuSelectedTitle');
			//on lui met un css pour le distinguer des autres
			if(selectedMenu.length) selectedMenu.addClass('mainMenuSelected').css('height', '35px').css('color', '#0139a1');



			//quand on quitte le menu: on le referme
			$('#navigationContainer').mouseleave(function(){showDiv(false);})

			//quand on entre dans chacun des elements du menu, on affiche la div correspondante, et on change le css du titre
			$('#navigationContainer')
				.find('li')
					.each(
						function(){
							var menuDiv = $('#'+$(this).find('.idToShow').val());
							$(this)
								.mouseenter(
									function(){
										showDiv(menuDiv);
										$(this).find('a').addClass('mainMenuSelected').css('height', '35px').css('color', '#0139a1');
									}
								)
							menuDiv.mouseenter(function(){bloqueCache = true;});
						}
					)

			//fonction d'affichage
			function showDiv(shownDiv){
				
				if(shownDiv){
					$('#navigationContainer').find('a').removeClass('mainMenuSelected').css('height', '').css('color', '');
					bloqueCache = true;
					$('[id^=menu]:visible').hide();
					$('#selectedMenu').fadeTo(0,0); //on ne fait pas de hide(), car il en position relative (et donc fait tout bouger le bas du document s'il disparait)
					shownDiv.show().fadeTo(0,1);
				}
				else{
					bloqueCache = false;
					clearTimeout(to);
					//quand il y a un menu par defaut
					if(selectedMenu.length){
						//on efface le css des titres
						$('#navigationContainer').find('a').removeClass('mainMenuSelected').css('height', '').css('color', '');
						//et on l'ajoute au titre par defaut
						selectedMenu.addClass('mainMenuSelected').css('height', '35px').css('color', '#0139a1');
						//on cache le menu affiché
						$('[id^=menu]:visible').hide();
						//et on affiche le menu par défaut
						$('#selectedMenu').fadeTo(0,1);//on ne fait pas de show(), car il en position relative (et donc fait tout bouger le bas du document s'il disparait)
					}
					//quand il n'y a rien par defaut (accueil du site)
					else{
						//dans x secondes, on cache le menu affiché, et on vire le css du titre selectionné
						var to = setTimeout(
							function(){
								if(!bloqueCache){
									$('[id^=menu]:visible').fadeTo(500,0, function(){$(this).hide(); });
									$('#navigationContainer').find('a').removeClass('mainMenuSelected').css('height', '').css('color', '');
									}
							},
							1000); //dans x seconde on ferme (SI on est pas re-rentré depuis)
					}
					
				}
			}
*/
			
		}
	)
