/*
	Lightbox

*/
function initLightbox()
{
	var objBody = document.getElementsByTagName("body").item(0);

	var objOverlay = document.createElement("div");
	objOverlay.setAttribute('id','overlay');
	objOverlay.onclick = function () {hideLightbox(); return false;}
	objOverlay.style.display = 'none';
	objOverlay.style.position = 'absolute';
	objOverlay.style.zIndex = '1000';
	objBody.insertBefore(objOverlay, objBody.lastChild);

}


function hideLightbox()
{
	objOverlay = document.getElementById('overlay');
	objOverlay.style.display = 'none';
	while (objOverlay.hasChildNodes())
	{
	    var objChild = objOverlay.firstChild;
    	objOverlay.removeChild(objChild);
    }
}

function getPos(obj) {
	if(!obj)
		return new Array(0, 0);

	var r = getPos(obj.offsetParent);
	return new Array(r[0] + obj.offsetLeft, r[1] + obj.offsetTop);
}

function showLightbox(objSource, URL, width, height)
{
	var objHeader = document.createElement("div");
	objHeader.setAttribute('id', 'titleOverlay');

	if (objSource.firstChild.nodeType == 1)
	{
	  objHeader.innerHTML = objSource.firstChild.firstChild.nodeValue + "<hr>";
	}
	if (objSource.firstChild.nodeType == 3)
	{
	  objHeader.innerHTML = objSource.firstChild.nodeValue + "<hr>";
	}
	

	objHeader.style.width = width + 'px';
	var objContent = document.createElement("div");
	objContent.innerHTML = "<iframe src='" + URL + "' width='" + width + "px' height='" + height + "px' style='border:0px solid black;' frameborder='0' scrolling='no'>";
	objContent.style.width = width + 'px';
	objContent.style.height = height + 'px';
	objOverlay = document.getElementById('overlay');
	objOverlay.style.left = getPos(objSource)[0] + 'px';
	objOverlay.style.top = getPos(objSource)[1] + objSource.offsetHeight + 'px';
	objOverlay.style.width = width + 'px';
	objOverlay.insertBefore(objHeader, objOverlay.firstChild);
	objOverlay.appendChild(objContent);
	objOverlay.style.display = 'block';
}