请教一个用jquery的实际例子问题，有页面和问题描述

Question

http://www.ef.com.cn/englishfirst/about/print.aspx 
自己公司的主页，没有做广告的意思，
这页面里点一下标题会弹出来一个div，里面有一张图片可以在限定的范围内拖动，具体的源代码大概如下
<script language="javascript">  var   ms=0;  
  function   did(obj)
  {  
    ms=obj;  
    event.srcElement.setCapture();  
    x=document.all(ms).style.pixelLeft-event.x;  
    y=document.all(ms).style.pixelTop-event.y;  
  }  
   
  function   document.onmousemove()
  {  
    if(ms)
    {  
   
    maxleft=430-document.all(ms).width; 
    maxtop=340-document.all(ms).height;
    
    
    if((x+event.x)<0 && (x+event.x)> maxleft)
        document.all(ms).style.pixelLeft=x+event.x;  
    if((y+event.y)<0 && (y+event.y)> maxtop)
        document.all(ms).style.pixelTop=y+event.y;  
      
    }  
  }     
  function   document.onmouseup()
  {  
    if(ms)
    {  
    event.srcElement.releaseCapture();
    ms=0;  
    } 
  }
  </script>
但是不兼容非ie浏览器，现在我改用jquery的ui，发现还不太会实现这个效果，请教一下
draggable的 axis 和 containment参数都比较简单