[xsl]Putting Javascript in XSLT?

[Alice Ju-Hsuan Wei <ajwei@xxxxxxxxxxx>]

Hello:

  I am a newbie in putting javascript with XSLT. I have some text that 
I would like to create some sort  of layer that allows an image to 
appear when I roll my mouse over it.

Here is the code:

 <xsl:template match="graphic">
       <img>
           <xsl:call-template name="rend"/>
           <xsl:attribute name="onmouseover"> doButtons('<xsl:value-of 
select="/@url"/>') </xsl:attribute>
           <xsl:attribute name="onmouseout"> doButtons('<xsl:value-of 
select="../../p')" </xsl:attribute>
           <xsl:call-template name="id"/>
           <xsl:attribute name="src"> blank.gif </xsl:attribute>
           <xsl:attribute name="alt">
               <xsl:choose>
                   <xsl:when test="../figDesc">
                       <xsl:value-of select="../figDesc/text()"/>
                   </xsl:when>

                   <xsl:otherwise>
                       <xsl:value-of select="'graphic'"/>
                   </xsl:otherwise>
               </xsl:choose>
           </xsl:attribute>
       </img>
   </xsl:template>

I am using TEI right now, and when I generated the output, my images 
disappear entirely. However, neither does it come up when I roll my 
mouse over it. Can somebody please give me a suggestion on what are the 
possible ways I can do it?

Thanks for your help.

A Newbie.