Tooltip-Problem

[m0ps]

Hallo,
ich versuche gerade einen Tooltip mittels JS zu erstellen.
Er funktioniert auch schon, nur habe ich jetzt einen Punkt, wo ich nicht weiter weiß.

<script type="text/javascript">  
					<![CDATA[  
					wmtt = null;  
					document.onmousemove = updateWMTT;  
					function updateWMTT(e) {  
						if (wmtt != null) {  
							x = (document.all) ? window.event.x + wmtt.offsetParent.scrollLeft : e.pageX;  
							y = (document.all) ? window.event.y + wmtt.offsetParent.scrollTop : e.pageY;  
							wmtt.style.left = (x + 20) + "px";  
							wmtt.style.top = (y + 20) + "px";  
						}  
					}  
					function showWMTT(id) {  
						wmtt = document.getElementById(id);  
						wmtt.style.display = "block"  
					}  
					function hideWMTT() {  
						wmtt.style.display = "none";  
					}  
					]]>  
		</script>

<xsl:template match="bla">  
    <span class="hotspot" onmouseover="showWMTT('1')" onmouseout="hideWMTT()">  
      <xsl:value-of select="tei:sic"/>  
    </span>  
  
    <div id="1" class="tooltip">  
      <xsl:text>verbessert: </xsl:text>  
      <xsl:value-of select="blub"/>  
    </div>  
</xsl:template>

Das ist der Code inkl JS.
Mein XML-Doc ist so aufgebaut, dass es mehrere unterschiedliche "bla" gibt. Zu jedem "bla" existiert ein "blub", dass ich im Tooltip anzeigen möchte.
Jedoch verstehe ich nicht, warum mein Code von oben nicht funktioniert? Bei mir zeigt er den Tooltip nur für das erste "bla" im xml an. Alle weiteren "bla" haben überhaupt keinen Tooltip.