

function displayExplorerMenuLayer() {
	
    // Evitamos que el evento sea capturado por otros objetos. 
    event.cancelBubble = true;
    if (navigator.product == 'Gecko') {
        posX = event.clientX;
        posY = event.clientY;
    } else {
  	    posX = event.clientX + document.body.scrollLeft;
    	posY = event.clientY + document.body.scrollTop;  		
    }
    explorerMenuLayer.style.top = posY;
    explorerMenuLayer.style.left =  posX;
    explorerMenuLayer.style.visibility = 'visible';
    return false;
}                                                                                                                              
                                                                                                                                  
function layerBackgroundColor(layer,color) {                                                                                      
    layer.style.backgroundColor = color;                                                                                          
}                                                                                                                                 
                                                                                                                                                             
function menuOver(layer) {                                                                                                        
    layer.style.backgroundColor = '#0A2A6A';                                                                                      
    layer.style.color = '#FFFFFF';                                                                                                
}                                                                                                                                 
                                                                                                                                  
function menuOut(layer) {                                                                                                         
    layer.style.backgroundColor = '#D4D0C8';                                                                                      
    layer.style.color = '#000000';                                                                                                
}

function hideMenuContext() {
	event.cancelBubble = true;
    explorerMenuLayer.style.visibility = 'hidden';
    return false;
}

function hideExplorerMenuLayer() {
	explorerMenuLayer.style.visibility = 'hidden';
}

// set click event handler
document.onclick=hideExplorerMenuLayer;
document.oncontextmenu=hideMenuContext;

