﻿var MenuContextuelName=null;
var OldMenuContextuelName=null;

function MontrerMenuContextuel(Name,e) { 
    // Distance par rapport aux bords de la fenetre
    var EspaceDroit = document.body.clientWidth-e.clientX; 
    var EspaceBas = document.body.clientHeight-e.clientY; 
    OldMenuContextuelName=Name;
    var CMenu=document.getElementById(Name);
    if (EspaceDroit < CMenu.offsetWidth) 
        CMenu.style.left = document.documentElement.scrollLeft + e.clientX - CMenu.offsetWidth + 'px'; 
    else 
        CMenu.style.left = document.documentElement.scrollLeft + e.clientX+ 'px'; 

    if (EspaceBas < CMenu.offsetHeight){ 
        CMenu.style.top = document.documentElement.scrollTop + e.clientY - CMenu.offsetHeight+ 'px'; } 
    else{ 
        CMenu.style.top = document.documentElement.scrollTop + e.clientY+ 'px'; } 

    CMenu.style.visibility = "visible"; 
    return false; 
} 

function MasquerMenuContextuel(Name){ 
    var CMenu=document.getElementById(Name);
    if (CMenu) {
        CMenu.style.visibility = "hidden";
    }
    OldMenuContextuelName=null;
}

function MontrerMenuContextuelCourant(e) {
    MasquerMenuContextuelCourant(e);
    if (MenuContextuelName) {
        return MontrerMenuContextuel(MenuContextuelName,e);
    } else {
        return true;
    }
}

function MasquerMenuContextuelCourant(e) {
    if (OldMenuContextuelName) {
        MasquerMenuContextuel(OldMenuContextuelName,e);
    }
}

document.oncontextmenu = MontrerMenuContextuelCourant;
document.body.onclick = MasquerMenuContextuelCourant;