<script language="JavaScript"> 
<!-- 
var curElement; 
      function doMouseMove() { 
         
        var newleft=0, newTop = 0 
        if ((event.button==1) && (curElement!=null)) { 
          
          newleft=event.clientX-document.all.OuterDiv.offsetLeft- 
(curElement.offsetWidth/2) 
          if (newleft<0) newleft=0 
          curElement.style.pixelLeft= newleft 
          newtop=event.clientY -document.all.OuterDiv.offsetTop- 
(curElement.offsetHeight/2) 
          if (newtop<0) newtop=0 
          curElement.style.pixelTop= newtop 
          event.returnValue = false 
          event.cancelBubble = true 
        } 
      } 
   
      function doDragStart() { 
        // Don't do default drag operation.  
        if ("IMG"==event.srcElement.tagName) 
          event.returnValue=false; 
      } 
   
      function doMouseDown() { 
        if ((event.button==1) && (event.srcElement.tagName=="IMG"))     curElement =  
event.srcElement 
 
      } 
       
   
      document.ondragstart = doDragStart; 
      document.onmousedown = doMouseDown; 
      document.onmousemove = doMouseMove; 
      document.onmouseup = new Function("curElement=null") 
//-->   
</script>  
<body> 

<div id=OuterDiv style="position:relative;width:100%;height:300px"> 
<img id="Pic1" style="position:relative;top: 100;left: 30;cursor: hand;Z-INDEX: 3;"  
src="1.jpg" border=0 alt="something">     
</div>