voce menu selezionata / classe diversa

[morfina]

Ciao a tutti,

ho un menu che si aggiorna dinamicamente senza ricaricare la pagina. Funziona correttamente, solo che ho l'esigenza di avere una voce del menu (la 3° ed ultima in questo caso) con colore di sfondo, rollover e testo diverso dalle altre voci. Si deve selezionare secondo secondo attributi css solo suoi, e deve ritornare al suo stato non selezionato quando vengono cliccate (selezionate) le altre vocidel menu. Sapreste aiutarmi?

<div id="menu3" class="menu">

[url=""][/url]

[url=""][/url]

[url=""][/url]

</div> 

il javascript che mi seleziona gli elementi è questo:

function evidenzia(quale){
  var lnks=document.getElementById('menu3').getElementsByTagName('a');
  for(var k=0,l=lnks.length;k<l;k++){
    if(lnks[k]==quale) lnks[k].className="evidenziato";
    else lnks[k].className='menuItem';
  }
} 

il css (semplificato):

div.menu a.menuItem {
color: #fff;
background-color:#000;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
color: #000;
background-color:#fff;
}

.evidenziato { 
color: #000;
background-color:#fff;
}