javascript e css - template

[yenny]

ciao a tutti...

ho fatto dei pulsanti(menu) con i css... pulsanti nella quale quando ci clicco su una di loro cambia colore... guardate l'immagine giù in basso.

il codice del pulsante sarebbe:

<id="pulsante">
<ul>
<li class="pagina" id="paginacorrente"><a href="#">HOME[/url]
<li class="pagina"><a href="chi-siamo.html">CHI SIAMO[/url]
<li class="pagina"><a href="lo-staff.html">LO STAFF[/url]
<li class="pagina"><a href="spettacoli.html">SPETTACOLI[/url]
<li class="pagina"><a href="#">PHOTOGALLERY[/url]
<li class="pagina"><a href="#">CONTATTI[/url]
<li class="pagina"><a href="#">[/url][/list]
</div>

id="paginacorrente" cambia il colore del pulsante... e fin qui tutto bene!


ma quando ho fatto il template dei pulsanti(menu)... il colore rimane sempre
nella pagina home.

io ho tolto id="paginacorrente" dal codice... e adesso nn trovo il modo per
far cambiare colore al pulsante cliccato... beh ho trattato di farlo con javascript
ma nn sono brava.

<script type="text/javascript">

var i=0;
function cambia_id(tag,n,_id)
{
for(i=0;i<7;i++)
{
var val=document.getElementsByTagName(tag).id;
if(val=='paginacorrente')
{
document.getElementsByTagName(tag).id="";
}
}

document.getElementsByTagName(tag)[n].id=_id;
}

</script>


<div id="pulsante">
<ul>
<li class="pagina" id=""><a href="#" onclick="cambia_id('li',0,'paginacorrente')">HOME[/url]
<li class="pagina" id=""><a href="chi-siamo.html" onclick="cambia_id('li',1,'paginacorrente')">CHI SIAMO[/url]
<li class="pagina" id=""><a href="lo-staff.html" onclick="cambia_id('li',2,'paginacorrente')">LO STAFF[/url]
<li class="pagina" id=""><a href="spettacoli.html" onclick="cambia_id('li',3,'paginacorrente')">SPETT ACOLI[/url]
<li class="pagina" id=""><a href="#" onclick="cambia_id('li',4,'paginacorrente')">PHOTO GALLERY[/url]
<li class="pagina" id=""><a href="#" onclick="cambia_id('li',5,'paginacorrente')">CONTA TTI[/url]
<li class="pagina" id=""><a href="#" onclick="cambia_id('li',6,'paginacorrente')">[/url][/list]
</div>


aiuto!!!!