menu oculto que se ve al cargarse la pagina

[chusete]

tengo una pagina con un menu con 5 imagenes, y cada vez que se pasa por encima de ellas se muestra su propio submenu (que es una imagen de mapa) que enlaza con cada seccion.

en cada pagina deberia aparecer un menu por defecto, dependiendo de la seccion que hayamos linkado antes.

mi problema es que cuando se esta cargando la pagina se ven todos los submenus ocultos, los cuales desaparecen tras unos segundos, a pesar de que tengo este javascript para que oculte sus capas:

Código HTML:

<script language="JavaScript">
function submenu(capa){
document.getElementById("submenu_vacio").style.display="none";
document.getElementById("submenu_olympia").style.display="none";
document.getElementById("submenu_oki").style.display="none";
document.getElementById("submenu_consumibles").style.display="none";
document.getElementById("submenu_configurador").style.display="none";
document.getElementById("submenu_web").style.display="none";
document.getElementById("submenu_promociones").style.display="none";
document.getElementById("submenu_liquidaciones").style.display="none";
document.getElementById(capa).style.display="block";
}
</script> 

como puedo hacer para que no se vean cargarse?

la pagina es http://test.olympia.es/