//tableau commence à index 4 car 1er menu est "menu4"
//rose -     orange -  violet -  bleu -    rouge -   vert
//'e1017a', 'ff7e00', '68185b', '2bb1cc', 'c40705', '48a001'
var couleurs = new Array('', '', '', '48a001', 'ff7e00', '68185b', '2bb1cc');
couleurs[51] = 'e1017a';	//rouge
couleurs[52] = '2bb1cc';	//vert

function wpShowMenuPopup(objMenu, popupId)
{	
	var couleurBord = 'vide';
	var num_id = objMenu.id.replace('menu', '');
	if (couleurs[num_id]) couleurBord = couleurs[num_id];
	//alert('couleur : ' + couleurBord);
	
    objMenu = $(objMenu.id); var popup = $(popupId); if (!popup) return;
	
    popup.style.display = 'block';
    objMenu.addClassName('active');			
    var popupWidth = CUSTOMMENU_POPUP_WIDTH;
    if (!popupWidth) popupWidth = popup.getWidth();
    var pos = wpPopupPos(objMenu, popupWidth);
    popup.style.top = pos.top + 'px';
    popup.style.left = pos.left + 'px';
    if (CUSTOMMENU_POPUP_WIDTH) popup.style.width = CUSTOMMENU_POPUP_WIDTH + 'px';
	
	//mise en place de la couleur de bordure
	//popup.style.border = '5px solid #'+couleurBord;
	objMenu.style.background = 'url(/skin/frontend/digital/default/images/bkg_onglet_menu_' + couleurBord + '.jpg) 0 0 no-repeat';
	//popup.style.background = 'url(/skin/frontend/digital/default/images/megamenu_' + couleurBord + '.jpg) 0 0 no-repeat';
	//popup.style.background = 'url(/skin/frontend/digital/default/images/megamenu_ff7e00.jpg) 0 0 no-repeat';
	//alert('fond ' + popup.style.backgroundImage);
	
	var ensFils = popup.getElementsByClassName('level1');
	for(i=0; i < ensFils.length; i++) ensFils[i].style.color = '#' + couleurBord;
	
	var ensFils = popup.getElementsByClassName('level2');
	//for(i=0; i < ensFils.length; i++) ensFils[i].style.color = '#333333';
}

function wpPopupPos(objMenu, w)
{
    var pos = objMenu.cumulativeOffset();
    var wraper = $('custommenu');
    var posWraper = wraper.cumulativeOffset();
    var wWraper = wraper.getWidth() - CUSTOMMENU_POPUP_RIGHT_OFFSET_MIN;
    var xTop = pos.top - posWraper.top + CUSTOMMENU_POPUP_TOP_OFFSET;
    var xLeft = pos.left - posWraper.left;
	
	var xLeft = 0;											//colle à la partie gauche la popup contenant les sous-menus
    //if ((xLeft + w) > wWraper) xLeft = wWraper - w;		//bloque la limitation
    return {'top': xTop, 'left': xLeft};
}

function wpHideMenuPopup(element, event, popupId, menuId)
{
    element = $(element.id); var popup = $(popupId); if (!popup) return;
	var objMenu = $(menuId); if (!objMenu) return;
	
    var current_mouse_target = null;
    if (event.toElement)
    {
        current_mouse_target = event.toElement;
    }
    else if (event.relatedTarget)
    {
        current_mouse_target = event.relatedTarget;
    }
    if (!wpIsChildOf(element, current_mouse_target) && element != current_mouse_target)
    {
        if (!wpIsChildOf(popup, current_mouse_target) && popup != current_mouse_target)
        {
            popup.style.display = 'none';
			objMenu.style.background = 'none';
            $(menuId).removeClassName('active');
        }
    }
}

function wpIsChildOf(parent, child)
{
    if (child != null)
    {
        while (child.parentNode)
        {
            if ((child = child.parentNode) == parent)
            {
                return true;
            }
        }
    }
    return false;
}