Nie działa przusuwanie obiektu względem strony

Mam taki problem przepisałem sobie fragment kodu z książki, który odpowiada za przesuwanie obrazka na stronie i teraz obrazek się nie przesuwa nie wiem co jest grane.

<script langugage="javascript">
function zmiana() {
  a.style.left = Math.random() * 500;
  a.style.top = Math.random() * 500;
}

var xx;

function MD(e) {
  xx = event.srcElement.parentElement.style;
  X=event.offsetX;
  Y=event.offsetY;

}

function MM(e) {
  if (xx) {
    xx.pixelLeft = event.clientX-X + document.body.scrollLeft;
    xx.pixelTop = event.clientY-Y + document.body.scrollTop;
    return false;
  }

}

function MU() {
  xx = null;
}

document.onmousedown = MD;
document.onmousemove = MM;
document.onmouseup = MU;


function obrazek() {
  open("./obrazek.jpg","celica","width=200,height=150,status=no,toolbar=no,menubar=no,scrollbars=no");


}

</script>


<div id="a" style="position:absolute;left:20;top:20;"><img src=test/1.jpg width=64 height=64 border=0 alt=1></div>
<form>
<input type=button style="position:absolute;left:200;top:10" value="pomieszaj elementy..." onClick="zmiana()">
<input type=button style="position:absolute;left:400;top:10" value="pogląd" onClick="obrazek()">
</form>

Spal te książkę, a popiół polej wodą święconą. Z kodu wynika, że uczy Cię wszystkich możliwych błędnych nawyków (albo po prostu błędów) jakie są możliwe + jest ekstremalnie przestarzała.

Właśnie z tego powodu masz problemy.