//code update in 10:11 2009-7-18 ,realbeyond@126.com

/*
**------------html 的写法-----------
1: id="popup"      (说明:弹出框的总区域)
2: id="popup_drag" (说明:可拖动区域)
3: id="popup_exit" (说明:关闭区域)
<div class="login" id="popup" style="display: none;">
 <div class="rndtop"></div>
 <div class="rndline">
  <div class="loginit">
   <div class="lgntitle" id="popup_drag"><h2></h2><p><img src="/images/close.gif" id="popup_exit" alt="关闭" /></p></div>
   <div class="lgnmain"></div>
  </div>
 </div>
 <div class="rndbottom"></div>
</div>

<a href="#" onclick="popup_show()">快速登陆</a>

*/


var popup_dragging = false;
var popup_target;
var popup_mouseX;
var popup_mouseY;
var popup_mouseposX;
var popup_mouseposY;
var popup_oldfunction;


function popup_display(x)
{
  
  var win = window.open();
  for (var i in x) win.document.write(i+' = '+x[i]+'<br>');
}
// ----- popup_mousedown -------------------------------------------------------
function popup_mousedown(e)
{
  var ie = navigator.appName == "Microsoft Internet Explorer";
  if ( ie && window.event.button != 1) return;
  if (!ie && e.button            != 0) return;
  popup_dragging = true;
  popup_target   = this['target'];
  popup_mouseX   = ie ? window.event.clientX : e.clientX;
  popup_mouseY   = ie ? window.event.clientY : e.clientY;
  if (ie)
       popup_oldfunction      = document.onselectstart;
  else popup_oldfunction      = document.onmousedown;
  if (ie)
       document.onselectstart = new Function("return false;");
  else document.onmousedown   = new Function("return false;");
}
// ----- popup_mousemove -------------------------------------------------------
function popup_mousemove(e)
{
  if (!popup_dragging) return;
  var ie      = navigator.appName == "Microsoft Internet Explorer";
  var element = document.getElementById(popup_target);
  var mouseX = ie ? window.event.clientX : e.clientX;
  var mouseY = ie ? window.event.clientY : e.clientY;
  element.style.left = (element.offsetLeft+mouseX-popup_mouseX)+'px';
  element.style.top  = (element.offsetTop +mouseY-popup_mouseY)+'px';
  popup_mouseX = ie ? window.event.clientX : e.clientX;
  popup_mouseY = ie ? window.event.clientY : e.clientY;
}
// ----- popup_mouseup ---------------------------------------------------------
function popup_mouseup(e)
{
  if (!popup_dragging) return;
  popup_dragging = false;
  var ie      = navigator.appName == "Microsoft Internet Explorer";
  var element = document.getElementById(popup_target);
  if (ie)
       document.onselectstart = popup_oldfunction;
  else document.onmousedown   = popup_oldfunction;
}

// ----- popup_show ------------------------------------------------------------
function popup_show()
{
 
  var popAll=document.createElement("div");
            popAll.setAttribute('id','bgDiv');
            popAll.style.position="absolute";
            popAll.style.top="0";
            popAll.style.background="#000000";
            popAll.style.filter="Alpha(opacity=0)";
            popAll.style.opacity="0";
            popAll.style.left="0";
            popAll.style.width=document.body.offsetWidth + "px";
            popAll.style.height=document.body.offsetHeight + "px";
            popAll.style.zIndex = "99999";
            document.body.appendChild(popAll);
  
  element      = document.getElementById('popup');
  drag_element = document.getElementById('popup_drag');
  exit_element = document.getElementById('popup_exit');
  element.style.position   = "absolute";
  element.style.visibility = "visible";
  element.style.display    = "block";
  //element.style.background="#fff";
  //element.style.width = "502px";
  //element.style.left = "30%";
  //element.style.right = "50%";
  //element.style.marginLeft = "-251px";
  //element.style.top  = "60%";
  //element.style.bottom  = "50%";
  //element.style.marginTop = "-100px";
  element.style.zIndex = "100000";
  drag_element['target']   = 'popup';
  drag_element.onmousedown = popup_mousedown;
  exit_element.onclick     = popup_exit;
  
  /*var slct = document.getElementsByTagName("select");
  for(i=0;i<slct.length;i++) slct[i].style.visibility = "hidden";*/
  
}

// ----- popup_exit ------------------------------------------------------------
function popup_exit(e)
{
  var ie      = navigator.appName == "Microsoft Internet Explorer";
  var element = document.getElementById(popup_target);
  
  popup_mouseup(e);
  
  element.style.visibility = 'hidden';
  element.style.display    = 'none';
  document.body.removeChild(document.getElementById('bgDiv'));
  /*var slct = document.getElementsByTagName("select");
  for(i=0;i<slct.length;i++) slct[i].style.visibility = "visible";*/
  
  }
// ----- popup_mousepos --------------------------------------------------------
function popup_mousepos(e)
{
  var ie = navigator.appName == "Microsoft Internet Explorer";
  popup_mouseposX = ie ? window.event.clientX : e.clientX;
  popup_mouseposY = ie ? window.event.clientY : e.clientY;
}
// ----- Attach Events ---------------------------------------------------------
if (navigator.appName == "Microsoft Internet Explorer")
     document.attachEvent('onmousedown', popup_mousepos);
else document.addEventListener('mousedown', popup_mousepos, false);
if (navigator.appName == "Microsoft Internet Explorer")
     document.attachEvent('onmousemove', popup_mousemove);
else document.addEventListener('mousemove', popup_mousemove, false);
if (navigator.appName == "Microsoft Internet Explorer")
     document.attachEvent('onmouseup', popup_mouseup);
else document.addEventListener('mouseup', popup_mouseup, false);