// V7 Specific code

// We want a menu of the form
// <ul class="sOb">
//  <li class="nsc"><div><img class="nsi" src="c-n.gif"/><a class="nsa" ... ">Top Section 1</a></div></li>
//  <li class="nsc"><div><img class="nsi" src="c-n.gif"/><a class="nsa" ... ">Top Section 2</a></div></li>
//  <li class="hsc"><div><img class="hsi" id="im_1_3" src="c-p.gif"/><a class="hsa" ... ">Top Section 3 with sub-section</a></div>
//   <ul class="hOb" id="ul_2_4">
//    <li class="nsc"><div><img class="nsi" src="c-n.gif"/><a class="nsa" ... ">Sub Section A</a></div></li>
//    <li class="hsc"><div><img class="hsi" id="im_2_5"  src="c-p.gif"/><a class="hsa" ... ">Sub Section B with sub-sub-section</a></div>
//     <ul class="hOb" id="ul_3_6">
//      <li class="nsc"><div><img class="nsi" src="c-n.gif"/><a class="nsa" ... ">Sub-sub Section X</a></div></li>
//     </ul>
//    </li>
//   </ul>
//  </li>
//  <li class="nsc"><div><img class="nsi" src="c-n.gif"/><a class="nsa" ... ">Top Section 4</a></div></li>
// </ul>

var thislevel = 0;
var listindex = 1;

function GenerateList(names, urls){
  thislevel++;
  var bits = new Array;
  var listcode = '';
  for (var i=1; i <= names.length; i++)
    {
    if ( names[i].pChild && ((maxdepth == 0) || (thislevel < maxdepth)) )
      {
      bits[0] = '<img class="hsi" id="im_' + thislevel + '_' + listindex + '" src="c-p.gif"/>';
      bits[1] = '<a class="nsa" href="' + urls[i].sURL + '">' + names[i].sName + '</a>';
      if ( iconafter ) bits.reverse();
      listcode += '<li class="hsc"><div>' + bits[0] + spacer + bits[1] + '</div>'
                + '<ul class="hOb" id="ul_' + (thislevel + 1) + '_' + (listindex + 1) + '">';
      listcode += GenerateList(names[i].pChild, urls[i].pChild);
      listcode += '</ul></li>';
      }
    else
      {				// simple list entry
      bits[0] = '<img class="nsi" src="c-n.gif"/>';
      bits[1] = '<a class="nsa" href="' + urls[i].sURL + '">' + names[i].sName + '</a>';
      if ( iconafter ) bits.reverse();
      listcode += '<li class="nsc"><div>' + bits[0] + spacer + bits[1] + '</div></li>';
      }
    listindex++;
    }
  thislevel--;
  return listcode;
}

function CollapsoMenu(names,urls){
  var listcode = '<ul id="ul_1_1" class="sOb">';
  listcode += GenerateList(names,urls);
  listcode += '</ul>';
  document.write(listcode);
  collclks();	// activate the [+] image onclick events
}