[${IEHoverJS}[ onmouseover="this.className+=' hover ';" onmouseout="this.className=this.className.replace(' hover ', '');" ]$]

[NavMenu-Container[ <div id="navChild" class="TabList"> ]]
    [Level1-Container[ <ul id="navChild-{Tab.ParentId}" class="Level1" onmouseover="if (resetactive) clearTimeout(resetactive);"> ]]
        [Level1-Item[ <li id="{NavMenu.Id}-{Tab.Id}" IIF({Browser}='IE',{IEHoverJS}) class="IIF({Tab.IsFirstChild}='True',First-Child) IIF({Tab.IsLastChild}='True',Last-Child)"> ]]
            [Level1-Anchor[ IIF({Page.DisableLink}='True',<span, <a href="{Page.Url}" title="{Tab.Title}" ) class="IIF({Tab.IsActive}='True',SelectedItem) IIF({Tab.HasChildren}='True',hasChildren)">{Tab.Name}IIF({Page.DisableLink}='True',</span>,</a>)  ]]
                [Level2-Container[ <ul class="Level2"> ]]
                    [Level2-Item[ <li id="{NavMenu.Id}-{Tab.Id}" IIF({Browser}='IE',{IEHoverJS}) class="IIF({Tab.IsFirstChild}='True',First-Child) IIF({Tab.IsLastChild}='True',Last-Child)"> ]]
                        [Level2-Anchor[  <a href="{Tab.Url}" title="{Tab.Title}" class="IIF({Tab.IsActive}='True',SelectedItem) IIF({Tab.HasChildren}='True', hasChildren)">{Tab.Name}</a> ]]
                        [Level3-Container[ <ul class="Level3"> ]]
                            [Level3-Item[ <li id="{NavMenu.Id}-{Tab.Id}" IIF({Browser}='IE',{IEHoverJS}) class="IIF({Tab.IsFirstChild}='True',First-Child) IIF({Tab.IsLastChild}='True',Last-Child)">]]
                                [Level3-Anchor[ <a href="{Tab.Url}" title="{Tab.Title}" class="IIF({Tab.IsActive}='True',SelectedItem) IIF({Tab.HasChildren}='True', hasChildren)">{Tab.Name}</a> ]]
                                [Level4-Container[ <ul class="Level4"> ]]
                                    [Level4-Item[ <li id="{NavMenu.Id}-{Tab.Id}" IIF({Browser}='IE',{IEHoverJS})> ]]
                                        [Level4-Anchor[ <a href="{Tab.Url}" title="{Tab.Title}" IIF({Tab.IsActive}='True',class="SelectedItem")>{Tab.Name}</a> ]]
                                    [/Level4-Item[ </li> ]]
                                [/Level4-Container[ </ul> ]]
                            [/Level3-Item[ </li> ]]
                        [/Level3-Container[ </ul> ]]
                    [/Level2-Item[ </li> ]]
                [/Level2-Container[ </ul> ]]
        [/Level1-Item[ </li> ]]
    [/Level1-Container[ </ul> ]]
[/NavMenu-Container[ </div> 

<script type="text/javascript">
    //this global call is for the initial pageload
	//to set the active menu
    //set a delay for when the menu resets to the active state after mouseout
    var reset_delay = 750;
	var resetactive = null;
    NavResetActive();
</script>
]]