window.onload=colapseAll;// volani funkce po nacteni okna

// zabaleni vsech hlavnich polozek
function colapseAll() {
  var dt = document.getElementsByTagName('dt');
  for (var i=0; i<dt.length; i++)  {
    if (dt[i].getAttribute('id').indexOf('top')==-1) {
    // pokud neni v atributu id slovo top (nejedna se o polozku bez submenu)
      dt[i].className = 'nonactivecolapse';// nastav tridu stylu (neaktivni odkazy)
    }
  }
	var dd = document.getElementsByTagName('dd');
	for (var i=0; i<dd.length; i++)  {
    dd[i].style.display='none';
  }
}
// nastaveni vsech polozek jako neaktivni (standardni barva)
function deactivateItems() {
  var dt = document.getElementsByTagName('dt');
  for (var i=0; i<dt.length; i++)  {
    if (dt[i].getAttribute('id').indexOf('top')!=-1) {
      // pokud je v atributu id slovo top (jde o polozku bez submenu)
      dt[i].className = 'nonactive';// nastav tridu stylu jako neaktivni
    } else if(dt[i].className.indexOf('expand')!=-1) {
      // pokud je menu v rozbalenem stavu - zachovej rozbaleny stav
      dt[i].className = 'nonactiveexpand'; // a zrus aktivaci
    } else {
      // pokud je menu v zabalenem stavu - zachovej jej
      dt[i].className = 'nonactivecolapse'; // ale zrus aktivaci
    }
  }
  var li = document.getElementsByTagName('li');
  for (var i=0; i<li.length; i++)  {
    // zruseni aktivace u jednotlivych polozek submenu
    li[i].className = 'nonactive'; 
  }
}
// hlavni funkce pro obsluhu kliknuti na polozku menu
function montre(id) {
  deactivateItems(); // zruseni aktivace vsech polozek
  // zjisteni polozky, na kterou se kliklo podle id
  var itemOrTop = document.getElementById(id); 
  if(itemOrTop) {
    // pokud je kliknuto na polozku menu nebo na menu bez submenu (top)
    itemOrTop.className = 'active'; // zmen barvu aktivniho odkazu
    return;
  } 
  // zjisteni polozky, na kterou se kliklo podle id
  var subMenu = document.getElementById('s'+id);
  var mainMenu = document.getElementById('m'+id);
  if(subMenu && mainMenu) {
    // pokud se kliklo na hlavni menu pro zobrazeni/skryti subMenu
    if(subMenu.style.display=='none') {
      subMenu.style.display='block'; // zobraz submenu
      mainMenu.className = 'activeexpand'; // zaktivuj odkaz
    } else {
      subMenu.style.display='none'; // skryj submenu
      mainMenu.className = 'activecolapse'; // zaktivuj odkaz
    }
  } 
}