// ---------------------------------------
// Destroy context menu
// ---------------------------------------

function ctxDestroy()
{

// Find control
var fnd = document.getElementById('context-menu');
if(fnd!=null) fnd.parentNode.removeChild(fnd);        

// Find control
fnd = document.getElementById('context_menu_back');
if(fnd!=null) fnd.parentNode.removeChild(fnd);        

}


// ---------------------------------------
// Hide context menu
// ---------------------------------------

function ctxHide()
{

// Find control
var fnd = document.getElementById('context-menu');
if(fnd!=null) fnd.style.display="none";

// Find control
fnd = document.getElementById('context_menu_back');
if(fnd!=null) fnd.style.display="none";

}

// ---------------------------------------
// Show context menu
// ---------------------------------------

function ctxShow(PosX, PosY, Data)
{

// Find control
var fnd = document.getElementById('context-menu');

// Check control
if(fnd!=null) ctxDestroy();

// Create background element
var bg = document.createElement('div');
bg.onmousedown = ctxDestroy;
bg.id = 'context_menu_back';

var fbg = GetEl('background_content');
fbg.parentNode.insertBefore(bg, fbg);

// Create element
var s = document.createElement('div');
s.id = 'context-menu';
s.style.top = PosY;
s.style.left = PosX;
s.style.position =  'absolute';
s.style.zIndex = 500;

// Set layer content
s.innerHTML = Data;

// Add new element to document
document.body.appendChild(s);        

}