div拖动并且排序

<script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

为什么叫改呢？因为我用了YUI这个JS库。
先看下图：
这是一个客户的事情的4种状态，分 紧急，不紧急..等.....
然后客户需要在4个区域里面的每个事情进行拖动，比如 ：把"紧急"的事情拖到"不紧急"里面去。
4个区域都可以相互拖动，并且可以相互插入、排序。
如下图：（已拖动、排序）
如果只做静态的话，可能已经够了，可是你拖动后，必须把相应的状态也要修改下。所以必须修改数据库。所以写个脚本先显示值。
如下图：
实现这个有哪些困难：
第一、div拖动。
第二、拖到后可以插入的相应的地方。
第三、拖动后的布局变化。
第四、如果一个区域全部拖完后，在想拖进来一个。就可能有问题。（所以必须先给这些区域定义一个高度。）
第五、拖动后，改变数据库对应的状态。（有2种实现方法：第1：拖动的时候，同时触发数据库修改
第2：拖动完以后，然后一次性保存修改。）
演示请下载后自行运行
http://www.corange.cn//uploadfiles/div-order_52975.rar