Remplace un menu déroulant par une image

C'est une alternative graphique à l'horrible menu déroulant que le CSS n'a jamais su embellir...
Ici deux images symbolisant deux menus. Chaque clic sur 1 image fait apparaître l'image suivante par dessus et change en même temps la valeur d'un champs caché associé. Lorsque la dernière image est cliquée, c'est la première qui s'affiche de nouveau, etc...


Seul inconvénient que je n'ai pas su résoudre : les images doivent être placées dans le même repertoire que la page.

Choix 1 : Choix 2 :