var ie = document.all;
var nn6 = document.getElementById &&! document.all;

var isdrag = false;
var x, y;
var dobj;

function movemouse( e ) {
 if( isdrag ) {
   dobj.style.left = nn6 ? tx + e.clientX - x +"px": tx + event.clientX - x +"px";
   dobj.style.top  = nn6 ? ty + e.clientY - y +"px": ty + event.clientY - y + "px";
   return false;
 }
}

function selectmouse( e ) {
 var fobj       = nn6 ? e.target : event.srcElement;
 var topelement = nn6 ?  'HTML'  :  'BODY' ;
// while (fobj.tagName != topelement  ) {
//   fobj = nn6 ? fobj.parentNode : fobj.parentElement;
// }

 
   isdrag = true;
   dobj = document.getElementById('popup_box');
   tx = parseInt(dobj.style.left+0);
   ty = parseInt(dobj.style.top+0);
   x = nn6 ? e.clientX : event.clientX;
   y = nn6 ? e.clientY : event.clientY;
   document.onmousemove=movemouse;
   return false;
 
}

function styledPopupClose() {
 document.getElementById('popup_box').style.display =  'none' ;
}

window.onload= assign;
function assign()
{document.getElementById('popup_box').onmousedown=selectmouse;
document.getElementById('popup_box').onmouseup=mouseup;
document.getElementById('popup_box').onmouseout = mouseup;
}




function mouseup(e)
{
	isdrag=false;
}



 function open_popup(id,url) 
               {                        
                    var iframeObj = document.getElementById("frame1");               
                    iframeObj.setAttribute("src","");
                    iframeObj.setAttribute("src",url);
                    var divPopUp = document.getElementById("popup_box");
                   
//                    document.getElementById(id).style.top="20px";
//                    document.getElementById(id).style.left="50px";
                    
                      // First, determine how much the visitor has scrolled

                        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;
                        }

                        // Next, determine the coordinates of the center of browser's window

                        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;
                        }

                        // Xwidth is the width of the div, Yheight is the height of the
                        // div passed as arguments to the function:
                        
                        var leftoffset = (scrolledX + centerX ) / 2;
                        var topoffset = scrolledY + (centerY ) / 2;
                        // The initial width and height of the div can be set in the
                        // style sheet with display:none; divid is passed as an argument to // the function
                        var o=document.getElementById(id);
                        var r=o.style;
                        r.position='absolute';
                        r.top = topoffset-300+ 'px';
                         
                       
                        r.left = leftoffset -388 + "px";
                       
                        r.display = "block"; 
                        
                        document.getElementById(id).style.display = "block";

                }
                
                   function close_popup(id) {
                    var divParent = null;
                    divParent = document.getElementById(id);
                    if (divParent != null)
                        divParent.style.display = "none";
                    }