function setOpacity( value, myPop ) {
 document.getElementById(myPop).style.opacity = value / 10;
 document.getElementById(myPop).style.filter = 'alpha(opacity=' + value * 10 + ')';
}

function fadeInMyPopup(myPop) {
 for( var i = 0 ; i <= 100 ; i++ )
   setTimeout( 'setOpacity(' + (i / 10) + ',\'' + myPop + '\')' , 8 * i );
}

function fadeOutMyPopup(myPop) {
 for( var i = 0 ; i <= 100 ; i++ ) {
   setTimeout( 'setOpacity(' + (10 - i / 10) + ',\''  + myPop + '\')' , 8 * i );
 }

 setTimeout('closeMyPopup(\'' + myPop + '\')', 800 );
}

function closeMyPopup(myPop) {
 document.getElementById(myPop).style.display = "none";
 document.getElementById("fadeOut").style.display = "none";
}

function fireMyPopup(myPop, dimx, dimy) {
	document.getElementById("fadeOut").style.display = "block";
	document.getElementById("fadeOut").style.opacity = "0.8";
	document.getElementById("fadeOut").style.filter = "Alpha(opacity=80)";
 setOpacity( 0,myPop );
 var scrolledX, 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;
 }
 // Determine the coordinates of the center of the page
 var centerX, 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 - dimx) / 2;
 var topOffset = scrolledY + (centerY - dimy) / 2;
 document.getElementById(myPop).style.width = dimx + "px";
 document.getElementById(myPop).style.height = dimy + "px";
 document.getElementById(myPop).style.top = topOffset + "px";
 document.getElementById(myPop).style.left = leftOffset + "px";
 document.getElementById(myPop).style.display = "block";
 fadeInMyPopup(myPop);
}