[JS]Przesuwanie obrazka Opcje

[lled3]

Kod

<script type="text/javascript">

var akcja;
var x, y;

function pozycja(e)
{
    akcja = 1;

    x = e.clientX+(document.documentElement.scrollLeft||document.body.scrollLeft);
    y = e.clientY+(document.documentElement.scrollTop||document.body.scrollTop);

    document.getElementById('x').innerHTML=x;
    document.getElementById('y').innerHTML=y;
}

function przesuwanie(e)
{
    var x2, y2;

    if( akcja == 1 )
    {
        x2 = e.clientX+(document.documentElement.scrollLeft||document.body.scrollLeft);
        y2 = e.clientY+(document.documentElement.scrollTop||document.body.scrollTop);

        document.body.scrollLeft = x+(x2-x);
        document.body.scrollTop = y+(y2-y);



        document.getElementById('x').innerHTML=x2;
        document.getElementById('y').innerHTML=y2;
    }
}

</script>

<div style="position:fixed"><b>x</b><div id="x">0</div><br /><b>y</b><div id="y">0</div></div>

<img src="./a.gif" style="top:100px;left:120px;position:relative" />


<img src="./mappa.png" onMouseDown="pozycja(event)" onMouseMove="przesuwanie(event)" onMouseUp="akcja=0" />

napisałem taki kod - który miał by przesuwać obrazek po ekranie - po kliknieciu na niego mysza i przesuwaniu jej. Ale sa dwa problemy:
- po kliknieciu pokazuje sie zakaz - ze nie mozna przesuwac obrazka - i całość działa średnio ... puszczam klawisz a przegladarka interpretujja jak by wciaz byl wcisniety
- samo przesuwanie jakos nie dziala jak powinno ...