Pour le rollover je conseille de prendre l'habitude d'utiliser les CSS.
L'idée c'est de décaler l'image de fond lors du passage souris.
Il suffit donc de générer une image de fond 2 fois plus grande que la
taille voulue, et d'y mettre les 2 états côte à côte : normal et actif
C'est pas vraiment la liste pour poster cette question spip user est là pour ça!
Je te conseille les rollover en css,
une seule image mise en background d'un div contient ainsi les trois stades, et tu peux jeter le javascript,
en tout cas, j'adore, un peu complexe mais super efficace,
je retrouve plus l'exemple de la ville avec des immeubles disséminés dans l'image qui s'éclairent au rollover, impressionant. http://css.alsacreations.com/Tutoriels-et-articles-divers/roll-over-css-image-unique