menu in javascript

[anli]

chi è che mi può aiutare ...sono alle prime armi e non so come affrontare questo porblema

dovrei selezionare un menù fatto in questo modo
<ul>
<li class="pulsante" id="n-index">Index
<li class="pulsante" id="n-azienda">Azienda[/list]

e la funzione javascrip dovrebbe al clik andare s sostituire il mio id con una class di selezione del pulsante :
/* CSS */
#n-index a {width: 59px;background-position: 0px 0;}
#n-index a:hover {background-position: 0px bottom;}
.n-index_selez a{width: 59px; background-position: 0px bottom;}


#n-azienda a {width: 76px;background-position: -60px 0;}
#azienda-page #n-azienda a, #n-azienda a:hover {background-position: -60px bottom;}
.azienda_selez a{width: 76px; background-position: -55px bottom;}

/* JAVASCRIPT */

<script type='text/javascript'>
$(document).ready(function() {
$('.pulsante').click(function(){
var recupero_id = $(this).attr("id");
var newsId = recupero_id+"_selez";
document.getElementById(recupero_id).style.classNa me = newsId;
});
});
</script>


So che sbaglio xchè non funziona una fava ...ma dove sbaglio?
Scusate ma sono veramente alle prime armi!
grazie

[anli]

: ( nessuno mi può dare una mano!

[Enzaccio]

Ti appoggi a una libreria esterna, deduco sia JQuery.
Devi dare il link anche a quella, perché "il grosso" dello SCRIPT è la'; e sperare càpiti qualcuno che già l' abbia implementata e/o abbia voglia di sorbirsi quel "malloppo" di codice che c'è.