var sfHover = function() {
	var sfEls = document.getElementById("menu-centre").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
	
		sfEls[i].onmouseover=function() {
			this.className+=" hover";
		}
		sfEls[i].onmouseout=function() {
			this.className = this.className.replace(new RegExp(" ?hover\\b"), "");
		}
	}
}

window.onload = sfHover;

function displaymenu(idsmenu){
	// hidemenu();
	// document.getElementById(idsmenu).style.display = 'block';
}

function displaymenu_v2(el){
	hidemenu_v2();
	var ul = getChildNodesByTag(el.parentNode,'UL');
	if(ul.length > 0){
		ul[0].style.display = 'block';
		el.className = 'menu_actif';
	}
}

function hidemenu(){
	// for(i=1;i<7;i++){
		// document.getElementById('smenu'+i).style.display = 'none';
	// }
}

function hidemenu_v2(){
	var ul = document.getElementById('menu-centre');
	var li = getChildNodesByTag(ul,'LI');
	for(i=0; i < li.length; i++){
		var menu = li[i];
		var a = getChildNodesByTag(menu,'A');
		a[0].className = 'menu_inactif';
		
		var smenus = getChildNodesByTag(menu,'UL');
		if(smenus.length > 0){
			smenus[0].style.display = 'none';
		}
	}
}

function getChildNodesByTag(el,tag){
	childs = el.childNodes;
	var bytag = [];
	var a = 0;
	for(b=0;b<childs.length;b++){
		if(childs[b].tagName==tag){
			bytag[a] = childs[b];
			a++;
		}
	}
	return bytag;
}
