function showCustomLayer()
{
	document.getElementById('customlayer').style.display = '';
}
function hideCustomLayer()
{
	document.getElementById('customlayer').style.display = 'none';
}

function showHelpElement(name)
{
	if(document.getElementById('shadowelement') != null)
		closeHelpElement();

	var elem = document.createElement('div');
	elem.id = 'helpelement';
	elem.style.position = 'absolute';
	elem.style.top = 30 + 'px';
	elem.style.right = 30 + 'px';
	elem.style.width = 400 + 'px';
	elem.style.height = 500 + 'px';
	elem.style.overflow = 'auto';
	elem.style.padding = 5 + 'px';
	elem.style.border = '2px solid #804f1d';
	elem.style.backgroundColor = '#f6e0c0';
	elem.style.textAlign = 'left';

	var elemClose = document.createElement('div');
	elemClose.style.textAlign = 'right';
	elemClose.innerHTML = '<a href="javascript:closeHelpElement();">close</a>';
	elem.appendChild(elemClose);

	var container = document.createElement('div');
	container.innerHTML = document.getElementById(name).innerHTML;
	elem.appendChild(container);

	var shadow = document.createElement('div');
	shadow.id = 'shadowelement';
	shadow.style.width = 400 + 'px';
	shadow.style.height = 500 + 'px';
	shadow.style.padding = 5 + 'px';
	shadow.style.border = '2px solid black';
	shadow.style.position = 'absolute';
	shadow.style.top = 40 + 'px';
	shadow.style.right = 20 + 'px';
	shadow.style.backgroundColor = 'black';
	shadow.style.opacity = 0.2;
	shadow.style.MozOpacity = 0.2;
	shadow.style.filter = 'alpha(opacity=20)';

	document.body.insertBefore(elem, document.body.firstChild);
	document.body.insertBefore(shadow, document.body.firstChild);
}

function closeHelpElement()
{
	document.body.removeChild(document.getElementById('helpelement'));
	document.body.removeChild(document.getElementById('shadowelement'));
}