Как выделить активный пункт?

[dididima]

Есть меню
<div id="menu">
<ul>
<li><a href="http://dididima.info/">Главная</a></li>
<li><a href="http://dididima.info/gb">Отзывы</a></li>
<li><a href="http://dididima.info/index/0-2">Портфолио</a></li>
<li><a href="http://dididima.info/index/0-6">Цены</a></li>
<li><a href="http://dididima.info/index/0-2">Об Авторе</a></li>
</ul>

и есть class="current"

Как сделать если выделить с помощью js актинвый пункт на котором сейчас находиться человек

[monolithed]

Как сделать если выделить с помощью js актинвый пункт на котором сейчас находиться человек
на стороне сервера назнать класс, но если же нет такой возможности то тольео сравнивать c url

[monolithed]

<style type="text/css">
.active {color: red;}
.inactive {color: green;}
</style>

<script type="text/javascript">
window.onload = function(){
var menu = document.getElementById('menu').getElementsByTagNa me('a'), i = menu.length;
while(i--){
menu[i].className = menu[i].href == window.location.href ? 'active' : 'inactive';
}
};
</script>

<div id="menu">
<ul>
<li><a href="http://dididima.info/">Главная</a></li>
<li><a href="http://dididima.info/gb">Отзывы</a></li>
<li><a href="http://dididima.info/index/0-2">Портфолио</a></li>
<li><a href="http://testbin.ru/html">Цены</a></li><!-- в конкретном случае эта активна, в вашем свои подставьте -->
<li><a href="http://dididima.info/index/0-2">Об Авторе</a></li>
</ul>
</div>