[Anlen]

Доброго времени суток! Я видела, что похожие темы были, но я в ступоре(( Надо закончить меню для заказчика, и остался последний штрих.... Всё работает нормально, только вот выделенной активная вкладка не становится, а остаётся активной только первая..
В идеале, изначально надо, чтобы ни один элемент не был с классом activ, а присваивался он непосредственно при нажатии на элемент... Просто тогда получится, что я например нахожусь на странице с товаром, а у меня выделен элемент Главная...
HTML

<div id="menu">						
<div class="active" id="nav">	
<ul>
<li class="active">
<span class="outer_active">
<span>
<a class="active" href="/">
	Главная
<span class="bottom_text"></span>
</a>
<span class="outer"></span>
</span>
</span>
</li>
<li>
<span class="outer_active">
<span>
<a class="active" href="/auxpage_o-magazine/">
	О магазине
<span class="bottom_text"></span>
</a>
<span class="outer"></span>
</span>
</span>
</li>
<li>
<span class="outer_active">
<span>
<a class="active" href="/auxpage_garantija/">
	Гарантия
<span class="bottom_text"></span>
</a>
<span class="outer"></span>
</span>
</span>
</li>
<li>
<span class="outer_active">
<span>
<a class="active" href="/auxpage_dostavka/">
	Доставка
<span class="bottom_text"></span>
</a>
<span class="outer"></span>
</span>
</span>
</li>
<li>
<span class="outer_active">
<span>
<a class="active" href="/auxpage_oplata/">
	Оплата
<span class="bottom_text"></span>
</a>
<span class="outer"></span>
</span>
</span>
</li>
<li>
<span class="outer_active">
<span>
<a class="active" href="auxpage_kontakti/">
	Контакты
<span class="bottom_text"></span>
</a>
<span class="outer"></span>
</span>
</span>
</li>
</ul>							
</div>	
</div>
<!-- End Menu -->