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

[palmall]

@piotrex41 dziękuję.

Aaale....

Coś tam w międzyczasie wykminiłem i jednak to nie takie proste jak myślałem.
Cały mykes polega na tym że pod spodem działa jeszcze jQuery ze skryptem który
po pierwsze - przewija w lewo prawo diva znajdującego się pod menu
po drugie - nadaje efekt "lavaLamp" (skrypt taki fajny...) dla tego menu.

Chyba javascriptem tego nie rozkminie. Zresztą zerknij prosze jak to wygląda w działaniu. www.willq.pl.

Ten niebieski element po kliknięciu w O mnie powinien pozostać nad tym elementem... Jeżeli ściągne id z <li> to się rozjeżdza... muszę to jakoś w locie podmienić. tylko jak ? (IMG:style_emoticons/default/smile.gif)