//** Chrome Drop Down Menu- Author: Dynamic Drive (http://www.dynamicdrive.com)
//** Updated: July 14th 06' to v2.0
	//1) Ability to "left", "center", or "right" align the menu items easily, just by modifying the CSS property "text-align".
	//2) Added an optional "swipe down" transitional effect for revealing the drop down menus.
	//3) Support for multiple Chrome menus on the same page.
//** Updated: Nov 14th 06' to v2.01- added iframe shim technique

//** Updated: July 23rd, 08 to v2.4
	//1) Main menu items now remain "selected" (CSS class "selected" applied) when user moves mouse into corresponding drop down menu. 
	//2) Adds ability to specify arbitrary HTML that gets added to the end of each menu item that carries a drop down menu (ie: a down arrow image).
	//3) All event handlers added to the menu are now unobstrusive, allowing you to define your own "onmouseover" or "onclick" events on the menu items.
	//4) Fixed elusive JS error in FF that sometimes occurs when mouse quickly moves between main menu items and drop down menus

function masquer(id) {
	//On prépare les name
	var name = 'menu_bulle_'+id;
	
	//On rend le bon div invisible
	document.getElementById(name).style.visibility='hidden';
}
	
function afficher(id){
	var listeDiv;
	var listeId = new Array();
	var i;
	var j = 0;
	//alert('id ='+id);
	
	//On récupère le <ul> mère du menu
	var ulMere = document.getElementById('monUl');
	
	
	//On récupère tous les <li> de la page
	var listeLi = ulMere.getElementsByTagName('li');
	//alert('listeLi.length ='+listeLi.length);
	
	//Pour chaque <li>
	for (i=1; i<=listeLi.length - 1; i++) {		
		//On récupère les <div> contenus à l'intérieur
		listeDiv = listeLi[i].getElementsByTagName('div');
		//alert('listeDiv.length ='+listeDiv.length);
		
		if (listeDiv.length > 0) {
			//On récupère l'id dans un 3e tableau
			listeId[j] = listeDiv[1].id;
			//alert('listeId['+j+'] ='+listeId[j]);
			j++;
		}
	}
	
	//On masque tous les div
	for (i=0; i<=listeId.length - 1; i++) {
		document.getElementById(listeId[i]).style.visibility='hidden';
	}
	
	//Si le bouton survolé n'est pas l'accueil
	if (id != 1) {		
		//On prépare les name
		var name = 'menu_bulle_'+id;
		var nameSpan = 'span'+id;
		
		//On rend le bon div visible
		document.getElementById(name).style.visibility='visible';
		
		//On l'affiche à la bonne place
		if ((navigator.appName == 'Microsoft Internet Explorer') && (navigator.appVersion.substr(17,8) != 'MSIE 8.0')) 
			document.getElementById(name).style.left = document.getElementById(nameSpan).parentNode.offsetLeft + 153 + 'px';
		else 
			document.getElementById(name).style.left = document.getElementById(nameSpan).offsetLeft + 'px';
		
		//On lui change sa taille en fonction du nombre de sous catégories 
		var listeImg = document.getElementById(name).getElementsByTagName('img');
		for (i=0; i<=listeImg.length - 1; i++) {
			if (listeImg[i].id == 'fermer') {
				if ((navigator.appName == 'Microsoft Internet Explorer') && (navigator.appVersion.substr(17,8) != 'MSIE 8.0')) {
					if ((navigator.appVersion.substr(17,8) != 'MSIE 7.0')) var hauteur = 24 + listeImg[i].parentNode.offsetTop;
					else var hauteur = 29 + listeImg[i].parentNode.offsetTop;
				}
				else var hauteur = 29 + listeImg[i].offsetTop;
			}
		}
		hauteur = hauteur+'px';
		document.getElementById(name).style.height = hauteur;
	}
}