hover sobre texto?

[lincenegro]

Buenas!!!

Llevo como una semana intentando hacer eso, mirando tutoriales como el que me puso emprar [URL="http://www.dyn-web.com/tutorials/iframes/"]http://www.dyn-web.com/tutorials/iframes/[/URL] (aunque no se mucho ingles he usado el google traductor, pero claro, la traduccion es literal), mirando en google y habiendo entendido un poco la logica de los anteriores scripts que me han puesto no he conseguido con exito hacer lo que deseo.

Vuelvo a explicarme, el asunto esta en que hay dos columnas (div), la izquierda y la derecha. En la columna de la izquierda hay imagenes enlazadas a la columna de la derecha y en la columna de la derecha esta toda el texto (en html) que quiero que salga, junto con imagenes y enlaces.

Pues despues de tantos dias de romperme la cabeza no consigo encontrar la combinacion correcta para el onmouseover y el onmouseout. Le he dado tantas vueltas a todo que ya no se ni que quitar o poner para que funcione.

Pongo una imagen para que se entienda mejor:

http://imageshack.us/photo/my-images/18/capturadepantalla201112a.png/

Las 4 imagenes de la izquierda son las que estan enlazadas a la columna de la derecha, cada imagen enlaza a un div distinto, asi el contenido de la columna de la derecha cambia.

1.- Como deberia hacer para que el pergamino, solo entrar en la pagina salga vacio.

2.- Cual es la forma correcta de poner el onmouseover y el onmouseout para que funcione correctamente.

Comentarios como que todo lo que busco esta en google, en la web, en tutoriales, etc... pueden ahorrarselo, ya he investigado, re-investigado y mas y no he encontrado la solucion.

Pongo el codigo para que alguien me diga lo que tengo que modificar:

Código HTML:

<!-- start page -->
<div id="page">
<div id="dreta">
        <br />
            <div id="titul">
                <h1>PROVINCIA DE GIRONA</h1>
            </div>
            <div id="text">
            <p>La Cerdanya</p>
                <a href="videos/video_cerdanya.html" target=""><img src="images/puigcerda.JPG" alt="" /></a>
            <p>El Gironès</p>
                <a href="videos/video_girones.html" target=""><img src="images/girona.jpg" alt=""  /></a>
            <p>La Selva</p>
                <a href="videos/video_selva.html" target=""><img src="images/blanes.jpg" alt=""  /></a>
            <p>Alt empordà</p>
                <a href="videos/video_alt_emporda.html" target=""><img src="images/figueres.jpg" alt=""  /></a>
            </div>
        <div id="text1">
            <p>El Ripollès</p>
                <a href="videos/video_ripolles.html" target=""><img src="images/ripoll.jpg" alt="" /></a>
            <p>Pla de L'estany</p>
                <a href="videos/video_pla_estany.html" target=""><img src="images/banyoles.jpg" alt=""  /></a>
            <p>La Garrotxa</p>
                <a href="videos/video_garrotxa.html" target=""><img src="images/olot.jpg" alt=""  /></a>
            <p>Baix empordà</p>
                <a href="videos/video_baix_emporda.html" target=""><img src="images/bisbal.jpg" alt=""  /></a>
        </div>
        </div>
        </div>
<div id="page1">
<div id="dreta1">
    <br />
        <div id="titul">
            <h1>PROVINCIA DE BARCELONA</h1>
        </div>
        <div id="text2">
        <p>El Barcelonès</p>
            <a href="videos/video_barcelones.html" target=""><img src="images/barcelona.jpg" alt=""  /></a>
        </div>
        </div>
        </div>
  <div id="inici-index">
        <div id="inici"><a href="http://www.forosdelweb.com/f4/index.html"><h3>INICI</h3></a></div><div id="inici2"><a href="index.html"><h3>INDEX</h3></a></div>
    </div>
    <!-- start sidebar -->
    <div id="esquerra">
        <div id="mapa_girona">
    <h1>GIRONA</h1>
        <img src="http://www.forosdelweb.com/f4/menu%20pobles/images/girona.gif"
    onmouseover="document.getElementById('').innerHTML='';"  onmouseout="document.getElementById('').innerHTML='';" /><br />
        </div>
        <br />
        <div id="mapa_barcelona">
    <h1>BARCELONA</h1>
    <img src="http://www.forosdelweb.com/f4/menu%20pobles/images/barcelona.gif" alt="Barcelona"
    onmouseover="document.getElementById('').innerHTML=';"  onmouseout="document.getElementById('').innerHTML='';" />
    </div>
    <br />
    <div id="mapa_tarragona">
    <h1>TARRAGONA</h1>
    <img src="http://www.forosdelweb.com/f4/menu%20pobles/images/tarragona.gif" alt="Tarragona"
    onmouseover="document.getElementById('div_dreta').innerHTML='&lt;p style=&quot;text-decoration: underline&quot;&gt;Esta es la descripci&oacute;n de la imagen 3&lt;br /&gt;&lt;img src=&quot;&quot;&gt;&lt;br /&gt;&lt;/p&gt;';"  onmouseout="document.getElementById('').innerHTML='';" />
    </div>
    <br />
    <div id="mapa_lleida">
    <h1>LLEIDA</h1>
    <img src="http://www.forosdelweb.com/f4/menu%20pobles/images/lleida.gif" alt="Lleida"
    onmouseover="document.getElementById('div_dreta').innerHTML='&lt;p style=&quot;text-decoration: underline&quot;&gt;Esta es la descripci&oacute;n de la imagen 4&lt;br /&gt;&lt;img src=&quot;&quot;&gt;&lt;br /&gt;&lt;/p&gt;';"  onmouseout="document.getElementById('').innerHTML='';" />
    </div>
    <br />
    </div>
</div>
<!-- end sidebar -->
 

Muchas gracias!