JavaScript - Algo elemental

Quiero poner en una imagen varias zonas activas (eso lo puedo hacer) pero quiero q además ESAS zonas cuando pases el mouse por encima cambien de imagen, me explico? Muchas gracias.

Para ello, debes crear imagenes distintas (no debes usar un "mapa de imagen" que imagino que es lo que utilizas ahora), y usar el evento onMouseOver y onMouseOut de javascript para modificar dicha imagen cuando pases con el ratón por encima y cuando lo quites, mediante el arreglo images():

document.images[0].scr="imagen1_sin_tocar.gif"; ( para la primera imagen de tu página)

document.images[1].scr="imagen2_sin_tocar.gif"; ( para la segunda imagen de tu página)