[Resolvido] Alterar id de elemento

Boa tarde.

Bom, tenho o seguinte codigo:

<ul id="menu-dep">
	<li id="li-dep"><a href="departamento.php?dep=1" rel="history">Departamento 1</a></li>
	<li id="li-dep"><a href="departamento.php?dep=2" rel="history">Departamento 2</a></li>
	<li id="li-dep"><a href="departamento.php?dep=3" rel="history">Departamento 3</a></li>
</ul> É o seguinte galera: preciso que ao clicar em um desses, o link clicado fique diferente dos outros, consigo fazer isso em php normalmente e através de css. Já defini, o li com id="li-dep" será o não clicado, e quando clicado esse id deve alterar para "li-selected". Não posso verificar através de php, pq estou fazendo o carregamento das páginas com ajax, entao ele nao realiza o refesh da mesma. Queria saber se alguem sabe de uma funcao javascript com q eu posso através do onclick chamar para alterar o ID desse meu elemento para "li-selecte"??

Espero ter sido claro.

Grato