function getWindowXY(){
	var winX=0,winY=0;

	if(typeof(window.innerWidth)=='number'){
		winX = window.innerWidth;
		winY = window.innerHeight;
	}
	else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight))
	{
		winX = document.documentElement.clientWidth;
		winY = document.documentElement.clientHeight;
	}
	else if(document.body && (document.body.clientWidth || document.body.clientHeight)){
		winX = document.body.clientWidth;
		winY = document.body.clientHeight;
	}
	return [winX,winY];
}
function getScrollXY(){
	var scrOfX=0,scrOfY=0;
	
	if(document.body && (document.body.scrollLeft || document.body.scrollTop)){
		scrOfY = document.body.scrollTop;
		scrOfX = document.body.scrollLeft;
	}
	else if(document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)){
		scrOfY = document.documentElement.scrollTop;
		scrOfX = document.documentElement.scrollLeft;
	}
	return [scrOfX,scrOfY];
}

function loadLighbox(ltbxWidth,ltbxHeight,linkUrl){
	var windCord = getWindowXY();
	var scroCord = getScrollXY();
	var bodyObj= document.body;
	var boxLayer1 = document.createElement('div');
	var boxLayer2 = document.createElement('div');
	var newFrame = document.createElement('iframe');
	//bodyObj.style.overflow="hidden";

	boxLayer1.id="rootBoxId";
	boxLayer1.style.background="#111";
	boxLayer1.style.opacity =0.6;
	boxLayer1.style.filter ='alpha(opacity=60)';
	boxLayer1.style.width=bodyObj.scrollWidth+"px";
	boxLayer1.style.height=bodyObj.scrollHeight+"px";

	boxLayer2.id="lightBoxId";
	boxLayer2.style.width=ltbxWidth+"px";
	boxLayer2.style.height=ltbxHeight+"px";
	boxLayer2.style.left=((windCord[0]/2)-(ltbxWidth/2)+scroCord[0]) + 'px';
	boxLayer2.style.top =((windCord[1]/2)-(ltbxHeight/2)+scroCord[1]) + 'px';
	boxLayer2.innerHTML="<div class='closeBut'><a href='javascript:closeLighbox();' class='closeclr'><img src='images/close.gif' alt='Close X' /></a></div>"

	newFrame.src = linkUrl;
	newFrame.id = "boxFrameId";
	newFrame.frameBorder = 0;
	newFrame.style.backgroundColor = "transparent";
	newFrame.style.width = "100%";
	newFrame.style.height = "100%";
	newFrame.scrolling = "no";
	newFrame.allowTransparency="true";


	bodyObj.appendChild(boxLayer1);
	bodyObj.appendChild(boxLayer2);
	boxLayer2.appendChild(newFrame);

	if(boxLayer1.addEventListener){
		boxLayer1.addEventListener("click", closeLighbox, false);
	}
	if(boxLayer1.attachEvent){
		boxLayer1.attachEvent("onclick", closeLighbox);
	}
}

function closeLighbox(){
	var bodyObj= document.body;
	var boxLayer1= document.getElementById("rootBoxId");
	var boxLayer2= document.getElementById("lightBoxId");
	if(boxLayer1!=null){
		bodyObj.removeChild(boxLayer1);
	}
	if(boxLayer2!=null){
		bodyObj.removeChild(boxLayer2);
	}
	bodyObj.style.overflow="auto";
}

function clsBox_opnOthBox(ltbxWidth,ltbxHeight,linkUrl){
	var bodyObj= document.body;
	var boxLayer1= document.getElementById("rootBoxId");
	var boxLayer2= document.getElementById("lightBoxId");
	if(boxLayer1!=null){
		bodyObj.removeChild(boxLayer1);
	}
	if(boxLayer2!=null){
		bodyObj.removeChild(boxLayer2);
	}

	loadLighbox(ltbxWidth,ltbxHeight,linkUrl)
}