// GESTION DES MENUS

// variables globales
var st_nb_object = ''; 
var st_object = '';
var st_selected = '';
var st_menu_largeur = '';
var st_menu_position = '';
var st_smenu_largeur = '';
var timer = '';


function init_header_menu (selected) {
	// GESTION du menu principal
	if (document.getElementById('center_ssmenu')){
		// réinitialisation des propriètés => function [ size_font_change.js ]
		document.getElementById('center_ssmenu').style.width = 'auto';
		document.getElementById('center_ssmenu').style.display = 'inline';
		//document.getElementById('center_menu').style.float = 'right';	
	
		// centrage du menu principal
		menu_w = document.getElementById('center_ssmenu').offsetWidth;
		document.getElementById('center_ssmenu').style.width = menu_w/2+400+'px';
	
		// initialisation des variables
		st_nb_object = ''; 
		st_object = '';
		st_selected = '';
		st_menu_largeur = '';
		st_menu_position = '';
		st_smenu_largeur = '';
		var baliseType = new Array();
		var nb_object = 0;	
		var menu_largeur = 0;
		var menu_position = 0;
		var smenu_largeur = 0;
		
		// calcul du nombre de balises menu
		baliseType = document.getElementsByTagName('div'); 
		for (i=0; i<baliseType.length; i++) {
			if (baliseType[i].id == 'm'+(nb_object+1)) {
				nb_object ++;
			}
		}
	
		// gestion des événements de la souris + coordonnées des menus et sous-menus
		for (i=1; i<= nb_object; i++) {
			
			//déclaration de l'objet menu
			object = 'm'+i;
			//récupération de la largeur du bouton menu
			menu_largeur = document.getElementById(object+'bt').offsetWidth;
			//récupération de la position du bouton menu dans la cellule <centre_menu>
			menu_position = document.getElementById(object+'bt').offsetLeft;
			// activation du sous-menu pour calculer sa largeur
			document.getElementById(object).style.display = 'block';
			smenu_largeur = document.getElementById(object).offsetWidth;
			// désactivation
			document.getElementById(object).style.display = 'none';
	
			// gestion des événements de la souris
			var m_fonction = new Function ("montre('"+ nb_object +"','"+ object +"','"+ selected +"','"+ menu_largeur +"','"+ menu_position +"','"+ smenu_largeur +"');");
			var c_fonction = new Function ("cache('"+ nb_object +"','"+ object +"','"+ selected +"','"+ menu_largeur +"','"+ menu_position +"','"+ smenu_largeur +"');");
			document.getElementById(object).onmouseover = m_fonction;
			if(selected != object)
				document.getElementById(object).onmouseout = c_fonction;
			document.getElementById(object+"bt").onmouseover = m_fonction;	
			document.getElementById(object+"bt_h").onmouseover = m_fonction; 
			if(selected != object)
				document.getElementById(object+"bt_h").onmouseout = c_fonction;
	
			// Si la variable selected est référencée
			if (selected == object) {
				st_nb_object = nb_object; 
				st_object = selected;
				st_selected = selected;
				st_menu_largeur = menu_largeur;
				st_menu_position = menu_position;
				st_smenu_largeur = smenu_largeur;
			}
		}
		if (selected != '') {
			// Si la variable selected est référencée => affichage du sous club et du bouton rubrique
			montre (st_nb_object,st_object,st_selected,st_menu_largeur,st_menu_position,st_smenu_largeur);
		}
	}
	init_footer_menu();
}

function montre (nb_object,object,selected,menu_largeur,menu_position,smenu_largeur){
	
	clearTimeout(timer);
	
	for (i=1 ; i<=nb_object ; i++) {
		// rubriques  non-selectionnées
		if (object != 'm'+i) {
			//document.getElementById('m'+i).style.visibility = 'hidden'; 
			document.getElementById('m'+i).style.display = 'none'; 	
			document.getElementById('m'+i+'bt').style.display = 'inline';
   			document.getElementById('m'+i+'bt_h').style.display = 'none';
		// rubrique sélectionnée 
		} else {
			//document.getElementById(object).style.visibility = 'hidden'; 
			document.getElementById(object+'bt').style.display = 'none';
    		document.getElementById(object+'bt_h').style.display = 'inline'; 			
			document.getElementById(object).style.display = 'inline';
		}
	}

	// Centrage du sous-menu 
	// On détermine Si le navigateur utilise le moteur GECKO => Offset ! IED / FireFox 
	var ie = /MSIE/.test(navigator.userAgent);
	var moz = !ie && navigator.product == "Gecko";
	if (moz) {		
		position_smenu = Math.round(((eval(menu_position))+(eval(menu_largeur)/2)) - ((eval(smenu_largeur)/2) + (eval(nb_object)-1)))
	} else {
		menu_pos_ie = document.getElementById('center_ssmenu').offsetLeft;
		position_smenu = Math.round(((eval(menu_position)+eval(menu_pos_ie))+(eval(menu_largeur)/2)) - ((eval(smenu_largeur)/2) + (eval(nb_object)-1))+46);
	}

	position_smenu = Math.abs(position_smenu);
	document.getElementById(object).style.left = position_smenu+'px';
	document.getElementById('header_sssmenu').style.width = 850+ eval((position_smenu)/4)+'px';
	document.getElementById(object).style.visibility = 'visible';
}

