function AppLayerBox() {
  this.oldElement = null;
  this.items = new Array();
}

AppLayerBox.prototype.draw = function(content) {
  var pageSize = new App().getPageSize();
  var pageScroll = new App().getPageScroll();
	
	content = "<div class=\"lightbox_content\">" + content + "</div>";
  
  var objOverlay = document.createElement("div");
  objOverlay.setAttribute('id','lightbox_window' );
	objOverlay.style.position	= 'absolute';
	objOverlay.style.top		= '0px';
	objOverlay.style.left		= '0px';
	objOverlay.style.width		= '100%';
	objOverlay.style.height		= pageSize[1] + 'px';
	objOverlay.style.filter      = 'Alpha(opacity=' + (0.6 * 100) + ')'; // IE
  objOverlay.style.MozOpacity  = 0.6; // Mozilla
  objOverlay.style.zIndex		= 5000000;
  objOverlay.style.background		= '#FFFFFF';
	document.getElementsByTagName('body')[0].appendChild(objOverlay);
	
	
	var objLockbox = document.createElement("div");
	objLockbox.setAttribute('id','lightbox_inner' );
	objLockbox.style.visibility	= 'hidden';
	objLockbox.style.position	= 'absolute';
	objLockbox.style.top		= '0';
	objLockbox.style.left		= '0';
	objLockbox.style.zIndex		= 5000001 ;	
		
	document.getElementsByTagName('body')[0].appendChild(objLockbox);
		
	objLockbox.innerHTML = content;
		
	var objContent = objLockbox;
	height	= new App().getHeight( objContent );
	width	= new App().getWidth( objContent );
	
	cltop   = (pageScroll[1] + ( (pageSize[3] -  height ) / 2 ) ) - 160;
	clleft	= (                ( (pageSize[0] -  width ) / 2 ) );
	
	objLockbox.style.top  = cltop  < 0 ? '0px' : cltop  + 'px';
	objLockbox.style.left = clleft < 0 ? '0px' : clleft + 'px';
		
	objOverlay.style.display = '';
	objLockbox.style.visibility = '';
	//arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
}

AppLayerBox.prototype.close = function() {
  if(document.getElementById('lightbox_window') != null && document.getElementById('lightbox_inner') != null) {
    document.getElementsByTagName('body')[0].removeChild(document.getElementById('lightbox_window'));
    document.getElementsByTagName('body')[0].removeChild(document.getElementById('lightbox_inner'));
	}
}