Movable pop up window

Hi All,

We are working on Proof of concept for one of our requirement,

As a part of this we have implemented Iframes. We have written script for pop up window to open the drill through reports.

Script is working fine, but the pop up window which opens is fixed in position, We want the pop up window to be movable.

Also with this script when the child report( drillt through report) opens, the focus is lost from the main report, it becomes kinda blur.

Any suggestions how we can make the pop up window movable?

Sample script is as:

Test #PopupOverlay { display: none; position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: #000000; opacity:.75; } #PopupWindow { display: none; position: absolute; width: 350px; height: 150px; left: 50%; top: 50%; margin: -75px 0 0 -175px; border: solid 2px #cccccc; background-color: #ffffff; } #PopupWindow h1 { display: block; margin: 0; padding: 3px 5px; background-color: #cccccc; text-align: center; } #PopupWindow p { margin: 0px; padding: 5px; font-size: 90%; } #PopupWindow a { display: block; position: absolute; top: 50%; left: 50%; margin: -70px 0 0 145px; width: 25px; height: 25px; background-color: #ff3333; text-align: center; text-decoration: none; font-size: 120%; }

Some thing

This is the main content of the site.
Click here to show a popup window.

Popup Window!