var s;
var w;
var t=5;
var cran = 10;
var sens;
var hauteurOnglet = 39;

function closeAllMenus() {
	w=document.getElementById("menu")
	s=w.getElementsByTagName('ul');
	for(i=0;i<s.length;i++){
		s[i].style.display = "block";
		s[i].style.top = (hauteurOnglet-s[i].offsetHeight)+'px'
		s[i].isOpen=false;
		
	}
}

function closeAllMenusWithEffects() {
	for(i=0;i<s.length;i++) {
		closeMenu(i);		
	}
}

function openMenu(id,e) {	
	if (s[id].isOpen==false) {
		clearInterval(s[id].interval)
		closeAllMenusWithEffects() 
		s[id].isOpen=true;
		s[id].interval=setInterval(function(){slideMenuDown(s[id],0,cran)},t)
	}
}

function hitArea(bloc,mouseX,mouseY) {
	x_gauche = document.getElementById('navigation').offsetLeft + document.getElementById('global').offsetLeft + bloc.parentNode.offsetLeft;
	return (mouseX>=x_gauche && mouseX<=x_gauche+bloc.offsetWidth && mouseY>0 && mouseY<bloc.offsetTop+bloc.offsetHeight) ? true : false;
}

function closeMenu(id,e) {
	toClose = true;
	
	if (e) {
		//document.getElementById('debug').innerHTML += 'e.pageX='+e.pageX+', e.pageY='+e.pageY+', e.clientX='+e.clientX+', e.clientY='+e.clientY+'<br>';
		toClose = !hitArea(s[id],e.clientX,e.clientY); 
	}
	if (toClose && s[id].isOpen==true) {
		s[id].isOpen=false;
		clearInterval(s[id].interval)
		s[id].interval=setInterval(function(){slideMenuDown(s[id],(hauteurOnglet-s[id].offsetHeight),-cran)},t)
	}
}

function slideMenuDown(bloc,limite,c) {
	if ((bloc.offsetTop>limite && c>0) || (bloc.offsetTop<(hauteurOnglet-bloc.offsetHeight) && c<0)) {
		bloc.style.top = limite+'px';
		clearInterval(bloc.interval)
	} else bloc.style.top = (bloc.offsetTop+c)+'px';
}