var offsetX, offsetY, isDragging=false;
window.onload = init;
document.onmousemove = mM;
document.onmouseup = mU;
function init() {
   document.getElementById("me").ondrag=function(){return false;};
   document.getElementById("me").style.left = 300 + "px";
   document.getElementById("me").style.top = 300 + "px";
}
function mD(e) {
   if (window.event) e=window.event;
   var dragX = parseInt(document.getElementById("me").style.left);
   var dragY = parseInt(document.getElementById("me").style.top);
   if (typeof e.preventDefault != 'undefined') {
      e.preventDefault();
   }
   var mouseX = e.clientX;
   var mouseY = e.clientY;
   offsetX = mouseX - dragX;
   offsetY = mouseY - dragY;
   isDragging = true;
   return false;
}
function mM(e) {
   if (!isDragging) return;
   //document.body.onselectstart=function(){return false;}
   if (window.event) e=window.event
   var newX = e.clientX - offsetX;
   var newY = e.clientY - offsetY;
   document.getElementById("me").style.left = newX + "px";
   document.getElementById("me").style.top = newY + "px";
   return false;
}
function mU() {
   //document.body.onselectstart=function(){return true;}
   if (!isDragging) return;
   isDragging = false;
   return false;
}
function stop() {
   document.getElementById("me").style.display = 'none';
   document.getElementById("inside").innerHTML = "";
}