var topFerme;
var heightFerme;
var positionVerticaleDeBase = "0"; //position verticale de base du menu
var hauteurDeBase = "20px" //hauteur du menu fermé
var hauteurLigne = 20; //hauteur de chaque ligne de menu
// window.onload = function(){
// 	prepareMenus()
// }


function prepareMenus(){
	var tousMenus = document.getElementsByTagName("div");
	for (var i=0; i < tousMenus.length; i++) {
		var id = tousMenus[i].getAttribute("id");
		
		if(id && id.indexOf('menu') != -1){
			// tousMenus[i].setAttribute("onmouseover","ouvreMenus('"+id+"')");
			// tousMenus[i].setAttribute("onmouseout","fermeMenus('"+id+"')");
			tousMenus[i].style.top = positionVerticaleDeBase;
			tousMenus[i].style.height = hauteurDeBase;
		}
	}
}

function ouvreMenus(menu){
	var nbMenus = document.getElementById(menu).getElementsByTagName("a");
	var currentTop = document.getElementById(menu).style.top;
	var currentHeight = document.getElementById(menu).style.height;
	topFerme = currentTop;
	heightFerme = currentHeight;
	var newTop = parseInt(currentTop) - (hauteurLigne * nbMenus.length);		
	var newHeight = parseInt(currentHeight) + (hauteurLigne * nbMenus.length);
	document.getElementById(menu).style.height = String(newHeight + "px");
	document.getElementById(menu).style.top = String(newTop + "px");
	
}

function fermeMenus(menu){
	document.getElementById(menu).style.top = topFerme;
	document.getElementById(menu).style.height = heightFerme;
}