function getLeft(e) {
      if (e.offsetParent) return e.offsetLeft + getLeft(e.offsetParent);
      return e.offsetLeft;
    }

    function getTop(e) {
      if (e.offsetParent) return e.offsetTop + getTop(e.offsetParent);
      return e.offsetTop;
    }

    function drag(id, event) {

      var moved = document.getElementById(id);

      var posx = document.all ? window.event.offsetX + getLeft(window.event.srcElement) : event.pageX;
      var posy = document.all ? window.event.offsetY + getTop(window.event.srcElement) : event.pageY;
      moved.style.left = (posx + 12) + "px";
      moved.style.top = (posy + 12) + "px";
      moved.style.visibility = "visible";

    }

    function dragR(id, event) {

      var moved = document.getElementById(id);

      var posx = document.all ? window.event.offsetX + getLeft(window.event.srcElement) : event.pageX;
      var posy = document.all ? window.event.offsetY + getTop(window.event.srcElement) : event.pageY;
      moved.style.left = (posx - 180) + "px";
      moved.style.top = (posy + 12) + "px";
      moved.style.visibility = "visible";

    }

    function hide(id) {
      moved = document.getElementById(id);
      moved.style.visibility = "hidden";
    }