function myPopupRelocate() {
 var scrolledX;
 var scrolledY;
 if( self.pageYOffset ) {
   scrolledX = self.pageXOffset;
   scrolledY = self.pageYOffset;
 } else if( document.documentElement && document.documentElement.scrollTop ) {
   scrolledX = document.documentElement.scrollLeft;
   scrolledY = document.documentElement.scrollTop;
 } else if( document.body ) {
   scrolledX = document.body.scrollLeft;
   scrolledY = document.body.scrollTop;
 }

 var centerX;
 var centerY;
 if( self.innerHeight ) {
   centerX = self.innerWidth;
   centerY = self.innerHeight;
 } else if( document.documentElement && document.documentElement.clientHeight ) {
   centerX = document.documentElement.clientWidth;
   centerY = document.documentElement.clientHeight;
 } else if( document.body ) {
   centerX = document.body.clientWidth;
   centerY = document.body.clientHeight;
 }

 var leftOffset = scrolledX + (centerX - 450) / 2;
 var topOffset = scrolledY + (centerY - 250) / 2;

 document.getElementById("mypopup").style.top = topOffset + "px";
 document.getElementById("mypopup").style.left = leftOffset + "px";
}

function fireMyPopup() {
 var browser=navigator.appName; 

 myPopupRelocate();
 document.getElementById("mypopup").style.display = "block";
 document.body.onscroll = myPopupRelocate;
 window.onscroll = myPopupRelocate; 
 if((browser=='Netscape') || (browser=='Opera') || (browser=='Safari')) {	
	document.getElementById('bodydiv').style.height=document.body.scrollHeight;
	document.getElementById('bodydiv').style.width=document.body.offsetWidth;
 }
 if(browser=='Microsoft Internet Explorer')
 {	 	
	document.getElementById('bodydiv').style.height=document.body.scrollHeight;
 	document.getElementById('bodydiv').style.width=document.body.clientWidth;	 	 
 }
 document.getElementById('bodydiv').style.display='block';
}

function styledPopupClose() {
 document.getElementById("mypopup").style.display = "none";
 document.getElementById('bodydiv').style.display='none';
}