Ayuda con codigo

[a123456]

Bueno, el problema es que no logro conseguir lo que necesito...

Lo que necesito es que al pasar el mouse encima de un link, el cual el link es de una imagen, se muestre una div con la imagen del link.

Hasta ahora he logrado mostrar el div con una imagen fija, pero lo que necesito es que por cada link diferente, carge su imagen dentro del div..

Los links los genero mediante un codigo php, el cual lee los archivos de una carpeta, la cual contiene todas las imagenes.

A continuacion coloco el codigo que he logrado hacer...

Codigo que oculta y muestra la div

Código Javascript:

<script language="JavaScript">
function mostrar(objeto){
   objeto.background = 'mi imagen.jpg';
   document.getElementById('capa').style.visibility = 'visible';
}
function ocultar(objeto){
   objeto.background = 'mi imagen 2.jpg';
   document.getElementById('capa').style.visibility = 'hidden';
}
</script>
 

Codigo CSS para fijar la div

Código CSS:

<style type="text/css">
<!--
#img {
    position: fixed;
    visibility: hidden;
    left: 0px;
    top: 12px;
}
-->
</style>
 

Y el codigo el cual me crear el while para se encuentran los links

Código PHP:

<?php 
    ... codigo >>>
        while (false !== ($archivo = readdir($gestor))) {
           if ($archivo != "." && $arch != "..") {
               echo "<li><a href=\"/images/".$archivo."\" onMouseOver='mostrar(this);' onMouseOut='ocultar(this);' class=\"in\">".$archivo."</a></li>\n";
           }
        }
        closedir($gestor);
        echo "</ul>";
    }
    ?>