Hola,gracias por la respuesta, la verdad es que no quería meterme en código, solo estoy utilizando html y algunos scripts ya que no controlo mucho del tema, pero bueno te pongo como lo tengo hecho y haber si me ayudas a implementarlo. Puedes ver la página y opinar
www.eurecogalicia.com
<script language="JavaScript">
function SwapImage()
{
var i,theObj,j=0,swapArray=new Array,oldArray=document.SwapImgData;
for (i=0; i < (SwapImage.arguments.length-2); i+=3)
{
theObj = eval(SwapImage.arguments[(navigator.appName == 'Netscape')?i:i+1])
if (theObj != null)
{
swapArray[j++] = theObj;
swapArray[j++] = (oldArray==null || oldArray[j-1]!=theObj)?theObj.src:oldArray[j];
theObj.src = SwapImage.arguments[i+2];
}
}
document.SwapImgData = swapArray;
}
</script>
---------Ahora vendrían todas la capas, te pongo solo la de inicio-----------
<div id="Inicio" style="position:absolute; width:179px; height:26px; z-index:1; top: 71px; left: 12px;">
<a href="../index.htm" target="_parent"><img src="../imagenes/inicio1.gif" name="inicio" width="170" height="22" border="0"
onMouseOver="SwapImage('document.inicio','document .inicio','../imagenes/inicio2.gif')"
onMouseOut="SwapImage('document.inicio','document. inicio','../imagenes/inicio1.gif')"></a>
</div>
Salu2