¿Cómo quitar el background de un TD?

[Devil Akuma]

Holas!

Tengo el siguiente problema... Tengo una tabla con bastantes TR de modo que al pasar por encima de ellos se sombrea toda la fila... Esto me ha funcionado siempre bien.

Código:

<TABLE>
<TR onmouseover="this.className='DataTDover'" onmouseout="this.className='DataTD'">
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
...
</TABLE>

La clase DataTD tiene cuatro paridas con los bordes de la tabla y la fuente, y la DataTDover sólo cambia porque el background-color es un gris flojito.


Ahora me encuentro con el siguiente problema :( El caso es que mis jefes buscan que además de sombrearse por donde vaya el ratón, si clica en una fila quede marcada toda ella con color amarillo. Esto lo he conseguido fácilmente con una función en el evento onclic.

Código:

<TABLE>
<TR id=1 onmouseover="this.className='DataTDover'" onmouseout="this.className='DataTD'" onclick='cambiaColo(1);'>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
...
</TABLE>


<SCRIPT LANGUAGE="JavaScript">
var tr=null;
function cambiaColor(num){
if(tr!=null){
document.getElementById(tr).style.background='';
}
document.getElementById(num).style.background='yellow';
tr=num;
}
</SCRIPT>

Sólo debe haber una selección en todo momento. El caso es que se pone en amariillo y se quita correctamente, pero los TRs por los que ya ha pasado (es decir que he clicado en ellos y luego he clicado en otro) no se sombrean al pasar el ratón por el (es como si el DataTDover no hiciera su trabajo ahora).

Alguien sabe el porqué? :P