Dynamic Menu Highlight

Hi.

I have been reading about the dynamic menu highlighting but my situation is different.

I have this menu:

<ul id="nav">
            <li id="nav-home"><a href="#">Home</a></li>
            <li id="nav-about"><a href="#">About</a></li>
            <li id="nav-services"><a href="#">Services</a></li>
            <li id="nav-youth"><a href="#">Youth</a></li>
            <li id="nav-activities"><a href="#">Activities</a></li>
            <li id="nav-caring"><a href="#">Caring</a></li>
            <li id="nav-mission"><a href="#">Mission</a></li>
            <li id="nav-getintouch"><a href="#">Get in touch</a></li>
        </ul>

Each list item is a background image with the text hidden.

I have a ‘current’ style ready but it is different for each one, for example:

<li id="nav-activities-active"><a href="#">Activities</a></li>

Anyway to set this up? It is the id of the li changing, NOT adding a class.

Thanks