Drag&Drop mit Div-Container

[DK]

So nachdem ich mein Problem im letzten Thread ziemlich schlecht dargestellt habe, versuche ich es nun erneut.

Ich habe ein paar Zeilen geschrieben um einen Div-Container mit der Maus per Drag&Drop zu verschieben. Das klappt auch wunderbar. Jedenfalls beim ersten Mal, Sobald ich den Container ein zweites Mal verschieben möchte aber nicht mehr.

Der HTML-Teil:

  
<div style="position: absolute; left: 100px; top: 100px; width: 200px; height: 200px; background-color: black; cursor: move;" id="centerLayer"></div>  

Der JS-Teil:

  
      var X, Y, T, L, Dragging;  
      var layer = new Array();  
      layer['center'] = document.getElementById('centerLayer');  
  
  
      function DragLayer(e){  
        if(Dragging === true){  
          layer['center'].style.top = (parseInt(T) - (Y - e.pageY)) + "px";  
          layer['center'].style.left = (parseInt(L) - (X - e.pageX)) + "px";  
        }  
      return false;  
      }  
  
  
      layer['center'].onmousedown = function(e){ Dragging = true; X = e.pageX; Y = e.pageY; T = layer['center'].style.top; L = layer['center'].style.left; }  
      document.onmousemove = DragLayer;  
      layer['center'].onmouseup = function(){ Dragging = false; }  
  

Bisher habe ich mich nur auf den Firefox konzentriert, daher funktionierts im IE zum Beispiel noch nicht, was allerdings nicht mein Problem ist.

Das Ganze kann hier ausprobiert werden: http://app-check.info/dragdrop.html

Viele Grüße
Dennis