Econtré un sitema de navegación diferente con JQuery que se puede ver en esta dirección:

http://tympanus.net/Tutorials/BeautifulBackgroundImageNavigation/

pero a mi entender él presenta un pequeño gran problema, cuando lo vi por primera vez pensé que no funcionaba porque yo colocaba el puntero del mouse en el primer ítem OUR PASSION y no pasaba nada, después descubrí que la interacción se iniciaba si hiciese eso con alguno de los otros, OUR BRANDS o CONTACT. Eso me dió la idea de utilizar una cuarta imágen. El modelo funcionaría así, en la situación inicial ser vería esa cuarta imágen, cuando se colocase el puntero encima de OUR PASSION se activaría el menu y la imágen correspondiente y así para frente.

Alguien pode dar una ayuda de cómo hacer esso?. Desde já muchas gracias.