I have the following nav menu:
<div id="nav">
<ul id="navlist">
<li><a href="/" class="">Home</a></li>
<li><a href="/foo/orders/" class="">Orders</a></li>
<li><a href="/bar/catalogs/" class="">Catalogs</a></li>
<li><a href="/baz/suppliers/" class="">Suppliers</a></li>
<li><a href="/bam/storefronts/" class="current">Storefronts</a></li>
<li><a href="/help" class="">Help</a></li>
</ul>
</div>
How do I set the class of the anchor based on the current location? Also, this should apply when browsing any subordinate pages, i.e. /foo/bar/default.aspx and /foo/bar/something.aspx should both set the current location in the nav menu.
Thanks,
Mark