function showSideMenu(node) {
  elm = node.parentNode;
  elm.className = ((elm.className == 'sel') ? '' : 'sel');
}

var smHideTimeout;

function showSubMenu(id) {
  clearTimeout(smHideTimeout);
  ids = $('header').getElementsByTagName('ul');
  for (i = 0; i < ids.length; i++) {
    if (ids[i].className.indexOf('submenu') != -1) ids[i].style.display = 'none';
    if (ids[i].id.indexOf('mainmenu') != -1) {
      lis = ids[i].getElementsByTagName('li');
      for (j = 0; j < lis.length; j++) {
        if (lis[j].id.indexOf(id) != -1) {
          lis[j].className = (lis[j].className.indexOf('sel') != -1) ? 'sel hover' : 'hover';
        } else {
          lis[j].className = (lis[j].className.indexOf('sel') != -1) ? 'sel' : '';
        }
      }
    }
  }
  if ($('submenu_'+id)) $('submenu_'+id).style.display = 'block';
}

function _hideSubMenu() {
  for (i = 0; i < ids.length; i++) {
    if (ids[i].className.indexOf('submenu sel') != -1) ids[i].style.display = 'block';
    else if (ids[i].className.indexOf('submenu') != -1) ids[i].style.display = 'none';
    if (ids[i].id.indexOf('mainmenu') != -1) {
      lis = ids[i].getElementsByTagName('li');
      for (j = 0; j < lis.length; j++) {
        lis[j].className = (lis[j].className.indexOf('sel') != -1) ? 'sel hover' : '';
      }
    }
  }
}

function hideSubMenu() {
  smHideTimeout = setTimeout("_hideSubMenu()", 1000);
}



var insideMenuTimeout;

function showInsideMenu(node) {
  node.getElementsByTagName('ul')[0].style.display = 'block';
  node.getElementsByTagName('a')[0].className = "sel";
  clearTimeout(insideMenuTimeout);
}

function hideInsideMenu(node) {
  insideMenuTimeout = setTimeout(function() {
    node.getElementsByTagName('ul')[0].style.display = 'none';
    node.getElementsByTagName('a')[0].className = "";
  }, 300);
}