Modyfikacja listy <ul> Opcje

[palmall]

Witajcie

W ogóle to nie wiem jak się do tego zabrać za bardzo - w javie akurat jestem całkiem zielony...
Potrzebuję zrobić coś takiego - mam sobie w kodzie strony listę <ul>, wygląda to tak:

[HTML] pobierz, plaintext 
            <ul id="navi">
                <li id="selected"><a href="#" id="gotohome">Home</a></li>
                <li><a href="#" id="gotoabout">O mnie</a></li>
                <li><a href="#">Blog</a></li>
                <li><a href="#">Portfolio</a></li>
                <li><a href="#">Kontakt</a></li>
            </ul>
[HTML] pobierz, plaintext 

Noo i zasadniczo jest to menu, dalej są jakieś divy coś się przesuwa itp, ale to nie jest istotne.

Problemem dla mnie jest zdjęcie/usunięcie id ustawionego przy pierwszym elemencie listy i przypisanie go do drugiego, trzeciego, czwartego elementu listy w zależności od tego w który element listy kliknę. Bez przeładowania strony.

Czyli, klikam sobie w portfolio i usuwa mi sie id="selected" z pierwszego elemenu <li> i przypisuje mi sie do trzeciego elemenu <li>.

Da się tak zrobić w javascript ?

Pozdrawiam