var selectedMenuFirst = '';
var selectedMenuSecond = '';
var selectedMenuThird = '';

//
// get flash rub
//

function getFlash(rub, params) {
	// alert("get " + rub + " params : " + params);
	
}

//
// nav client
//

function getNavClient(client) {
	// alert(client);
	
}

//
// over first nav
//

function overMenuFirst(elem, bool) {
	// alert(elem+" "+bool);
	if (elem != "" && document.getElementById(elem) != null) {
	
		if (bool) {
			// document.getElementById(elem).style.backgroundPosition = 'left bottom';
			// 
			document.getElementById(elem).style.color = '#CC0033'
		} else {
			if (elem != selectedMenuFirst) {
				// document.getElementById(elem).style.backgroundPosition = 'left top';
				//
				document.getElementById(elem).style.color = '#333333'
			}
			
		}
		
	}

}

//
// over second nav
//

function overMenuSecond(elem, bool) {

	if (elem != "" && document.getElementById(elem) != null) {
	
		if (bool) {
			document.getElementById(elem).style.backgroundPosition = 'left bottom';
			// 
			document.getElementById(elem).style.color = '#ff0000';
		} else {
			if (elem != selectedMenuSecond) {
				document.getElementById(elem).style.backgroundPosition = 'left top';
				//
				document.getElementById(elem).style.color = '#666666';
			}
			
		}
		
	}

}


//
// over third nav
//

function overMenuThird(elem, bool) {
	// alert(elem);
	if (elem != "" && document.getElementById(elem) != null) {
	
		if (bool) {
			document.getElementById(elem).style.backgroundPosition = 'left bottom';
			// 
			document.getElementById(elem).style.color = '#000000';
		} else {
			if (elem != selectedMenuThird) {
				document.getElementById(elem).style.backgroundPosition = 'left top';
				//
				document.getElementById(elem).style.color = '#999999';
			}
			
		}
		
	}

}

//
// highlight navs // called from flash NavigationManager
//

function highlightNav(swfAdress) {
	// alert(swfAdress);
	//
	//
	if (swfAdress.indexOf("/") == 0) {
		// swfAdress = "Agence";
		swfAdress = swfAdress.substring(1);
	}
	// split swfadress
	var arrNav = swfAdress.split('/');
	var nbLevel = arrNav.length;
	//
	// new selected menus
	selectedMenuFirst = "n1_" + arrNav[0];
	selectedMenuSecond = "n2_" + arrNav[1];
	selectedMenuThird = "n3_" + arrNav[1] + "_" + arrNav[2];
	// alert(selectedMenuThird);
	//
	// parse all <a href> and deselect
	var anchorTags = document.getElementsByTagName("a");
	for (var i = 0; i < anchorTags.length ; i++)
	{
		var id = anchorTags[i].id;
		if (id.indexOf("n1_") == 0) {
			// alert("n1 " + id);
			overMenuFirst(id, false);
		} else if (id.indexOf("n2_") == 0) {
			// alert("n2 " + id);
			overMenuSecond(id, false);
		} else if (id.indexOf("n3_") == 0) {
			// alert("n3 " + id);
			overMenuThird(id, false);
		}
	}
	
	// masque tous les sous menu des client (de type "n3_n2")
	var ulTags = document.getElementsByTagName("ul");
	for (var i = 0; i < ulTags.length ; i++)
	{
		var id = ulTags[i].id;
		if (id.indexOf("n3_n2") == 0) {
			if (document.getElementById(id) != null) {
				document.getElementById(id).style.display = 'none';
			}
		}
	}
	
	//
	// highlight each level
	overMenuFirst(selectedMenuFirst, true);
	overMenuSecond(selectedMenuSecond, true);
	overMenuThird(selectedMenuThird, true);
	//
	// first sub menus
	switch (arrNav[0]) {
		case "Agence":
			document.getElementById("sub_Agence").style.display = 'block';
			document.getElementById("sub_Clients").style.display = 'none';
		break;
		case "Clients":
			document.getElementById("sub_Agence").style.display = 'none';
			document.getElementById("sub_Clients").style.display = 'block';
		break;
		case "Contact":
		default:
			document.getElementById("sub_Agence").style.display = 'none';
			document.getElementById("sub_Clients").style.display = 'none';
		break;
	}
	//
	// second sub menus
	var id = "n3_" + selectedMenuSecond;
	if (document.getElementById(id) != null) {
		document.getElementById(id).style.display = 'block';
	}
	// alert("n3_" + selectedMenuSecond);

}

//
// click second nav
//

function clickMenuSecond(elem) {
	// elem selected, third nav visible
	if (document.getElementById("n3_"+elem)) {
		document.getElementById("n3_"+elem).style.display = 'block';
	}
	return false;
}