cambiar imagen con javascript

[panchompc]

hola, tengo una consulta, tengo una tabla con 2 columnas, lo que quiero lograr es que al pasar el mouse por alguna palabra de la taba 1 cambie una imagen en la tabla 2 , solo al psar el mouse por encima de la palabra.

 

como lo que esta en esta web http://www.jagel.es/botones/birds/demo_birds.html

 

ya pase todo el codigo pero no me funciona, no se por que. aqui lo que yo hice:

 

 

dentro del Head:

<script LANGUAGE="JavaScript"><!--

// precarga de imágenes:
if (document.images) {

defecto = new Image(160,120); defecto.src = "images/defecto.jpeg";
joven = new Image(160,120); joven.src = "images/joven.jpeg";
familia = new Image(160,120); familia.src = "images/familia.jpeg";
padres = new Image(160,120); padres.src = "images/padres.jpeg";
}

function cambiar(imgName,imgObjName) {
if (document.images) {
  document.images[imgName].src = eval(imgObjName + ".src");
}}

//--></SCRIPT>

 

y esto en el body ( en las tablas)

 

                                <td width="86%" class="business"><A HREF="contacto.html" ONMOUSEOVER="cambiar('img10','joven')" ONMOUSEOUT="cambiar('img10','defecto')">PLAN JOVEN</A> <br />
                             </td>
                              </tr>
                            </table></td>
                          </tr>
                          <tr>
                            <td class="text">Si eres profesional soltero, cotiza con nosotros loas planes en isapre que mas te convengan.</td>
                          </tr>
                          <tr>
                            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td width="15%" valign="top"><img src="images/business_activity.jpg" width="32" height="26" /></td>
                                <td width="85%" class="business"><A HREF="contacto.html" ONMOUSEOVER="cambiar('img10','familia')" ONMOUSEOUT="cambiar('img10','defecto')">PLAN FAMILIAR</A> <br />
                                  </td>
                              </tr>
                            </table></td>
                          </tr>
                          <tr>
                            <td class="text">Si estas casado o convives con tu pareja, consulta por los planes dobles. </td>
                          </tr>
                          <tr>
                            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td width="15%" valign="top"><img src="images/business_blog.jpg" width="31" height="26" /></td>
                                <td width="85%" class="business"><A HREF="contacto.html" ONMOUSEOVER="cambiar('img10','padres')" ONMOUSEOUT="cambiar('img10','defecto')">Plan Futuros Padres</A><br />
                                  </td>
                              </tr>
                            </table></td>
                          </tr>
                          <tr>
                            <td class="text">Solicita tu cotizacion si estas formando familia para poder incluir a tu hijo como carga legal.<br />
                              <br /></td>
                          </tr>
                          <tr>



ESTO en la parte de la imagen

<td align="center" valign="middle"><img src="images/defecto.jpg" width="209" height="158" BORDER="0" ALT="" NAME="img10"/></td>

 

AYUDA PLISSSSSSS,