/**
 * Gestion de l'affichage d'un sous menu
 * @param id_menu l'id du sous menu à ouvrir
 */
function afficherSousMenu(id_menu){
	/*Si le sous menu à afficher ne l'est pas déjà */
	if(id_menu !== this.sous_menu_ouvert){
	
		/* Si un autre sous menu est ouvert, on le ferme */
		if(this.sous_menu_ouvert != 0){
	 		masquerSousMenu(this.sous_menu_ouvert);
		}
		
		/* Et on indique l'id du sous-menu ouvert */
		this.sous_menu_ouvert = id_menu;

		/* On affiche le sous-menu */
		$('#nav li').addClass('transparent');		
		$('#nav li#onglet-'+id_menu+' a').addClass('active');
		$('#sous-menu-'+id_menu).fadeIn(this.vitesse);
		
	}
}


function couleurNavSelonMenu(couleur){
	$('div#nav').css('background-color', couleur);
}

/**
 * Permet de fermer un sous menu
 * @param id_menu l'id du sous menu à fermer
 */
function masquerSousMenu(id_menu){

	$('#sous-menu-'+id_menu).fadeOut();
	$('#nav li').removeClass('transparent');
	$('#nav li#onglet-'+id_menu+' a').removeClass('active');

	/* On indique que plus aucun sous menu n'est ouvert */
	this.sous_menu_ouvert = 0;
}

/**
 * retourne l'id d'un menu d'après l'attribut d'un onglet <li>
 * ex : un <li id="onglet-3"> a un id_menu = 3
 */
function getIdMenu(li){
	var id_menu;
	id_menu = $(li).attr('id').replace('onglet-', '');
	return id_menu;
}

/**
 * Détermine le comportement du menu 
 */
function survolMenu(){
	var id_menu;
	/* Au survol d'un onglet li */
	$('#nav li').hover(
		function(){
			/* On récupère le id du menu (id = 5 pour li#onglet-5) */
			id_menu = getIdMenu(this);
			afficherSousMenu(id_menu);
		},
		
		/* Comportement quand la souris quitte l'onglet */
		function() {
			/* Pour garder le sous menu ouvert quand il est survolé,
			 * Et le masquer quand il ne l'est plus
			 */
			$('#nav').hover(
				function(){
				
				},
				function(){
					masquerSousMenu(id_menu);
				}
			);
		}
	);
}


/**
 * C'est parti
 */
$(document).ready(
	function (){
		/* Déclaration d'une variable sous_menu_ouvert pour savoir quel sous menu est actuellement ouvert */
		if (typeof this.sous_menu_ouvert == 'undefined'){
			this.sous_menu_ouvert = 0;
		} 
		
		/* Vitesse des animations */
		if (typeof this.vitesse == 'undefined'){
		this.vitesse = 100;
		}
		
		survolMenu();

	}
);