Ajax table loop function

Jeg laver et loop..

Hvordan laver jeg dette, så den ikke ændre funktionen hver gang loopet køres igennem? :)

Den skal for hver topTr i tabellen have en onclick der kalder en function changeCallcenter(data[index].id)

På forhånd tak for hjælpen.

uddrag

for(index in data){

var topTr;
topTr = document.createElement("tr");
topTr.style.cursor = 'pointer';
topTr.id = 'show' + data[index].id;


if (topTr.addEventListener) topTr.addEventListener("click", function(){changeCallcenter(data[index].id)}, false);
else if (topTr.attachEvent) topTr.attachEvent("onclick", function(){changeCallcenter(data[index].id)});
else topTr.onclick = function(){changeCallcenter(data[index].id)};


document.getElementById("callcenterdata").appendChild(topTr);

}