menu a tab con classe dinamica

[rickystra]

ciao, ho scritto questo codice ma credo si possa fare di meglio

  <ul>
    <li id="primo">[url="home.php"]Home[/url]
    <li id="secondo">[url="foto.php"]Foto[/url]
    <li id="terzo">[url="contatti.php"]Contatti[/url]
    <li id="quarto">[url="blog.php"]Blog[/url][/list]
</div>
<script type="text/javascript">
function classe(ref, li)
{
var page = document.getElementById(ref).href;
var url = document.URL;
if(page == url)
    document.getElementById(li).className = 'active';
}
classe('a','primo');
classe('b','secondo');
classe('c', 'terzo');
classe('d','quarto');
</script> 

In pratica aggiungendo questo menu alle 4 pagine, al[*] corrispondente al link viene aggiunta la classe 'active'.

Si può fare di meglio?