var orgCursor=null;   // The original Cursor (mouse) Style so we can restore it
var dragOK=false;     // True if we're allowed to move the element under mouse
var dragXoffset=0;    // How much we've moved the element on the horozontal
var dragYoffset=0;    // How much we've moved the element on the verticle

function openDragPanel(obj, width, height) {
     dragObj = obj;
     dragObj.style.display='block';
     dragObj.style.width=width+"px";
     dragObj.style.height=height+"px";
     dragObj.style.left=screen.width/2-width+'px';
     dragObj.style.top=screen.height/2-height+'px';
}

function openDragPanelAfter(obj, elementAfter, width, height) {                
     dragObj = obj;
     dragObj.style.display='block';
     dragObj.style.width=width+"px";
     dragObj.style.height=height+"px";
     
     if (elementAfter == null) {
         dragObj.style.left=event.clientX-10+'px';
         dragObj.style.top=event.clientY+10+'px';
     }
     else {
         dragObj.style.left=event.clientX-10+'px';
         dragObj.style.top=event.clientY+10+'px';
     }
}

function closeDragPanel() {
     dragObj.style.display='none';
}

function closePanel() {
    
    dragObj.style.display='none';
    document.getElementById('err').style.display="none";
    document.getElementById('Msg').style.display="none";
    document.getElementById('Msg2').style.display="none";
    document.getElementById('Msg3').style.display="none";
    
    document.getElementById('divText').style.display="block";
    document.getElementById('loginHeader').style.display="block";
    document.getElementById('txtLogin').style.display="block";
    document.getElementById('button1').style.display="block";
}

function moveDragHandler(e){
  if (e == null) { e = window.event } 
  if (e.button<=1&&dragOK){
     savedTarget.style.left=e.clientX-dragXoffset+'px';
     savedTarget.style.top=e.clientY-dragYoffset+'px';
     return false;
  }
}

function cleanupDrag(e) {
  document.onmousemove=null;
  document.onmouseup=null;
  savedTarget.style.cursor=orgCursor;
  dragOK=false;
}

function dragHandler(e){
  var htype='-moz-grabbing';
  if (e == null) { e = window.event; htype='move';} 
  var target = e.target != null ? e.target : e.srcElement;
  orgCursor=target.style.cursor;
  if (target.className=="divDragPanelHeader") {
     savedTarget=dragObj;       
     target.style.cursor=htype;
     dragOK=true;
     dragXoffset=e.clientX-parseInt(dragObj.style.left);
     dragYoffset=e.clientY-parseInt(dragObj.style.top);
     document.onmousemove=moveDragHandler;
     document.onmouseup=cleanupDrag;
     return false;
  }
}	 
 document.onmousedown=dragHandler;