Problem mit Event Handler

[diana]

Ich habe folgendes problem . Ich erstelle dynamisch ein x-y Kordinatengitter . In diesem kann man auf die Felder klicken und bekommt dann ausgegeben über den event handler auf welches Feld man geklickt hat . Es funktioniert auch . Sobald ich aber vor dem dynamischen Aufbau folgendes definiere
topdiv = topdiv + 1200;
funktioniert es nicht mehr , woran kann das liegen ? Bin am Verzweifeln da ich alles mögliche schon probiert habe aber einfach nicht rausbekomme woran es liegt .
topdiv und leftdiv werden am anfang der js datei einfach initialiesiert mit ( auserhalb jeder funktion ) der codeabschnitt liegt in einer funktion di erst nach onload der seite ausgeführt wird . mit topdiv und leftdiv lege ich einfach den abstand der div nach oben bzw mit leftdiv den abstand jedes div nach links fest
 var topdiv =0;
 var leftdiv =0;

//---------- codeausschnitt
topdiv = topdiv + 1200;
 for(i=0;i<20;i++){

for(j=0;j<30;j++){
   divmap = document.createElement('div');
   divmap.setAttribute("id",i+"_"+j);
   divmap.style.position ="absolute";
   divmap.style.width = "60px";
   divmap.style.height = "60px";
   divmap.style.top = topdiv+"px" ;
   divmap.style.left= leftdiv+"px";
   divmap.ondblclick = function() { mapcordanwahl(this.attributes.id.nodeValue); }

imgmap = document.createElement("img");
   imgmap.setAttribute("id", i+"I"+j);
        imgmap.src = "empty.gif"

imgmap.style.width = "60px";
   imgmap.style.height = "60px";
   divmap.appendChild(imgmap);

leftdiv =leftdiv+60;

document.getElementById("mapindiv").appendChild(divmap);
  }
  leftdiv = 0;
  topdiv = topdiv +  60;

}