//
//
function erase_lightframe(){
var bodyElement = document.getElementsByTagName("body");
var lcDarklayer = bodyElement[0].getElementsByClassName("lightFrame_darkLayer");
var lcBigDiv = bodyElement[0].getElementsByClassName("lightFrame_bigDiv");
var darkLayer = lcDarklayer[0];
var bigDiv = lcBigDiv[0];
bodyElement[0].removeChild(darkLayer);
bodyElement[0].removeChild(bigDiv);
}
//
//
function lightFrame(iframesrc, closeImgSrc,mytext,lightBoxColor,txtClass, txtwidth, txtheight, lsOptScroll)
{
var darkLayer = document.createElement('div');
darkLayer.className='lightFrame_darkLayer';
var bodyElement = document.getElementsByTagName("body");
var paddingValue = 10;
bodyElement[0].style.cursor = "wait";
var closeImgElement = new Image(32, 32);
closeImgElement.src = closeImgSrc;
closeImgElement.style.cursor = "pointer" ;
var bigDiv = document.createElement('div');
bigDiv.className='lightFrame_bigDiv';
bigDiv.style.zIndex = 300;
bigDiv.style.position = "absolute";
bigDiv.style.backgroundColor = '#f0f0f0';
bigDiv.style.border = '2px solid silver';
bigDiv.style.padding = paddingValue + 'px';
var txtElement = document.createElement('text');
txtElement.innerHTML = '<iframe src="'+iframesrc+'" width="'+txtwidth+'" height="'+txtheight+' " scrolling="no" frameborder="0" style="max-width:99.5%" class="lightFrameIframe">';
if (lsOptScroll>'') txtElement.innerHTML = '<iframe src="'+iframesrc+'" width="'+txtwidth+'" height="'+txtheight+' " scrolling="'+lsOptScroll+'" frameborder="0">';
var myTextElement = document.createElement('text');
myTextElement.innerHTML=mytext;
if(txtClass)
{
myTextElement.className = txtClass;
}
var tbElement = document.createElement('table');
var tbBody = document.createElement("tbody");
var tableRow1 = document.createElement('tr');
var tableRow2 = document.createElement('tr');
var imageColumn = document.createElement('td');
var textColumn =document.createElement('td');
var closeImageColumn = document.createElement('td');
imageColumn.colSpan = 2;
textColumn.style.textAlign = "left";
closeImageColumn.style.textAlign = "right";
bodyElement[0].appendChild(darkLayer);
bodyElement[0].appendChild(bigDiv);
bigDiv.appendChild(tbElement);
tbElement.appendChild(tbBody);
tbBody.appendChild(tableRow1);
tableRow1.appendChild(imageColumn);
imageColumn.appendChild(txtElement);
tbBody.appendChild(tableRow2);
tableRow2.appendChild(textColumn);
tableRow2.appendChild(closeImageColumn);
textColumn.appendChild(myTextElement);
closeImageColumn.appendChild(closeImgElement);
setTimeout(function(){setBigDivPostion(bigDiv,tbElement);},1000);
setTimeout(function(){setDarkLayer(darkLayer,lightBoxColor,tbElement);},1000);
closeImgElement.onload = function()
{
setBigDivPostion(bigDiv,tbElement);
setDarkLayer(darkLayer,lightBoxColor,tbElement);
};
closeImgElement.onclick = function()
{
bodyElement[0].removeChild(darkLayer);
bodyElement[0].removeChild(bigDiv);
};
darkLayer.onclick = function()
{
bodyElement[0].removeChild(darkLayer);
bodyElement[0].removeChild(bigDiv);
};
document.onkeydown = function(event) {
if (event.keyCode == 27) {
bodyElement[0].removeChild(darkLayer);
bodyElement[0].removeChild(bigDiv);
}
return event.returnValue;
}
}
//
//
//
function setBigDivPostion(bigDiv,tbElement)
{
var viewportElement = getViewportSize();
if(viewportElement.viewportHeight > tbElement.scrollHeight)
{
//var newTop = document.body.scrollTop + (viewportElement.viewportHeight - tbElement.scrollHeight)/2;
var scrollTopPosition = 0;
if(document.body.scrollTop > 0)
{
scrollTopPosition = document.body.scrollTop;
}
else if (document.getElementsByTagName('body')[0].scrollTop > 0)
{
scrollTopPosition = document.getElementsByTagName('body')[0].scrollTop;
}
else if(document.documentElement.scrollTop > 0 )
{
scrollTopPosition = document.documentElement.scrollTop;
}
var newTop = scrollTopPosition + (viewportElement.viewportHeight - tbElement.scrollHeight)/2;
}
else
{
//var newTop = document.body.scrollTop;
var newTop = 0;
if(document.body.scrollTop > 0)
{
newTop = document.body.scrollTop;
}
else if (document.getElementsByTagName('body')[0].scrollTop > 0)
{
newTop = document.getElementsByTagName('body')[0].scrollTop;
}
else if(document.documentElement.scrollTop > 0 )
{
newTop = document.documentElement.scrollTop;
}
}
if(viewportElement.viewportWidth > tbElement.scrollWidth)
{
//var newLeft = document.body.scrollLeft + (viewportElement.viewportWidth - tbElement.scrollWidth)/2;
var scrollLeftPosition = 0;
if(document.body.scrollLeft > 0)
{
scrollLeftPosition = document.body.scrollLeft;
}
else if (document.getElementsByTagName('body')[0].scrollLeft > 0)
{
scrollLeftPosition = document.getElementsByTagName('body')[0].scrollLeft;
}
else if(document.documentElement.scrollLeft > 0 )
{
scrollLeftPosition = document.documentElement.scrollLeft;
}
var newLeft = scrollLeftPosition + (viewportElement.viewportWidth - tbElement.scrollWidth)/2;
}
else
{
//var newLeft = document.body.scrollLeft;
var newLeft = 0;
if(document.body.scrollLeft > 0)
{
newLeft = document.body.scrollLeft;
}
else if (document.getElementsByTagName('body')[0].scrollLeft > 0)
{
newLeft = document.getElementsByTagName('body')[0].scrollLeft;
}
else if(document.documentElement.scrollLeft > 0 )
{
newLeft = document.documentElement.scrollLeft;
}
}
bigDiv.style.top = newTop + "px";
bigDiv.style.left = newLeft + "px";
var bodyElement = document.getElementsByTagName("body");
bodyElement[0].style.cursor = "default";
}
//
//
function getViewportSize()
{
this.viewportHeight = 0;
this.viewportWidth = 0;
if (typeof window.innerWidth != 'undefined')
{
this.viewportWidth = window.innerWidth;
this.viewportHeight = window.innerHeight;
}
else if (typeof document.documentElement != 'undefined'
&& typeof document.documentElement.clientWidth != 'undefined'
&& document.documentElement.clientWidth != 0)
{
this.viewportWidth = document.documentElement.clientWidth;
this.viewportHeight = document.documentElement.clientHeight;
}
else
{
this.viewportWidth = document.getElementsByTagName('body')[0].clientWidth;
this.viewportHeight = document.getElementsByTagName('body')[0].clientHeight;
}
return this;
}
//
//
//
function setDarkLayer(darkLayer,lightBoxColor,tbElement)
{
darkLayer.style.zIndex = 202;
darkLayer.style.position = 'absolute';
darkLayer.style.top = '0px';
darkLayer.style.left = '0px';
darkLayer.style.height = '300%'; // (document.body.scrollHeight) + 'px';
darkLayer.style.width = '100%';  // (document.body.scrollWidth) + 'px';
darkLayer.style.backgroundColor = lightBoxColor;
setOpacity(darkLayer,0.4);
}
//
//
//
function setOpacity(object,opacityPct)
{
object.style.zoom = 1;
object.style.filter = 'alpha(Opacity=' + opacityPct*100 + ')';
//IE.
object.style.filter = "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + opacityPct*100 + ")";
object.style.MozOpacity = opacityPct;
object.style.opacity = opacityPct;
}