/* ---------------------------------------------------- */
/* ▼load時の処理
/* ---------------------------------------------------- */
dom.event.addEventListener(window, 'load', initDocument);
function initDocument() {
  /* 各メニューのDIV要素にclickイベント・リスナーをセット */
  var children = document.getElementById('navi').childNodes;
  for(var i=0; i<children.length; i++) {
    var elm = children.item(i);
    if(elm.className != 'menu') { continue; }
    /* clickイベント・リスナーをセット */
    dom.event.addEventListener(elm, 'click', submenuAction);
    /* サブメニュー領域を非表示にする */
    document.getElementById(elm.id + '_sub').style.display = 'none';
  }
}

/* ---------------------------------------------------- */
/* ▼clickイベント時のリスナー関数
/* ---------------------------------------------------- */
function submenuAction(evt) {
  var target = dom.event.target(evt);
  if(target.className != 'menu') { return; }
  if(! document.getElementById(target.id + '_sub') ) { return; }
  /* サブメニュー領域のDIV要素ノード・オブジェクト */
  var subbox = document.getElementById(target.id + '_sub');
  /* 表示・非表示の切り替え */
  if(subbox.style.display == 'none') {
    subbox.style.display = '';
  } else {
    subbox.style.display = 'none';
  }
}