<script language="JavaScript">
var dragapproved=false
var z,x,y
function move(){
if (dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-yreturn false
}}
function drags(){dragapproved=true
z=document.getElementById("img1")x=event.clientX+30
y=event.clientY+30
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
document.onmousemove=move
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
</script>
<body>
        <img id="img1" src="img/draw.jpg" style="position:relative;cursor:hand">
</body>