Salve ragazzi vi chedo una grande cortesia. Sono nuovo del forum per cui se sbaglio a colocare questa richiesta o è già stata data una risposta reindirizzatemi pure.
Arrivo al dunque. Ho una pagina html al cui interno ci sono 5 div che fungono da contenuto, uno sotto l'altro. Tramite un apposito javascript assegnato alle voci del menù nel primo div (che funge da homepage) faccio in modo di potermi spostare da un div all'altro attraverso uno scroll verticale. E fin quì tutto ok.
Uno dei 5 div funge da GALLERIA e all'interno di questo c'è un sottomenu con delle voci, il cui contenuto si apre all'interno dello stesso div attraverso funzioni ajax. Anche qui nessun problema. Questo sottomenù è composto da 5 tag .... per ognuno dei quali ho imposato nel css:

#x {display:block;
width:...
height:....
background-image:...immagine_iniziale}

poi ad ogni div una immagine di hover:

a#x:hover {background_image:....immagine_hover}

Il tutto funziona ma io vorrei che quando clicchi su una di queste voci rimanesse attiva immagine_hover....e che sparisse e tornasse immagine_iniziale quando si clicca un altra voce.
Ho provato varie soluzioni usando in varie maniere:

document.getElementById().style.backgroundImage='u rl()';

ma niente....Come posso fare? che tipo di java dovrei scrivere?

ecco come si presenta l'html:

<div id="galleria">
....
....
....
....
....
</div>