[PhilJ]

It would be interesting to know how to make the menu display horizontal.

here you go...

{literal} 
<script language="JavaScript1.2"> 
function changeLoc(address){ 
  window.location.href = address; 
} 

function onOver(td){ 
  if(document.getElementById||(document.all && !(document.getElementById))){ 
    td.style.backgroundColor="#009966"; 
    td.style.cursor="hand"; 
  } 
} 

function onOut(td){ 
  if(document.getElementById||(document.all && !(document.getElementById))){ 
    td.style.backgroundColor="#006633"; 
  } 
} 
</script> 
{/literal} 

<table width="100%" border="0" cellpadding="0" cellspacing="0"> 
  <tr> 
    <td class="funkycatsep"></td> 
  </tr> 
</table> 

{if $config.General.root_categories eq "Y"} 
<table width="100%" border="0" cellpadding="0" cellspacing="0"> 
  <tr> 
    <td width="1" class="funkycatsep">[img]{$ImagesDir}/null.gif[/img]</td>
{section name=cat_num loop=$categories}
    <td class="funkycat" onMouseOver="onOver(this);" onMouseOut="onOut(this);" onClick="changeLoc('home.php?cat={$categories[cat_num].categoryid}');"><font color="#FFFF00">&raquo;</font>{$categories[cat_num].category}</td> 
    <td width="1" class="funkycatsep">[img]{$ImagesDir}/null.gif[/img]</td> 
{/section}
    <td width="1" class="funkycatsep">[img]{$ImagesDir}/null.gif[/img]</td>
  </tr> 
</table> 

<table width="100%" border="0" cellpadding="0" cellspacing="0"> 
  <tr> 
    <td class="funkycatsep"></td> 
  </tr> 
</table> 

{else} 

<table width="100%" border="0" cellpadding="0" cellspacing="0"> 
  <tr> 
    <td width="1" class="funkycatsep">[img]{$ImagesDir}/null.gif[/img]</td> 
{section name=cat_num loop=$subcategories}
    <td class="funkycat" onMouseOver="onOver(this);" onMouseOut="onOut(this);" onClick="changeLoc('home.php?cat={$subcategories[cat_num].categoryid}');"><font color="#FFFF00">&raquo;</font>{$subcategories[cat_num].category}</td> 
    <td width="1" class="funkycatsep">[img]{$ImagesDir}/null.gif[/img]</td> 
{/section}
    <td width="1" class="funkycatsep">[img]{$ImagesDir}/null.gif[/img]</td>
  </tr> 
</table> 

<table width="100%" border="0" cellpadding="0" cellspacing="0"> 
  <tr> 
    <td class="funkycatsep"></td> 
  </tr> 
</table>

{/if}