Помогите с JavaScript

Ситуация такая - в дизайне присутствуют элементы в виде несложных таблиц:

<table>
<tr><td><A HREF=".."><IMG SRC=".."></A></td></tr>
<tr><td bgcolor="#FFFFFF"> SOME TEXT </td></tr>
</table>

вобщем две ячейки в столбик - в верхней тумба, в нижней текст.

Как на JavaScript сделать так чтоб <td bgcolor="#FFFFFF"> во второй строке менялся например на <td bgcolor="#000000"> при наведении курсора мыши на тумбу в верхней ячейке? + Как это будет работать, если таких таблиц несколько в коде?

Код:

<script> function paintit(obj,color) {    obj.style.backgroundColor=color; } </script> <table> <tr><td><A HREF=".."><IMG SRC=".."></A></td></tr> <tr><td bgcolor="#FFFFFF" onmouseover="paintit(this,'#000000')" onmouseout="paintit(this,'#FFFFFF')"> SOME TEXT </td></tr> </table>

EllGree писал:

Код: <script> function paintit(obj,color) {    obj.style.backgroundColor=color; } </script> <table> <tr><td><A HREF=".."><IMG SRC=".."></A></td></tr> <tr><td bgcolor="#FFFFFF" onmouseover="paintit(this,'#000000')" onmouseout="paintit(this,'#FFFFFF')"> SOME TEXT </td></tr> </table>

Отлично! Но вот только как теперь быть, чтоб срабатывал onmouseover не над самой этой ячейкой а над <A HREF=".."><IMG SRC=".."></A> в соседней?

используй css
.graybkg {
background-color: #EEEEEE;
}
.whitebkg {
background-color: #FFFFFF;
}

<tr class="whitebkg" onmouseover="this.className='graybkg'" onmouseout="this.className='whitebkg'">

по твоему вопросу. кто мешает сделать ?
<A HREF=".." onmouseover="this.className='graybkg'"><IMG SRC=".."></A>