Красивое меню категорий

В интернете множество разных красивых меню например

http://www.webtyz.ru/view_lessons.php?id=40

http://docs.jquery.com/Plugins/Treeview

и сногие другие но для их рабіті есть одна особеность

для его работы категории должны выводиться в виде

<ul class='glossymenu' id='verticalmenu'>
  <li><a href='./catalog/avtomobili/'>Автомобили</a>
    <ul>
      <li><a href='./catalog/mercedes/'>Mercedes</a></li>
      <li><a href='./catalog/toyota/'>Toyota</a></li>
      <li><a href='./catalog/lexus/'>Lexus</a></li>
      <li><a href='./catalog/lotus/'>Lotus</a></li>
      <li><a href='./catalog/lamborghini/'>Lamborghini</a></li>
    </ul>
  </li>
  <li><a href='./catalog/sotovaya-svyaz/'>Сотоваясвязь</a>
    <ul>
      <li><a href='./catalog/samsung/'>Samsung</a>
        <ul>
           <li><a href='./catalog/aksessuary/'>Аксессуары</a></li>
        </ul>
      </li>
      <li><a href='./catalog/ericsson/'>Ericsson</a></li>
    </ul>
  </li>    
</ul>

Сегодня я раскажу как нам добиться чтоб наше меню каталога формировалось иммено так

брем  фаил category_tree.tpl.html

и заменяем его содержимое на

{* category navigation tree *} 
{if $smarty.const.CONF_SHOW_MENU == 1}
<ul  id='verticalmenu' class='glossymenu'>
    {assign var='old' value=0}
    {assign var='ja' value=0}
    {section name=i loop=$categories}

    {if $categories[i][6]>0} 
      {if $ja}
        {if $categories[i][5]==$old}</li> {elseif $categories[i][5]>$old} <ul> {/if}
        {if $categories[i][5]<$old && $old>1}</li>{/if}
        {if $categories[i][5]<$old} </ul> {/if}
      {/if}
      <li {if $categories_tree[i][2]==0} class='root' {else} class='sub'{/if}><a href='./{$categories[i][7]}' {if $categoryID == $categories[i][0]} class='selected' {/if}>{$categories[i][1]}</a>
    {/if}
    {assign var='ja' value=1}       
    {assign var='old' value= $categories[i][5]}
    {/section}
</ul>
{else}
<ul  id='verticalmenu' class='glossymenu'>
    {assign var='old' value=0}
    {assign var='ja' value=0}
    {section name=i loop=$categories_tree}

    
      {if $ja}
        {if $categories_tree[i][2]==$old}</li> {elseif $categories_tree[i][2]>$old} <ul> {/if}
        {if $categories_tree[i][2]<$old && $old>1}</li>{/if}
        {if $categories_tree[i][2]<$old} </ul> {/if}
      {/if}
      <li {if $categories_tree[i][2]==0} class='root' {else} class='sub'{/if}>

      {if $categoryID == $categories_tree[i][0]}<b>{$categories_tree[i][1]}</b>{else}
      <a href='./{$categories_tree[i][4]}' >{$categories_tree[i][1]}</a>
      {/if}
    
    {assign var='ja' value=1}       
    {assign var='old' value= $categories_tree[i][2]}
    {/section}
</ul>
{/if}