/* эта функция вставляет якоря <a name="..."> в заголовки <h1>, ..., обрабатываемый уровень заголовка передается в параметре lvl */
function makeAnchors(lvl) {
  /* получили список заголовков текущего уровня, находящихся внутри нужного <div> */
  if(hlist=document.getElementById('content').getElementsByTagName('h'+lvl))
    /* для каждого из них... */
    for(i=0;i<hlist.length;i++)
      /* ...создаем обертку <a name="...">...</a>. Класс нам понадобится не для CSS, а для того, чтобы различать уровни вложенности при сборке оглавления */
      hlist[i].innerHTML='<a name="toc'+lvl+'_'+i+'" class=toc'+lvl+'>'+hlist[i].innerHTML+'</a>';
}

/* эта функция возвращает оглавление в виде набора элементов списка <li>. В параметрах передается набор обрабатываемых уровней заголовков */
function toc() {
  /* если не задан набор уровней, то берем все 6 */
  var levels=new Array;
  if(!arguments) levels=[1,2,3,4,5,6]
  else
    for(j=0;j<arguments.length;j++)
      levels[j]=arguments[j];
  var alist='';
  /* создаем якоря в заголовках */
  for(j in levels) makeAnchors(levels[j]);
  /* получаем список свежесозданных якорей */
  if(hlist=document.getElementById('content').getElementsByTagName('a'))
  {
    /* для каждого из них... */
    for(j=0;j<hlist.length;j++)
      /* если случайно зацепили ненужный якорь, например, <a href="...">, то отбрасываем его */
      if(hlist[j].name&&hlist[j].name.substring(0,3)=='toc')
        /* собираем список, здесь классы для отдельных элементов <li> нужны уже именно для CSS, чтобы выделить уровни визуально */
        alist+='<li class="'+hlist[j].className+'"><a href="#'+hlist[j].name+'">'+hlist[j].innerHTML+'</a></li>\n';
  }
  return alist;
}