[xsl]Putting Mouseover Javascript Script in XSLT?

["Alice 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.