show hide + swap img e restore img

[morfina]

Salve, ho utilizzato uno script per creare un interfaccia molto semplice ( http://www.made-design.net/manuel/index.html ).
Ciò che vorrei fare è aggiungere un cambio di immagine al link selezionato, cioé quello che mostra il contenuto relativo, in modo da mettere in risalto il nome della sezione in cui si trova l'utente.

Sono sicuro che dagli esempi messi online qui http://www.randomsnippets.com/2008/0...show-your-div/ ci si possa arrivare al risultato che cerco, ma non riesc oad integrare i vari pezzi di script.

Chiaramente quando viene selezionato (cioé viene sostiuita l'imamgine) il link della sezioen visitata, il precedente link deve essere riportato allo stato inattivo (in pratica deve essere restaurata l'immagine in out).

Potete aiutarmi?

qui sotto lo script che ho utilizzato (semplificato e senza contenuti)

javascript

function showonlyone(thechosenone) {
      var newboxes = document.getElementsByTagName("div");
            for(var x=0; x<newboxes.length; x++) {
                  name = newboxes[x].getAttribute("name");
                  if (name == 'newboxes') {
                        if (newboxes[x].id == thechosenone) {
                        newboxes[x].style.display = 'block';
                  }
                  else {
                        newboxes[x].style.display = 'none';
                  }
            }
      }
} 

HTML

<div>
            [url="javascript:showonlyone('newboxes1');"]collapse[/url]
         </div>
         <div name="newboxes" id="newboxes1" >Div #1</div>

         <div >
            [url="javascript:showonlyone('newboxes2');"]collapse[/url]
         </div>
         <div name="newboxes" id="newboxes2" style="display: none;">Div #2</div
      

         ><div >
            [url="javascript:showonlyone('newboxes3');"]collapse[/url]
         </div>
         <div name="newboxes" id="newboxes3" style="display: none;">Div #3</div>
         </div>