dom.event.addEventListener(window, 'load', initDocument);


var vMouseCheck=0;
var ret_val;
var vTimer;
var evt_obj;
var evt_target;



function initDocument() {
  var link_list = document.getElementById('contents_navi_link');
  /* コンテンツナビの左メニューリスト */
  var anchorlist = link_list.getElementsByTagName('li');
  /* コンテンツナビの左メニューリストにclick、mouseoverイベント・リスナーをセット */
  for(var i=0; i<anchorlist.length; i++) {
    var a = anchorlist.item(i);
    dom.event.addEventListener(a, 'click', mouseClickDelay);
    /* dom.event.addEventListener(a, 'mouseover', showContentsOver); */
    dom.event.addEventListener(a, 'mouseover', mouseOverDelay);
    dom.event.addEventListener(a, 'mouseout', mouseOutCheck);
  }
}

/* マウスアウト判定 */
function mouseOutCheck() {
	clearInterval(ret_val);
	/* alert('出た'+ vTimer); */
}

/* 遅延処理 */
function mouseOverDelay(evt) {
	vTimer=0;
  /* クリック or オーバーされた要素を特定 */
	var target = dom.event.target(evt);
	evt_obj = evt;
	evt_target = target;

	ret_val = setInterval('coutTime()',10);
}

function coutTime() {
	if (vTimer >= 10) {
		clearInterval(ret_val);
		
		/* alert('入っている' + vTimer); */
		showContentsOver();
		}
	vTimer = ++vTimer;
}

/* クリック */
function mouseClickDelay(evt) {
  /* クリック or オーバーされた要素を特定 */
	var target = dom.event.target(evt);
	evt_obj = evt;
	evt_target = target;

	clearInterval(ret_val);
	/* alert('クリック' + vTimer); */
	showContentsOver();
}




/* コンテンツ切り替え処理(マウスオーバー時遅延させる) */
function showContentsOver() {
  /* クリック or オーバーされた要素を特定 */
	/* var target = dom.event.target(evt); */
  evt = evt_obj;
  target = evt_target;
  /* リンクリストのCSS定義クリア */
	var link_list = document.getElementById('contents_navi_link');
	var anchorlist = link_list.getElementsByTagName('li');
	for(var i=0; i<anchorlist.length; i++) {
		anchorlist.item(i).setAttribute('class', '');
		anchorlist.item(i).setAttribute('className', '');
	}
	/* alert(target.id); */
	target.setAttribute('class', 'active');
	target.setAttribute('className', 'active');

  /* コンテンツの一覧（DIV要素の一覧）を取得 */
  var contentslist = document.getElementById('contents_list').childNodes;
  
  /* 対象のコンテンツだけを表示し、それ以外は非表示とする*/
  for(var i=0; i<contentslist.length; i++) {
    var elm = contentslist.item(i);
    if(elm.className != 'contents') {continue;}
    if('link_'+elm.id == target.id) {
      elm.style.display = 'block';
			target.setAttribute('class', 'active');
			target.setAttribute('className', 'active');
    } else {
      elm.style.display = 'none';
    }
  }




}