fcgpopup = null; function createPopup() { fcgpopup = document.createElement("div"); fcgpopup.style.display = "block"; fcgpopup.style.position = "absolute" fcgpopup.style.width = "300px" fcgpopup.style.height = "250px" fcgpopup.innerHTML = '' + '' + ''+ ' ' + '' document.body.appendChild(fcgpopup); } function myPopupRelocate() { 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; } 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 - 250) / 2; var topOffset = scrolledY + (centerY - 200) / 2; fcgpopup.style.top = topOffset + "px"; fcgpopup.style.left = leftOffset + "px"; } function fireMyPopup() { createPopup(); myPopupRelocate(); document.body.onscroll = myPopupRelocate; window.onscroll = myPopupRelocate; document.onclick = function() { fcgpopup.style.display = "none"; } } window.addEvent('load', function() { fireMyPopup(); });