function cache(nb_object,object,selected,menu_largeur,menu_position,smenu_largeur){
	document.getElementById(object+'bt').style.display = 'inline';
	document.getElementById(object+'bt_h').style.display = 'none';
	document.getElementById(object).style.display = 'none';
	if (selected !='') {
		timer = setTimeout ("montre('"+ st_nb_object +"','"+ st_object +"','"+ st_selected +"','"+ st_menu_largeur +"','"+ st_menu_position +"','"+ st_smenu_largeur +"');", 250);
	}
}

function init_footer_menu(){
	for (i=1 ; i<20 ; i++) {
			// rubriques  non-selectionnées
			if (document.getElementById('footer_h'+i) != null)
				document.getElementById('footer_h'+i).style.display = 'none';
	}
	// GESTION du menu bas de page
	// réinitialisation des propriètés => function [ size_font_change.js ]
	document.getElementById('footer_menu_center').style.width = 'auto';
	document.getElementById('footer_menu_center').style.display = 'block';
	// centrage du menu en bas de page
	footer_menu_center_w = document.getElementById('footer_menu_center').offsetWidth;
	footer_menu_w = document.getElementById('footer_menu').offsetWidth;
	document.getElementById('footer_menu_center').style.width = (footer_menu_center_w/2)+(footer_menu_w/2)+'px';
}

function montre_footer(id){
	for (i=1 ; i<20 ; i++) {
		// rubriques  non-selectionnées
		if (id != i) {
			if (document.getElementById('footer'+i) != null)
				document.getElementById('footer'+i).style.display = 'block';
			if (document.getElementById('footer_h'+i) != null)	
				document.getElementById('footer_h'+i).style.display = 'none';
		// rubrique sélectionnée 
		} else {
			if (document.getElementById('footer'+i) != null)
				document.getElementById('footer'+i).style.display = 'none';
			if (document.getElementById('footer_h'+i) != null)	
				document.getElementById('footer_h'+i).style.display = 'block'; 			
		}
	}	
}

function cache_footer(id){
	for (i=1 ; i<20 ; i++){
		// rubriques  non-selectionnées
		if(id != i){
			if (document.getElementById('footer'+i) != null)
				document.getElementById('footer'+i).style.display = 'block'; 	
			if (document.getElementById('footer_h'+i) != null)	
				document.getElementById('footer_h'+i).style.display = 'none';
		}
	}
}

//init sous menus
function init_sous_menu(){
	// GESTION du menu haut de page apres menu deroulant
	// réinitialisation des propriètés => function [ size_font_change.js ]
	document.getElementById('center_ssmenu').style.width = 'auto';
	document.getElementById('center_ssmenu').style.display = 'block';
	
	// centrage du menu en bas de page
	footer_menu_center_w = document.getElementById('center_ssmenu').offsetWidth;
	footer_menu_w = document.getElementById('header_ssmenu').offsetWidth;
	document.getElementById('center_ssmenu').style.width = (footer_menu_center_w/2)+(footer_menu_w/2)+'px';
}


// menu deroulant
function montre_menu(niv,id) {
	/* niv = niveau du menu
	1 : sous menu
	2 : sous sous menu
	3 : sous sous sous menu */
	var d = document.getElementById(id);
	if(niv==1){
		for (var i = 1; i<=10; i++) {
			if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
		}
	}
	else if (niv==2){
		var ssmenu = id.slice(0,7)+"_";		
		for (var i = 1; i<=10; i++) {
			if (document.getElementById(ssmenu+i)) {document.getElementById(ssmenu+i).style.display='none';}
		}
	}
	else if(niv==3){
		var sssmenu = id.slice(0,10)+"_";
		for (var i = 1; i<=10; i++) {
			if (document.getElementById(sssmenu+i)) {document.getElementById(sssmenu+i).style.display='none';}
		}
	}
	if (d) {d.style.display='block';}
}

function cache_menu(niv,id) {
	var d = document.getElementById(id);
	if(niv==1){
		for (var i = 1; i<=10; i++) {
			if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
		}
	}
	else{	
		for (var i = 1; i<=10; i++) {
			if (document.getElementById('smenu'+i)) {		
				document.getElementById('smenu'+i).style.display='none';
				var ssmenu = 'ssmenu'+i+'_';	
				var sssmenu = 'sssmenu'+i+'_';	
				for (var j = 1; j<=10; j++) {
					if (document.getElementById(ssmenu+j)) 	{document.getElementById(ssmenu+j).style.display='none';}
					if (document.getElementById(sssmenu+j)) {document.getElementById(sssmenu+j).style.display='none';}
				}
			}
		}
	}
	if (d) {d.style.display='none';}
}

