jquery mapa

<style>
#okruh{width:150;height:150;border:1px solid black;overflow:hidden;position:absolute;top:100;left:100;}
#mapa{width:300;height:300;border:1px solid green;position:absolute;top:0;left:0;}
</style>
<div id="okruh">
<div id="mapa"><img><img><img><img><br><img><img><img><img><br><img><img><img><img></div>
</div>

$("#okruh").mousedown(function(a){
var x=a.pageX-this.offsetLeft;
});

$("#okruh").mouseup(function(b){
});

$("#okruh").mouseover(function(c){
var x=c.pageX-this.offsetLeft;
});
$("#okruh").mousemove(function(d){
var move=d.pageX-this.offsetLeft;
var rozdiel=move-x;
alert (x+" "+move" "+rozdiel);
});

$("#okruh").mouseover(function(c){
var x=c.pageX-this.offsetLeft;
});