
function BlackOut(contentHeight,contentWidth){

var myHeader = '<div class="headerbar"><a href="#" onclick="CloseIt()"; return false"><img src="' + imagepath + 'closeit.gif" style="border: 0" title="Close Box"/></a></div>';

var myContent = myHeader+'<div id="interContent"></div>';

var iframe_content = '<iframe src="'+baseurl+'iframe.php" style="width: '+contentWidth+'px; height: '+contentHeight+'px; margin: 0; padding: 0; overflow: hidden;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0"></iframe>';

this.scrollbarwidth = 16;

var containerHeight = contentHeight + 40;
var containerWidth = contentWidth + 1;

this.interVeil=document.getElementById("interVeil");
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body;

var scrollbarwidth=window.innerWidth-(this.interVeil.offsetLeft+this.interVeil.offsetWidth);
this.scrollbarwidth=(typeof scrollbarwidth=="number")? scrollbarwidth : this.scrollbarwidth;

this.disablescrollbars = true;

if (this.disablescrollbars){
if (window.XMLHttpRequest)
this.standardbody.style.overflow="hidden";
else
window.scrollTo(0,0);
}

var ie=document.all && !window.opera;
var dom=document.getElementById;
var scroll_top=(ie)? this.standardbody.scrollTop : window.pageYOffset;
var scroll_left=(ie)? this.standardbody.scrollLeft : window.pageXOffset;
var docwidth=(ie)? this.standardbody.clientWidth : window.innerWidth-this.scrollbarwidth;
var docheight=(ie)? this.standardbody.clientHeight: window.innerHeight;
var docheightcomplete=(this.standardbody.offsetHeight>this.standardbody.scrollHeight)? this.standardbody.offsetHeight : this.standardbody.scrollHeight;

this.interVeil.style.width=docwidth+"px";
this.interVeil.style.height=docheightcomplete+"px";
this.interVeil.style.left=0;
this.interVeil.style.top=0;
this.interVeil.style.visibility="visible";

this.interContainer=document.getElementById("interContainer");
this.interContainer.style.height=containerHeight+"px";
this.interContainer.style.width=containerWidth+"px";
this.interContainer.innerHTML=myContent;;
this.interContent=document.getElementById("interContent");
this.interContent.style.height=contentHeight+"px";
this.interContent.style.width=contentWidth+"px";
var objwidth=this.interContainer.offsetWidth;
var objheight=this.interContainer.offsetHeight;
this.interContainer.style.left=docwidth/2-objwidth/2+"px";
var topposition=(docheight>objheight)? scroll_top+docheight/2-objheight/2+"px" : scroll_top+5+"px";
this.interContainer.style.top=Math.floor(parseInt(topposition))+"px";
this.interContent.innerHTML=iframe_content;
this.interContainer.style.visibility="visible";

window.onresize=function(){
this.scrollbarwidth = 16;
this.interVeil=document.getElementById("interVeil");
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body;
var ie=document.all && !window.opera;
var dom=document.getElementById;
var scroll_top=(ie)? this.standardbody.scrollTop : window.pageYOffset;
var scroll_left=(ie)? this.standardbody.scrollLeft : window.pageXOffset;
var docwidth=(ie)? this.standardbody.clientWidth : window.innerWidth-this.scrollbarwidth;
var docheight=(ie)? this.standardbody.clientHeight: window.innerHeight;
var docheightcomplete=(this.standardbody.offsetHeight>this.standardbody.scrollHeight)? this.standardbody.offsetHeight : this.standardbody.scrollHeight;
this.interVeil.style.width=docwidth+"px";
this.interVeil.style.height=docheightcomplete+"px";
this.interVeil.style.left=0;
this.interVeil.style.top=0;
this.interContainer=document.getElementById("interContainer");
var objwidth=this.interContainer.offsetWidth;
var objheight=this.interContainer.offsetHeight;
this.interContainer.style.left=docwidth/2-objwidth/2+"px";
var topposition=(docheight>objheight)? scroll_top+docheight/2-objheight/2+"px" : scroll_top+5+"px";
this.interContainer.style.top=Math.floor(parseInt(topposition))+"px";
}

}

function CloseIt(){
this.interVeil=document.getElementById("interVeil");
this.interVeil.style.width="10px";
this.interVeil.style.height="10px";
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body;
this.standardbody.style.overflow="auto";
this.interVeil.style.visibility="hidden";
this.interContainer=document.getElementById("interContainer");
this.interContainer.innerHTML="";
this.interContainer.style.visibility="hidden";
}