function change_image(val,id){
	imgDir='/champion/resources/img2/images/';
	IMG = document.getElementById(id);
	IMG.src = imgDir + 'maison_final_' + val;
}

function mailpage(nom, option)
{
    var oldUrl = window.location.pathname;
    oldUrl = oldUrl + window.location.search;

    var lastSlashIndex = oldUrl.lastIndexOf("/");
    var debUrl = oldUrl.substring(0,lastSlashIndex);
    var finUrl = oldUrl.substring(lastSlashIndex);
    
    var newUrl = debUrl + "/MAILTO" + finUrl;

    window.open(newUrl,nom,option);

}

// cache le sous sous sous menu
function cache_sssmenu(id) {
	for (var i = 1; i<=10; i++) {
		var sssmenu = 'sssmenu'+id+'_'+i+'_';	
		for (var j = 1; j<=10; j++) {
			if (document.getElementById(sssmenu+j)) {document.getElementById(sssmenu+j).style.display='none';}
		}
	}
}

// aligne le sous sous sous menu par rapport a son parent
function aligne_menu(id,niv1,niv2) {
	v_height=0;
	v_height = (23 * niv1) + (23 * niv2);
	//alert(v_height);
	if (document.getElementById(id)){ document.getElementById(id).style.marginTop=v_height + 'px';} 
}

// initialise la position des boutons: les recettes, le magazine
function init_pos_bt(){
	//Bouton le magasin
	//récupération de la largeur du bouton menu
	bt_largeur = document.getElementById('hm_bt4').offsetWidth;
	//récupération de la position du bouton menu dans la cellule <centre_menu>
	bt_positionmagz = document.getElementById('hm_bt1').offsetWidth + document.getElementById('hm_bt2').offsetWidth + document.getElementById('hm_bt3').offsetWidth;
	document.getElementById('smenu4').style.left = - (1000 - bt_positionmagz - bt_largeur) + 'px';

	// bouton le magazine
	//récupération de la largeur du bouton menu
	bt_largeur = document.getElementById('hm_bt5').offsetWidth;
	//récupération de la position du bouton menu dans la cellule <centre_menu>
	bt_positionmagz = document.getElementById('hm_bt1').offsetWidth + document.getElementById('hm_bt2').offsetWidth + document.getElementById('hm_bt3').offsetWidth + document.getElementById('hm_bt4').offsetWidth ;
	document.getElementById('smenu5').style.left = - (1000 - bt_positionmagz - bt_largeur) + 'px';

}

