Каждый пункт меню имеет свой class="#"

[thebat]

Делаю двухуровневое меню, а именно первый уровень горизонтальны, а второй выезжает, когда навожу курсором мыши на пункт меню первого уровня.

Вот то, что я уже написал:

lib.Top_Base_Menu = HMENU
lib.Top_Base_Menu.entryLevel = 1
lib.Top_Base_Menu {
1 = TMENU
1 {
wrap = <ul class="top_nav">|</ul>
expAll = 1
NO.wrapItemAndSub = <li class="item_li" onmouseover="document.getElementById('sub_1').styl e.display='block'" onmouseout="document.getElementById('sub_1').style .display='none'">|</li> || <li class="item_li" onmouseover="document.getElementById('sub_2').styl e.display='block'" onmouseout="document.getElementById('sub_2').style .display='none'">|</li> || <li class="item_li" onmouseover="document.getElementById('sub_3').styl e.display='block'" onmouseout="document.getElementById('sub_3').style .display='none'">|</li> || <li class="item_li" onmouseover="document.getElementById('sub_4').styl e.display='block'" onmouseout="document.getElementById('sub_4').style .display='none'">|</li>
NO.ATagParams = class="item"
ACT < .NO
ACT = 1
ACT.ATagParams = class="item"
}
2 = TMENU
2 {
wrap = <ul class="sub_ul" id="sub_1">|</ul> || <ul class="sub_ul" id="sub_2">|</ul> || <ul class="sub_ul" id="sub_3">|</ul> || <ul class="sub_ul" id="sub_4">|</ul>
expAll = 1
NO.allWrap = <li class="sub_li">|</li>
NO.ATagParams = class="sub"
}
}

С первым уровнем все нормально, там было нужно на каждый тег пункт меню <li></li> поставить разныe onmouseover="разный" <li class="item_li" onmouseover="разный">...

…,а вот со вторым уровнем не получается, но там ситуация чуть другая.

Во втором уровне… даже не знаю, как написать, … проще говоря, на каждый тэг <ul id="sub_1">|</ul> блока второго уровня надо поставить свой id="разный".

Прошу помощи у общества в решении этой задачи.

Заранее благодарю,