var LemonPopup = new Object;

LemonPopup.url = '';

LemonPopup.show = function(html) {
	LemonPopup.create();
	document.getElementById("popupContent").innerHTML=html;
	
}

LemonPopup.destroy = function() {	
	var BodyObject = document.getElementsByTagName("body").item(0); 
	BodyObject.removeChild(document.getElementById("popupOverlay"));
	BodyObject.removeChild(document.getElementById("popupContent"));
	BodyObject.removeChild(document.getElementById("popupClose"));
}

LemonPopup.create = function() {
var w=681;var h=405;
var arrayPageSize = LemonPopup.getPageSize();
var BodyObject = document.getElementsByTagName("body").item(0); 
var OverlayObject = document.createElement("div"); 
OverlayObject.setAttribute('id','popupOverlay'); 
OverlayObject.onclick = function() { LemonPopup.destroy(); }
OverlayObject.style.width = arrayPageSize[0] + "px"; 
OverlayObject.style.height = arrayPageSize[1] + 'px'; 
OverlayObject.style.left = '0px'; 
OverlayObject.style.top = '0px'; 
OverlayObject.style.position = "absolute"; 
OverlayObject.style.backgroundColor = "#000000"; 
OverlayObject.style.zindex = "10000000"; 
OverlayObject.style.filter = "alpha(opacity=65)"; 
OverlayObject.style.mozOpacity = ".65"; 
OverlayObject.style.opacity = ".65"; 
OverlayObject.style.display = "block"; 

var ContentObject = document.createElement("div"); 
ContentObject.setAttribute('id', 'popupContent'); 
ContentObject.style.width = w+"px"; 
ContentObject.style.height = h+"px"; 
ContentObject.style.padding = "0px"; 
ContentObject.style.margin = "0px"; 
ContentObject.style.left = (arrayPageSize[0]-w)/2+'px';
ContentObject.style.top = (arrayPageSize[1]-h)/2+'px';
ContentObject.style.position = "absolute"; 
ContentObject.style.zindex = "10000001"; 
ContentObject.style.background = "url(/public/images/default/api-back-bw.png) no-repeat"; 
ContentObject.style.display = "block"; 


var CloseObject = document.createElement("div"); 
CloseObject.onclick = function() { LemonPopup.destroy(); }
CloseObject.setAttribute('id', 'popupClose'); 
CloseObject.style.width = "41px"; 
CloseObject.style.height = "30px"; 
CloseObject.style.cursor = "pointer"; 
CloseObject.style.left = ((arrayPageSize[0]-w)/2)+w-60+'px';
CloseObject.style.top = (arrayPageSize[1]-h)/2-26+'px';
CloseObject.style.position = "absolute"; 
CloseObject.style.zindex = "10000002"; 
CloseObject.style.background = "url(/public/images/default/api-close.png) no-repeat"; 

CloseObject.onmouseover = function() {this.style.backgroundPosition = "right";}
CloseObject.onmouseout = function() {this.style.backgroundPosition = "left";}



BodyObject.appendChild(OverlayObject); 
BodyObject.appendChild(ContentObject); 
BodyObject.appendChild(CloseObject); 
}

LemonPopup.getPageSize = function ()
{
var x,y; 
if (self.innerHeight) { x = self.innerWidth; y = self.innerHeight; } 
else if (document.documentElement && document.documentElement.clientHeight) 
{ x = document.documentElement.clientWidth; y = document.documentElement.clientHeight; } 
else if (document.body) { x = document.body.clientWidth; y = document.body.clientHeight; } 
arrayPageSize = new Array(x,y);
return arrayPageSize; 
}