谁会写鼠标拖拽层到固定位置代码？

<body>
<FIELDSET id=Demo4><LEGEND>样例- 拖拽页面元素</LEGEND>
      <DIV>      <DIV class=DragContainer id=DragContainer4 overclass="OverDragContainer">
      <DIV class=DragBox id=Item1>Item #1</DIV>
      <DIV class=DragBox id=Item2 >Item #2</DIV>
      <DIV class=DragBox id=Item3>Item #3</DIV>
      <DIV class=DragBox id=Item4 >Item #4</DIV></DIV>      <DIV class=DragContainer id=DragContainer5 overclass="OverDragContainer">
      <DIV class=DragBox id=Item5>Item #5</DIV>
</DIV>      <DIV class=DragContainer id=DragContainer6 overclass="OverDragContainer">
      <DIV class=DragBox id=Item9>Item #9</DIV>
      <DIV class=DragBox id=Item10>Item #10</DIV>
      <DIV class=DragBox id=Item11>Item #11</DIV>
      <DIV class=DragBox id=Item12>Item #12</DIV></DIV></DIV></FIELDSET>
</body>
</html>
我想要实现的是用鼠标拖动id=DragContainer4 里面的DragBox到id=DragContainer5里面，当id=DragContainer5里面没有DragBox的时候，能有DragBox拖拽进来，当id=DragContainer5里面有DragBox的时候，只能是DragBox能互相调换一下位置，该要怎么实现啊，有那位高手能知道？