php 动态生成多级 菜单 树状

<!-- 图片列表页模板 -->
<!-- inc:inc.head -->
<div align="center">
<div id="body">
<div class="table"><div id="right_2">
      <div class="space_between"><div class="space_between"></div></div>
<!-- run:$catelist = QGMOD_SONCATE(4) --> <!-- 这里调用第一次获得一级产品分类 --> 
<div class="global_sub">图片分类</div> 
<div class="border_no_top"> 
      <div id="PARENT"> 
      <ul id="nav"> 
    <!-- $catelist AS $key=>$value --> 
        <li><a onclick="DoMenu('ChildMenu{:$value[id]}')">{:$value[catename]}</a> 
        <ul id="ChildMenu{:$value[id]}" class="expanded"> 
    <!-- run:$alist = QGMOD_SONCATE($value[id]) --> <!-- 这里调用第二次获得二级产品分类,可以获得更多下级分类 --> 
    <!-- $alist AS $key=>$value --> 
          <li ><a onclick="DoMenu('ChildMenu{:$value[id]}')"  >{:$value[catename]}</a></li> 
    <!-- end --> 
    <!-- run:unset($alist) --> 
        </ul> 
   </li> 
   <!-- end --> 
     </ul> 
   </div> 
  </div> 
   <!-- run:unset($catelist) --> 
<!-- 以下是控制多级菜单分类脚本 --> 
<script type=text/javascript><!-- 
var LastLeftID = ""; 
function menuFix() { 
    var obj = document.getElementById("nav").getElementsByTagName("li"); 
    
    for (var i=0; i<obj.length; i++) { 
        obj[i].onmouseover=function() { 
            this.className+=(this.className.length>0? " ": "") + "sfhover"; 
        } 
        obj[i].onMouseDown=function() { 
            this.className+=(this.className.length>0? " ": "") + "sfhover"; 
        } 
        obj[i].onMouseUp=function() { 
            this.className+=(this.className.length>0? " ": "") + "sfhover"; 
        } 
        obj[i].onmouseout=function() { 
            this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), ""); 
        } 
    } 
} 
function DoMenu(emid) 
{ 
    var obj = document.getElementById(emid);    
    obj.className = (obj.className.toLowerCase() == "expanded"?"collapsed":"expanded"); 
    if((LastLeftID!="")&&(emid!=LastLeftID))    //关闭上一个Menu 
    { 
        document.getElementById(LastLeftID).className = "collapsed"; 
    } 
    LastLeftID = emid; 
} 
function GetMenuID() 
{ 
    var MenuID=""; 
    var _paramStr = new String(window.location.href); 
    var _sharpPos = _paramStr.indexOf("#"); 
    
    if (_sharpPos >= 0 && _sharpPos < _paramStr.length - 1) 
    { 
        _paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length); 
    } 
    else 
    { 
        _paramStr = ""; 
    } 
    
    if (_paramStr.length > 0) 
    { 
        var _paramArr = _paramStr.split("&"); 
        if (_paramArr.length>0) 
        { 
            var _paramKeyVal = _paramArr[0].split("="); 
            if (_paramKeyVal.length>0) 
            { 
                MenuID = _paramKeyVal[1]; 
            } 
        } 
        /* 
        if (_paramArr.length>0) 
        { 
            var _arr = new Array(_paramArr.length); 
        } 
        
        //取所有#后面的，菜单只需用到Menu 
        //for (var i = 0; i < _paramArr.length; i++) 
        { 
            var _paramKeyVal = _paramArr[i].split('='); 
            
            if (_paramKeyVal.length>0) 
            { 
                _arr[_paramKeyVal[0]] = _paramKeyVal[1]; 
            }        
        } 
        */ 
    } 
    
    if(MenuID!="") 
    { 
        DoMenu(MenuID) 
    } 
} 
GetMenuID();    //*这两个function的顺序要注意一下，不然在Firefox里GetMenuID()不起效果 
menuFix(); 
--></script></div><div id="middle_1"><div class="space_between"></div></div><div id="left_2">
   <!-- inc:catrgory_left --> 
</div><div id="middle_2"><div class="space_between"></div></div>
<div style="clear:both;"></div></div>
</div>
</div>
<!-- inc:inc.foot --> 帮忙看看 怎么写个  多级菜单