mouseover på celle

<script language="JavaScript">
              function co(element, mode ,color, linkcolorOut) {
                if (mode=="in") {
                  cursortype = 'hand'
                  colorval = color
                  linkcolor = '#000000'
                 
                } else if (mode=="out") {
                  cursortype = ''
                  colorval = '#030303'
                  linkcolor = linkcolorOut
                 
                }
              element.style.background=colorval;
              element.style.cursor=cursortype;
              document.getElementById("te").style.color=linkcolor
            }
        </script>

<table><tr>

      <td width="277" colspan="6" align="right" bgcolor="#030303" id="navi"
onMouseOver="co(this,'in', '#9EB340');" onMouseOut="co(this,'out', '', '#9EB340');" height="20">
<a href="#" id="te" class="nav"  style="color : #9EB340;">SpørgsmålSvar</a></td>
</tr></table>

ups, der var lige for hurtig på aftrækkeren, hvad nu hvis jeg har flere menupunkter ?

<script language="JavaScript">
              function co(element,link, mode ,color, linkcolorOut) {
                if (mode=="in") {
                  cursortype = 'hand'
                  colorval = color
                  linkcolor = '#000000'
                 
                } else if (mode=="out") {
                  cursortype = ''
                  colorval = '#030303'
                  linkcolor = linkcolorOut
                 
                }
              element.style.background=colorval;
              element.style.cursor=cursortype;
              document.getElementById(link.id).style.color=linkcolor
            }
        </script>

<table>

<tr>
    <td  bgcolor="#030303"  onMouseOver="co(this,et,'in','#9EB340')" 
                                                            onMouseOut="co(this,et,'out', '', '#9EB340')"
        <a href="#" id="et" style="color : #9EB340;">Menupunkt et</a>
</td>
</tr>

<tr>
    <td bgcolor="#030303"     onMouseOver="co(this,to, 'in', '#9EB340')"
                                                onMouseOut="co(this,to,'out', '', '#9EB340');" >
    <a href="#" id="to" class="nav"  style="color : #9EB340;">Menupunkt to</a>
</td>
</tr>

<tr>
    <td bgcolor="#030303"     onMouseOver="co(this,tre, 'in', '#9EB340')"
                                                onMouseOut="co(this,tre,'out', '', '#9EB340');" >
    <a href="#" id="tre" class="nav"  style="color : #9EB340;">Menupunkt tre</a>
</td>
</tr>

</table>