duda timeout y setime en div

Buenas tengo una capa,

Código :

$content.="<div id=\"imagendiv\" style=\"display: none; position: absolute;\" onmouseout=\"OcultarImagen(event,'imagendiv');\">
<table>
               <form name=\"capas\">
                        <img name=\"imagendecapa\" src=\"\" border=\"0\">
               </form>
               </table>
            </div>";

la cual se activa al pasar x encima de un enlace

Código :

onmouseover=\"MostrarImagen(event,'$avatar','1','Prueba');\">";

el javascript es

Código :

//muestra la capa con ratón encima del botón
function MostrarImagen(e,producto,foto,referencia)
{
   document.imagendecapa.src="/images/preloader.gif";
   
      document.imagendecapa.src=""+producto+"";
el = document.getElementById('imagendiv');        
   el.style.visibility="visible";
}
//oculta la capa con ratón fuera del botón
function OcultarImagen(e,idcapa)
{
   el = document.getElementById('imagendiv');
   el.style.visibility="hidden";
   document.imagendecapa.src="/images/preloader.gif";
}

</script>

y lo que quiero es que al producirse un evento onmouseout, se active otro evente que puesiese el estilo de la div en hidden, pero a los 2 segundos de producirse el evento, pero si se vuelve a la capa en ese periodo se corte ese evento, más o menos lo tngo pensado como puede ser, pero no lo tengo muy claro, a ver si me podeis hechar una mano Saludos

no, no se entiende. parece que el mensaje lo escribiste como si hubieras tenido prisa o como si las palabras estuvieran contadas.
para poder ayudarte, expláyate, con links, código, ejemplos, etc. y por favor, no eskribas kon k.

bueno ya lo he editado espero que con esto ya quede claro, Saludos y gracias de antemano