addListenner(window, "load", mainMenuRollover, true);





function mainMenuRollover()
{
	var oMenu = document.getElementById('menuPrincipal');
	if (!oMenu) {
		return false;
	}
	var linkList = oMenu.getElementsByTagName('a'); // ul
	
	var sousMenu = false;
	for (var i = 0; i < linkList.length; i++) {
		if (linkList[i].className.indexOf('menu') >= 0 && linkList[i].id) {
		    linkList[i].onmouseover = showMenu;
		    linkList[i].onmouseout = hideMenu;
		    
		    sousMenu = linkList[i].nextSibling;
		    if (sousMenu && sousMenu.id.indexOf('sousMenu-') >= 0) {
		        sousMenu = sousMenu.firstChild;
		        sousMenu.onmouseover = showMenu;
		        sousMenu.onmouseout = hideMenu;
		        
                sousMenu = sousMenu.nextSibling;
                sousMenu.onmouseover = showMenu;
                sousMenu.onmouseout = hideMenu;
		    }
		}
	}
	
}


function showMenu()
{
    var parentLink = this;
    if (this.parentNode.id.indexOf('sousMenu-') >= 0) {
        parentLink = this.parentNode.previousSibling;
    }    
    
	if (parentLink.hideTimer) {
		clearTimeout(parentLink.hideTimer);
	}
	
	var id = parentLink.id.split('-')[1];
	var sousMenu = document.getElementById('sousMenu-' + id);
	if (sousMenu.className.indexOf('afficher') >= 0) {
	    return false;
	}
	
	
	// trouve la position du parent
    var pos = getPosition(parentLink);
    var main = getPosition(document.getElementById('menuPrincipal'));
    //sousMenu.offsetTop  = coordonnees['y'] + offsetTop;
    
    
    //alert('pos.x = ' + pos.x + 'px, main.x = ' + main.x + 'px');
    
    sousMenu.style.left = (pos.x - main.x - 9) + 'px';
	addClass(sousMenu, 'afficher');
}




function hideMenu()
{
    //alert('on cache le menu');
    var parentLink = this;
    if (this.parentNode.id.indexOf('sousMenu-') >= 0) {
        parentLink = this.parentNode.previousSibling;
    } 
    
    
    var id = parentLink.id.split('-')[1];
    var sousMenu = document.getElementById('sousMenu-' + id);
    if (!sousMenu || sousMenu.className.indexOf('afficher') < 0) {
        return false;
    }

    //alert('parentLink.id = ' + parentLink.id + ', sousMenu.id = ' + sousMenu.id);
    
	function hideFn()
	{
	    //alert('enlève la classe');
		removeClass(sousMenu, 'afficher');
		clearTimeout(parentLink.hideTimer);
	};
	
	parentLink.hideTimer = setTimeout(hideFn, 200);
}