var init = false;

function hover(obj, visible) {
	if (!init) menuinit2();
	var temp = obj.childNodes;
	for (var j = 0; j < temp.length; j++) {
		if (temp[j].className == 'menu') {
			temp[j].style.visibility = visible;
			/*
			if (temp[j].style.visibility == 'visible')
				temp[j].style.visibility = 'hidden';
			else
				temp[j].style.visibility = 'visible';
			*/
			break;
		}
	}
}
	
function menuinit() {

	var lis = document.getElementById('menus').getElementsByTagName('li');
	var i, j, temp, temp2, x, y;
	var titres = new Array(), largeur = 0;
	for (i = 0; i < lis.length; i++) {
		if (lis[i].className == 'menu-titre') {
			titres[titres.length] = lis[i];
			largeur = largeur + lis[i].offsetWidth;
		}
		lis[i].onmouseover = function() {hover(this, 'visible');};
		lis[i].onmouseout = function() {hover(this, 'hidden');};
	}
	for (var i = 0; i < titres.length; i++) {
//		titres[i].style.width = Math.floor(document.getElementById('menus').offsetWidth / 6) + 'px'; //Math.floor(700 * titres[i].offsetWidth / largeur) + 'px';
		titres[i].style.marginTop = Math.floor((35 - titres[i].offsetHeight) / 2) + 'px';
		titres[i].style.height = Math.ceil((35 + titres[i].offsetHeight) / 2) + 'px';
		titres[i].style.visibility = 'visible';
	}
	
}

function menuinit2() {
	
	init = true;
	var lis = document.getElementById('menus').getElementsByTagName('li');
	var i, j, temp, temp2, x, y;
	for (i = 0; i < lis.length; i++) {
		temp = lis[i].childNodes;
		for (j = 0; j < temp.length; j++) {
			if (temp[j].className == 'menu') {
			
				temp2 = lis[i];
				x = temp2.offsetLeft;
				y = temp2.offsetTop;
				while (temp2.offsetParent != null) {
					temp2 = temp2.offsetParent;
					x = x + temp2.offsetLeft;
					y = y + temp2.offsetTop;
				}
				temp2 = temp[j];
				while (temp2.offsetParent != null) {
					temp2 = temp2.offsetParent;
					x = x - temp2.offsetLeft;
					y = y - temp2.offsetTop;
				}
				
				if (lis[i].className == 'menu-titre') {
					x = x + (lis[i].offsetWidth - temp[j].offsetWidth) / 2;
					y = y + lis[i].offsetHeight;
				} else {
/*
					x = x + lis[i].offsetWidth;
					y = y - 1;
*/
					x = x + lis[i].offsetWidth - 1;
					y = y - 20;
				}
				
				temp[j].style.visibility = 'hidden';
				temp[j].style.top = y + 'px';
				temp[j].style.left = x + 'px';
			
//				lis[i].onmouseover = function() {hover(this);};
//				lis[i].onmouseout = function() {hover(this);};
				break;
			}
		}
	}
	
}

menuinit();