The code works so far, but I've discovered a problem..

If you select docs on the test website, you'll see that the menu properly tabs itself and colorizes itself based on the item you select.

The other 3 tabs that colorize this way are 'download', 'users' and 'developers'. Those work as well.

The problem I've noticed, happens when you select a second-level citizen from the secondary menu. For example, if you click on docs and then click on faq from there, the relationship to 'docs' is no longer maintained, and you lose the purple "tab" that goes to 'docs'.

The first-level menu is generated dynamically, using an array and checking $action (coming out of my dispatch table) against the items in that array, and applying the appropriate css style inline for that element only.

This is how the first-level citizens works right now, and you can see that it does indeed work.

What I'm trying to figure out, is how to create/maintain a relationship between the second-level citizens and their parent dispatch actions.

This means the child=>parent relationship looks like this:

   home:
   donate:
   news:
   docs......: [faq] [lists] [tour] [documentation]
   download..: [windows] [macosx] [linux] [source]
   bugs:
   gallery:
   samples:
   users.....: [irc] [links]
   developers: [snapshots] [source] [tools] 
   about:
[download]

What is the easiest/most flexible way of creating these menus in a way that maintains these relationships and allows me to keep the parent menu's tab colored, when I'm selecting children items of that parent?