function createOverlayer(strContentElement)
{
	// get some values
	var intPageWidth			= getWidth();
	var intPageHeight			= getHeight();
	var intPageScrollHeight		= getScrollHeight();
	var intScrollTop			= getScrollTop();
	
	var objContent				= $(strContentElement);
	var intContentWidth			= parseInt(objContent.getStyle('width'));
	var intContentHeight		= parseInt(objContent.getStyle('height'));
	
	// create transparent layer
	objLayer1 = new Element('div');
	objLayer1.setProperty('id', 'overlayer_1');
	objLayer1.setStyle('position', 'absolute');
	objLayer1.setStyle('top', '0px');
	objLayer1.setStyle('left', '0px');
	objLayer1.setStyle('width', intPageWidth);
	objLayer1.setStyle('height', intPageScrollHeight);
	objLayer1.setStyle('background-color', '#000000');
	objLayer1.setStyle('opacity', ' 0.35');
	objLayer1.setStyle('-moz-opacity', '0.35');
	objLayer1.setStyle('filter', 'alpha(opacity=35)');
	objLayer1.setStyle('z-index', '998');
	objLayer1.injectAfter($('wrapper'));
	
	// create second (non transparent) layer
	objLayer2 = new Element('div');
	objLayer2.setProperty('id', 'overlayer_2');
	objLayer2.setStyle('position', 'absolute');
	objLayer2.setStyle('top', (intScrollTop + (intPageHeight / 2)) - (intContentHeight / 2));
	objLayer2.setStyle('left', (intPageWidth - intContentWidth) / 2);
	objLayer2.setStyle('width', intContentWidth);
	objLayer2.setStyle('height', intContentHeight);
	objLayer2.setStyle('display', 'block');
	objLayer2.setStyle('z-index', '999');
	objLayer2.injectAfter($('wrapper'));
	
	var objRealContent = objContent;
	objRealContent.setStyle('display', 'block');
	objRealContent.injectInside(objLayer2);
}