Сложне меню + javascript

[El_desperado]

Есть большое меню страниц такого вида:

1 уровень

2 уровень

3 уровень
3 уровень
3 уровень

2 уровень

2 уровень

3 уровень
3 уровень

1 уровень

2 уровень

3 уровень
3 уровень

Нужно динамически добавить уникальный id для каждого блока уровня следующим образом:

1 уровень

<div id="уникальный id для этого блока 2го уровня">
2 уровень

<div id="уникальный id для этого блока 3го уровня">
3 уровень
3 уровень
3 уровень
</div>

2 уровень
2 уровень

<div id="уникальный id для этого блока 3го уровня">
3 уровень
3 уровень
</div>

</div>

1 уровень

<div id="уникальный id для этого блока 2го уровня">
2 уровень

<div id="уникальный id для этого блока 3го уровня">
3 уровень
3 уровень
</div>

</div>

Код TS который уже есть:
lib.menu = COA
lib.menu {
stdWrap.insertData = 1
20 = HMENU
20.special = directory
20.special.value = 8
20.1 = TMENU
20.1 {

expAll = 1
NO.allWrap = <span class="cat_first_level_no"> | <br></span>
NO.stdWrap.htmlSpecialChars = 1
ACT = 1
ACT.stdWrap.htmlSpecialChars = 1
ACT.allWrap = <span class="cat_first_level_no"> | <br></span>

}
20.2 = TMENU
20.2 {

wrap = <div id="{field:header}">|</div>
expAll = 1
NO.allWrap = <span class="cat_second_level_no"> | <br></span>
NO.stdWrap.htmlSpecialChars = 1
ACT = 1
ACT.stdWrap.htmlSpecialChars = 1
ACT.allWrap = <span class="cat_second_level_no"> | <br></span>

}
20.3 = TMENU
20.3 {

wrap = <div id="{field:header}">|</div>
NO.allWrap =<span class="cat_third_level_no"> | <br></span>
NO.stdWrap.htmlSpecialChars = 1
ACT = 1
ACT.stdWrap.htmlSpecialChars = 1
ACT.allWrap = <span class="cat_third_level_no"> | <br></span>

}
}

Делается это для того что бы можно было сворачивать и разворачивать меню при помощи javascript-a.

Как это можно реализовать? И можно ли вообще? Уже весь мозг себе сломал решая эту задачу