Доработка JS-слайдера
 

<script language="JavaScript">
function l_image(a)
         {
          document.images[5].src=a 
         }
</SCRIPT>

<TABLE cellpadding="0" cellspacing="0" WIDTH="100%" align="center" bgcolor="#4b5566">
<TR>
<td width="0%"></td>
<TD width="35%">
<ul class="spis">
<A HREF="javascript://" onclick="javascript:l_image('/templates/atomic/images/slider/1.jpg')"><font size="5" face="Myriad Pro">Cavallotti</font></A></br>
<A HREF="javascript://" onclick="javascript:l_image('/templates/atomic/images/slider/2.jpg')"><font size="5" face="Myriad Pro">Pierre Louis</font></A></br>
<A HREF="javascript://" onclick="javascript:l_image('/templates/atomic/images/slider/3.jpg')"><font size="5" face="Myriad Pro">Luca Toni</font></A></br>
<A HREF="javascript://" onclick="javascript:l_image('/templates/atomic/images/slider/4.jpg')"><font size="5" face="Myriad Pro">NINO PACOLI</font></A></br>
<A HREF="javascript://" onclick="javascript:l_image('/templates/atomic/images/slider/5.jpg')"><font size="5" face="Myriad Pro">ANTONI ZEEMAN</font></A></br>
<A HREF="javascript://" onclick="javascript:l_image('/templates/atomic/images/slider/6.jpg')"><font size="5" face="Myriad Pro">Bilson Rachel</font></A></br>
<A HREF="javascript://" onclick="javascript:l_image('/templates/atomic/images/slider/7.jpg')"><font size="5" face="Myriad Pro">Black Lion</font></A></br>
<A HREF="javascript://" onclick="javascript:l_image('/templates/atomic/images/slider/8.jpg')"><font size="5" face="Myriad Pro">GIOTELLI</font></A></br>
<A HREF="javascript://" onclick="javascript:l_image('/templates/atomic/images/slider/9.jpg')"><font size="5" face="Myriad Pro">KARTER</font></A></br>
<A HREF="javascript://" onclick="javascript:l_image('/templates/atomic/images/slider/10.jpg')"><font size="5" face="Myriad Pro">EURO BELT</font></A></br>
<A HREF="javascript://" onclick="javascript:l_image('/templates/atomic/images/slider/11.jpg')"><font size="5" face="Myriad Pro">Doni Ricce</font></A></br>
<A HREF="javascript://" onclick="javascript:l_image('/templates/atomic/images/slider/12.jpg')"><font size="5" face="Myriad Pro">Daniel Messe</font></A></br>
</ul>
</TD>
<TD ALIGN=CENTER VALIGN=CENTER>
</br>
<IMG SRC="/templates/atomic/images/slider/1.jpg" NAME="tool" > 
</br></br>
</TD>
<td width="8%">
</td>
</TR>
</TABLE>

Добрый день.
Помогите дописать слайдер.
Нужно, чтобы при нажатии какой-либо ссылки менялась картинка (это работает), а нажатая ссылка становилась подчеркнутой. Если кликаешь на следующую ссылку, у предыдущей подчеркивание убирается, а у только нажатой появляется.

ввести в css класс с подчеркиванием. При клике убирать его у ссылок, а у кликнутой добавлять.
Хотя, судя по коду, стоит для начала познакомиться с css

через css не работает. чтобы именно нажатая кнопка была подчеркнутой