/*
---------- Menu DHTML - span et div à personnaliser avec CSS/HTML
----- Code à insérer pour le menu parent
<span id="div1" style="position : relative;" onMouseOver="show('div1','Layer1', 10, 10);">
	Menu
</span>
----- Code à insérer pour le menu à dérouler - rappeler le onMouseOver pour garder le menu ouvert
<div id="Layer1" onMouseOver="show('div1','menuLayer', 14, 0);" onMouseOut="hide('Layer1');" style="position:absolute; display:none; z-index:0; visibility: hidden; width : 80px;">
sous menu 1.1<br>
sous menu 1.2<br>
sous menu 1.3
</div>
*/
var timeout;

function show(e, f, decalageHaut, decalageBas){
	parentMenu = document.getElementById(e);
	menuItems = document.getElementById(f);
	if(parentMenu)
	{
		if(menuItems)
		{
			/*cancelAutoHide();*/
			menuItems.style.top = parentMenu.offsetTop + decalageHaut + 'px';
			menuItems.style.left = parentMenu.offsetLeft + decalageBas + 'px';
			menuItems.style.zIndex = 1;
			menuItems.style.visibility = 'visible';
			menuItems.style.display = 'block';
		}
	}
}
function hide(f){
	menuItems = document.getElementById(f);
	if(menuItems)
	{
		menuItems.style.zIndex = 0;
		menuItems.style.visibility = 'hidden';
		menuItems.style.display = 'none';
	}
}
function autoHide(e){
	timeout = setTimeout('hide("' + e + '")', 1000);	
}
function cancelAutoHide(){
	clearTimeout(timeout);	
}


//Permet de monter / descendre le contenu d'un div/layer
function scrollContent(strCtrl, intMoveTop, intMoveLeft){
	var lectrl = document.getElementById(strCtrl);
	if(lectrl){
		lectrl.scrollTop += intMoveTop;
		lectrl.scrollLeft += intMoveLeft;
	}	
}