           "up_done"
            };

      var origin = {x:0, y:0};
      var position = {x:0, y:0};
      var deltaX = 0;
      var deltaY = 0;
      var box = document.getElementById("box");
      var logDiv = document.getElementById("log");

      var currentPhase = PhaseEnum.WaitingForDown;
      var events = [];

      function slide(event){
        // move the target following the mouse
        deltaX = event.clientX - origin.x
        deltaY = event.clientY - origin.y
        box.style.left = `${posi