// extrait le href d'une chaine de caractere
function extract_title(title){
	// supprime la 1ere partie du href : <a href"#">
	var new_title = title.replace(/<.+">/,'',title);
	// supprime la 2nd partie du href : </a>
	new_title = new_title.replace(/<.a>/i,'',new_title);
	return (new_title);
}

// initialise la largeur de chaque sous menu de chaque bouton
function init_size_menu(){
	for(var i=1; i<10; i++){
		//initialisation
		var v_temp = 0;	
		var	facteur = 6.7;
		var marge = 20;
		var t_li = new Array();
		// test existance sous menu
		if(document.getElementById('smenu' + i +'_1')){
			var v_menu = document.getElementById('smenu' + i +'_1');
			var t_li = v_menu.getElementsByTagName('li');
			var v_text = '';
			// recuperation longueur text max
			for ( var j=0; j<t_li.length; j++ ){
				v_text = extract_title(t_li[j].innerHTML);
				if(v_temp < v_text.length)
					v_temp = v_text.length;
			}
			for(var k=1; k<10; k++){
				// initialisation
				var v_sstemp = 0;	
				var t_li = new Array();
				// test existance sous sous menu
				if(document.getElementById('ssmenu' + i +'_' + k)){
					var v_menu = document.getElementById('ssmenu' + i +'_' + k);
					var t_li = v_menu.getElementsByTagName('li');
					var v_text = '';
					// recuperation longueur text max
					for ( var j=0; j<t_li.length; j++ ){
						v_text = extract_title(t_li[j].innerHTML);
						if(v_sstemp < v_text.length)
							v_sstemp = v_text.length;
					}
					for(var l=1; l<10; l++){
						// initialisation
						var v_ssstemp = 0;	
						var t_li = new Array();
						// test existance sous sous sous menu
						if(document.getElementById('sssmenu' + i +'_' + k + '_' + l)){
							var v_menu = document.getElementById('sssmenu' + i +'_' + k + '_' + l);
							var t_li = v_menu.getElementsByTagName('li');
							var v_text = '';
							// recuperation longueur text max
							for ( var j=0; j<t_li.length; j++ ){
								v_text = extract_title(t_li[j].innerHTML);
								if(v_ssstemp < v_text.length)
									v_ssstemp = v_text.length;
							}
							// redimenssionnement du sous sous sous menu: 8 taille standard
							document.getElementById('sssmenu' + i +'_' + k + '_' + l).style.width = ((facteur * v_ssstemp)+marge) + 'px';
						}
					}
					// redimenssionnement du sous sous menu
					document.getElementById('ssmenu' + i +'_' + k).style.width = ((facteur * v_sstemp)+marge) + 'px';
				}
			}
			// redimenssionnement du sous menu
			document.getElementById('smenu' + i +'_1').style.width = ((facteur * v_temp)+marge) + 'px';
		}
	}
}

// modifie la largeur de chaque sous menu à chaque clique sur agrandir ou reduire
function mod_size_menu(mode){
	for(var i=1; i<10; i++){
		// test existance sous menu
		if(document.getElementById('smenu' + i +'_1')){
			var v_size = document.getElementById('smenu' + i +'_1').style.width;
			// transforme la chaine en int
			v_size = Math.abs(v_size.slice(0,v_size.length - 2));
			
			for(var j=1; j<10; j++){
				// test existance sous sous menu
				if(document.getElementById('ssmenu' + i +'_' + j)){
					var v_ssize = document.getElementById('ssmenu' + i +'_' + j).style.width;
					// transforme la chaine en int
					v_ssize = Math.abs(v_ssize.slice(0,v_ssize.length - 2));
					
					for(var k=1; k<10; k++){
						// test existance sous sous sous menu
						if(document.getElementById('sssmenu' + i +'_' + j + '_' + k)){
							var v_sssize = document.getElementById('sssmenu' + i +'_' + j + '_' + k).style.width;
							// transforme la chaine en int
							v_sssize = Math.abs(v_sssize.slice(0,v_sssize.length - 2));
							// redimenssionnement du sous sous sous menu
							if(mode == 'agrandir')
								document.getElementById('sssmenu' + i +'_' + j + '_' + k).style.width = (v_sssize + 13) + 'px';
							else
								document.getElementById('sssmenu' + i +'_' + j + '_' + k).style.width = (v_sssize - 13) + 'px';	
						}
					}
					// redimenssionnement du sous sous menu
					if(mode == 'agrandir')
						document.getElementById('ssmenu' + i +'_' + j).style.width = (v_ssize + 13) + 'px';
					else
						document.getElementById('ssmenu' + i +'_' + j).style.width = (v_ssize - 13) + 'px';	
				}
			}
			// redimenssionnement du sous menu
			if(mode == 'agrandir'){
				document.getElementById('smenu' + i +'_1').style.width = (v_size + 13) + 'px';
				//document.getElementById('smenu' + i +'_1').style.paddingBottom = (v_size + 13) + 'px';
			}else{
				document.getElementById('smenu' + i +'_1').style.width = (v_size - 13) + 'px';	
			}
		}
	}
}

// change couleur de fond des parents du sous menu selectionne 
function set_backg_color_select(niv1,niv2,niv3){
	//niv1 : numero du bouton selectionne ex: magasin, les recettes
	//niv2 : sous menu 
	//niv3 : sous sous menu
	
	// initialisation
	var background_color = '';
	var background_color_hover = '';
	
	if(niv1 == 1) {background_color = '#dd3341'; background_color_hover = '#ef3c4b';}; 
	if(niv1 == 2) {background_color = '#0e8ab7'; background_color_hover = '#32a4cb';}; 
	if(niv1 == 3) {background_color = '#7258cb'; background_color_hover = '#8366e5';}; 
	if(niv1 == 4) {background_color = '#79a603'; background_color_hover = '#8cc200';}; 
	if(niv1 == 5) {background_color = '#ba1495'; background_color_hover = '#d217a8';};
	
	for(i=1;i<10;i++){
		// sous menu
		if(document.getElementById('sli' + niv1 + '_' + i)){
			for(j=1; j<10; j++){
				if(document.getElementById('sli' + niv1 + '_' + niv2 + '_' + j)){
					if(j == niv3)
						document.getElementById('sli' + niv1 + '_' + niv2 + '_' + j).style.backgroundColor = background_color_hover;
					else
						document.getElementById('sli' + niv1 + '_' + niv2 + '_' + j).style.backgroundColor = background_color;
				}
			}
			
			if(i == niv2)
				document.getElementById('sli' + niv1 + '_' + i).style.backgroundColor = background_color_hover;
			else
				document.getElementById('sli' + niv1 + '_' + i).style.backgroundColor = background_color;
		}
	}
}