Hola,
Para hacer lo del menú:
Primero - crea en css una clase con todos los estilos que quieras para tu menú, ya sea el color de fondo, el tamaño, tipo de letra o lo que quieras. Esta la usaras para el menú en general. IMPORTANTE el hide tiene k estar en on, es decir que esté oculto, tambien tienes k darle la propiedad de posicion absoluta si quieres que se aparezca en unas coordenadas fijas y asignarle esas coordenadas, si quieres que aparezca donde este el raton usa un script como el de las imagenes siguen al ratón, por ejemplo.
Segundo - crea otro css que te trate los li de la clase anterior como un bloke y tambien ponles los estilos k kieras, k no tenga viñeta, k te ponga bodes... en fin, lo k kieras, tal como kieres k aparezcan, esto luego sera cuestion de ir cambiando y probando.
Cuarto - crea un div para cada menú y asignales la clase del css. dentro de éste div pon en una lista los links.
Quinto - tienes que crear en el head una funcion javascript k te muestre esta capa (al finalizar el mensaje te pongo el código)
Sexto - Tienes k invocar al javascript en las propiedades del mapa de imagen, con un onmouseover=nombredelafuncion(nombredeldiv)
onmouseover=muestra_oculta(contenido_a_mostrar)
Listo con eso el div se mostrara solo cuando este el raton encima de donde deseas k este el menú
Código javascript:
<script>
function muestra_oculta(id){
if (document.getElementById){ //se obtiene el id (IMPORTANTE este es el id del div, no te olvides ponerle al div el id)
var el = document.getElementById(id); //se define la variable "el" igual a nuestro div
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
}
}
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/
muestra_oculta('contenido_a_mostrar');/* "contenido_a_mostrar" es el nombre de la etiqueta DIV que deseamos mostrar */
}
</script>
Edito: perdón se me olvido decirte lo de k se ilumine la seccion.
Crea un estilo en el css para la sección del mapeado, este estilo que sea de tipo clase para que así a todas las secciones les pongas ese estilo y así todas hereden el estilo. este estilo tiene k ser para el estado hover, es decir seria un estilo por ejemplo
.mapa a:hover{}
entre las llaves le puedes poner por ejemplo que tenga un borde de 1 o 2 pixeles de un color rojo, por poner un ejemplo, y aplicas a cada mapeado la clase .mapa ahi al pasar el raton encima la seccion mapeada en cuestion sacara un borde de color rojo de 1 o 2 pixeles.
Luego queda a tu gusto los estilos que pongas ahi jejeje
Espero que te sirva. Saludos
