onClick - bliv nede

Hey Eksperter.

Da jeg ikke er den store JavaScript kunne jeg godt tænke mig at få at vide hvordan jeg får menu knappen til at blive nede når man har trykket på den? Den skal så selvfølgelig blive "normal" igen når man klikker på en anden menu knap, og der skal den nye knap så blive nede.

JavaScript funktionen:

<script type="text/javascript">
function roll_over(img_name, img_src)
{
    document[img_name].src = img_src;
}
</script>

Min menu

<ul>
<li><a href="index.php" onMouseOver="roll_over('Main', 'img/site/navbar/main_highligt.png')"onMouseOut=&quo- t;roll_over('Main', 'img/site/navbar/main_none.png')"><img src="img/site/navbar/main_none.png" class="img" name="Main"></a></li>
<li><a href="news.php" onMouseOver="roll_over('News', 'img/site/navbar/news_highlight.png')"onMouseOut=&qu- ot;roll_over('News', 'img/site/navbar/news_none.png')"><img src="img/site/navbar/news_none.png" class="img" name="News"></a></li>
<li><a href="folio.php" onMouseOver="roll_over('Folio', 'img/site/navbar/folio_highlight.png')"onMouseOut=&q- uot;roll_over('Folio', 'img/site/navbar/folio_none.png')"><img src="img/site/navbar/folio_none.png" class="img" name="Folio"></a></li>
</ul>

Tak på forhånd.