//Das Objekt, das gerade bewegt wird.
var dragobjekt = null;

// Position, an der das Objekt angeklickt wurde.
var dragx = 0;
var dragy = 0;

// Mausposition
var posx = 0;
var posy = 0;

document.onmousemove = drag;
document.onmouseup   = dragstop;

function dragstart(elementId) {
  dragobjekt = document.getElementById(elementId);
  dragx = posx - dragobjekt.offsetLeft;
  dragy = posy - dragobjekt.offsetTop;
}

function dragstop() {
  dragobjekt=null;
}

function drag(ereignis) {
  posx = document.all ? window.event.clientX : ereignis.pageX;
  posy = document.all ? window.event.clientY : ereignis.pageY;
  if(dragobjekt != null) {
    dragobjekt.style.left = (posx - dragx) + "px";
    dragobjekt.style.top = (posy - dragy) + "px";
  }
}

function hideElementById(elementId) {
  document.getElementById(elementId).style.display = 'none';
}

function hideShowElementById(hideElementId, showElementId) {
  document.getElementById(hideElementId).style.display = 'none';
  document.getElementById(showElementId).style.display = '';
}