var H2s, ULs, LIs;

// Показывает quant(10) пунктов
function showPart(part,quant){
 for (var i = 0; i < ULs.length/quant; i++)
  LIs[i].className = '';
 LIs[part].className = 'active';

 part=part*quant;
 maxUL = (ULs.length < part+quant) ? ULs.length : part+quant;
// for (var i = 0; i < ULs.length; i++)	with(ULs[i]) className = className.replace(new RegExp(' active\\b'), '');
// for (var i = 0; i < ULs.length; i++)	with(ULs[i]) className = className.replace(' active', '');
 for (var i = 0; i < ULs.length; i++)	with(ULs[i]) className = className.replace(/active\b/, '');
 for (var i = part; i < maxUL; i++)	with(ULs[i]) className += 'active';
}

function associateEventWithObject(_obj, _method, _param)
{
 return function(e) {
  return _obj[_method](this, _param, e);
 };
}

function activate(_item, _index){
// for (var i = 0, l = H2s.length; i < l; i++)  H2s[i].className = ULs[i].className = "";
 H2s[_index].className = ULs[_index].className = (ULs[_index].className == '') ? 'active' : '';
}

function initTM(){
 var nav = document.getElementById('fOL');
  H2s = nav.getElementsByTagName('H2');
  ULs = nav.getElementsByTagName('UL');
 var nav = document.getElementById('subMenu');
  LIs = nav.getElementsByTagName('LI');
 for (var i = 0; i < H2s.length; i++) H2s[i].onclick = associateEventWithObject(window, "activate", i);
}

// генерация subMenu
function makeTM(quant){
 sMenu = document.getElementById('subMenu');
  for (var i = 0; i < ULs.length/quant; i++)
   sMenu.innerHTML+='<li><A href="#" onclick="showPart( '+i+','+quant+'); return false;">  '+(i*quant+1)+'-'+(i+1)*quant+'</A>';
//   document.write('');
}