document.getElementById is null

[ToBiOh]

Die Javascript Konsole in Firefox sagt mir bei folgendem Script die ganze Zeit dass "curbutton" null ist:

	  
function initbuttons() {  
var curbutton, wordxbuttons;  
  
wordxbuttons = [ {name: 'wordxbold', cmd: 'bold', img: 'bold', title: 'Fett'},  
			     {name: 'wordxitalic', cmd: 'italic', img: 'italic', title: 'Kursiv'}];  
  
for each (var xbutton in wordxbuttons) {  
 curbutton = document.getElementById(xbutton.name);  
 curbutton.unselectable = "on";  
 curbutton.onmousedown = function() { curbutton.src = ('images/wordx/active/' + xbutton.img + '.gif'); if (evt.preventDefault) evt.preventDefault() };  
 curbutton.src = ('images/wordx/normal/' + xbutton.img + '.gif');  
 curbutton.alt = xbutton.title;  
 curbutton.title = xbutton.title;  
 curbutton.onclick = wordxcmd(xbutton.cmd);  
 curbutton.onmouseover = function () { curbutton.src = ('images/wordx/hover/' + xbutton.img + '.gif') };  
}  
  
}

Dabei ist das absoluter Unsinn. "curbutton" ist im Dokument wie folgt ausgeschrieben: "<img src="" id="wordxbold" alt="">"
Vielleicht weiß jemand von euch Rat? Wäre für jede Hilfe dankbar.