function createMenu(id, subId){
       var content = '';
       for(var i in menu){
            if(menu[i].ref == id){
                 if(menu[i].sub)
                      var href = 'javascript:loadMenu(' + id + ', ' + i + ');';
                 else
                      var href = '?id=' + i;
                 if(i != subId){
                      content += '<li><a href="' + href + '">' + menu[i].title + '</a></li>';
                 }
                 else{
                      content += '<li><b>' + menu[i].title + '</b></li>';
                      for(var j in menu){
                           if(menu[j].ref == subId){
                                content += '<li style="margin-left: 25px; list-style-image: url(images/line.gif);"><a href="?id=' + j + '">' + menu[j].title + '</a></li>';
                           }
                      }
                 }
            }
       }
       return content;
  }

  function loadMenu(id, subId){
       var menuDiv = document.getElementById('menu');
       menuDiv.innerHTML = '<ul style="margin-left: 25px;">' + createMenu(id, subId) + '</ul>';
  }