Hi

I'm a newbie to JavaScript and have a question that I hope someone will be able to answer for me...

I have a nested list of links in my main navigation (brief outline below):

Code:
<ul>
<li><a href="blah.html">Blah</a></li>
<li><a href="blah.html">Blah</a>
     <ul>
     <li><a href="blah.html">Blah</a></li>
     <li><a href="blah.html">Blah</a></li>
     </ul>
</li>
</ul>
I have used CSS to make the top level nav link bold for each section of the side I am in (i.e. if I'm in the "Contact" section then all pages in that section will display the contact link as bold).

I am now trying to do the same with the 2nd level nav (i.e. each page will automatically make the link to itself in the 2nd level nav bold ).

Is there a way to do this in JavaScript? Do you somehow match the URL of the current page to the URL of the link in navigation and make it bold (or perhaps a different colour)?

Any help would be much appreciated.

Thanks
Mike