Mover capa mientras esté encima de una imagen

[schattenburg]

Hola a todos:

Os explico lo que estoy intentando hacer: quiero mover una capa hacía arriba mientras el cursor del ratón esté encima de una imagen de una flecha, en el momento que se retire el cursor de la imagen se para de mover. Es decir, hago una especie de scroll casero.

Para ello hago lo siguiente:

<script language="javascript">
function bajar() {
while (document.getElementById("img_flecha").onmouseover ) {
var alto=document.getElementById("mensaje_emp").style. top;
var alto_sin=alto.replace("px", "");
var cadena=parseInt(alto_sin)-3;
cadena=cadena+"px";
document.getElementById("mensaje_emp").style.top=c adena;
}
}
</script>

<div id="mensaje_emp" style="position:absolute;top:0;left:0;">
<table width=100% cellspacing=0 cellpadding=0>
<tr>
<td width=4%>&nbsp;</td>
<td width=92%>AQUI VA EL TEXTO DE LA CAPA</td>
<td width=4% align=center valign=top>
<a href="#" onmouseover="bajar();"><img border=0 src="images/flecha.png" id="img_flecha"></a>
</td>
</tr>
</table>
</div>

Esto no me funciona, ¿alguien sabe cómo hacerlo? Gracias

[_cronos2]

Lo que pasa es que ese while valida que el evento onmouseover del elemento esté definido, pero como no lo está, nunca se ejecuta nada. Deberías calcular sus dimensiones y posición mediante offsetTop, offsetLeft, offsetWidth y offsetHeight, y comprobar si el mouse se encuentra dentro de la imagen.
Saludos (:

[schattenburg]

Voy a replantear la pregunta, se puede hacer en Javascript esto:

if (document.getElementById("mensaje_emp").onmouseove r()) { ... }

¿O acaso la única solución es un mapa sensible? Gracias