js任意拖动层，并用cookie保存位置

<script type="text/javascript" language="javascript" > 
var x0=0,y0=0,x1=0,y1=0; 
var moveable=false; 
//开始拖动; 
function startDrag(obj){ 
if(event.button==1){ 
obj.setCapture(); //设置属于当前对象的鼠标捕捉 
var win = obj.parentNode; 
x0 = event.clientX; 
y0 = event.clientY; 
x1 = parseInt(win.offsetLeft); 
y1 = parseInt(win.offsetTop); 
moveable = true; 
} 
} 
//拖动; 
function drag(obj){ 
if(moveable){ 
var win = obj.parentNode; 
win.style.left = x1 + event.clientX - x0; 
win.style.top = y1 + event.clientY - y0; 
} 
} 
//停止拖动; 
function stopDrag(obj){ 
if(moveable){ 
obj.releaseCapture(); //释放当前对象的鼠标捕捉 
moveable = false; 
} 
} 
</script>
<body>
    <form id="form1" runat="server">
    <div id="layer1"> 
<div class="title" onMouseDown="startDrag(this)" onMouseUp="stopDrag(this)" onMouseMove="drag(this)">点击这里拖动1 </div> 
<div class="main"> 
<p style="font:24px">1111111111111111111 </p> 
<p style="font:24px">1111111111111111111 </p> 
</div> 
</div> 
    </form>
</body>现将拖动效果写出，请高手帮忙给谢谢cookie保存，将不胜感激！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！