At lave et rykkesystem i JavaScript

<div id="mig" style="position: absolute; width: 100px; height: 100px;">

<img src="http://dinside.dk/dinfigur.gif"">

</div>

<script>

function felter(){

felt_id = 1;

for (row = 0; row < 7; row++) {

  top_px = row*40+2;

if(row % 2){

colantal = 9;

leftplus=33;

} else {

colantal = 10;

leftplus=3;

}

for (col = 0; col < colantal; col++) {

left_px = col*60;

left_px = left_px + leftplus;

z = 200 + felt_id - 1;

document.getElementById("chat").innerHTML = document.getElementById("chat").innerHTML+"<div id="felt"+felt_id+"" style="Z-INDEX: "+z+";POSITION: absolute;top:"+top_px+"px;left:"+left_px+"px;"><img width="60" height="80" src="felt.gif" onclick="ryk("+left_px+","+top_px+");"></div>";

felt_id++;

  }

}

}

felter();

</script>

<script>

function ryk(x,y)

{

document.getElementById("mig").style.top = y;

document.getElementById("mig").style.left = x;

}

</script>