div拖动并且排序

<script type="text/javascript"><!--
google_ad_client = "pub-4490194096475053";
/* 内容页,300x250,第一屏 */
google_ad_slot = "3685991503";
google_ad_width = 300;
google_ad_height = 250;
//-->
</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