/*
---------- 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>
*/
function show(e, f, decalageHaut, decalageBas){
	parentMenu = document.getElementById(e);
	menuItems = document.getElementById(f);
	if(parentMenu){
		if(menuItems){
			menuItems.style.top = parentMenu.offsetTop + decalageHaut + 'px';
			menuItems.style.left = parentMenu.offsetLeft + decalageBas + 'px';
			menuItems.style.zIndex = 2;
			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';
	}
}

//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;
	}	
}

function menuItemOver(cell)	{ cell.style.cursor='hand'; 	cell.className='bgBeige'; }
function menuItemOut(cell)		{ cell.style.cursor='pointer'; 	cell.className='bgBlanc'; }