//********************************************************************
// pullDownMenu.js
//********************************************************************

//------------------------------------------------------------
//イベントをリスナーに登録
//------------------------------------------------------------
if(document.getElementById){
	dom.event.addEventListener(window, 'load', setPullDown);
}

var hitFlag = false;
var currentSubNavi;

function setPullDown(){
	var main_navi = document.getElementById("main-navi");
	var items = main_navi.getElementsByTagName("LI");
	
	for(var i=0; i<items.length; i++){
		var item_obj = items[i];
		var item_id = item_obj.id;
		var target_id = "sn-"+item_id.split("-")[1];
		var target_obj = document.getElementById(target_id);
		
		if(!target_obj){
			target_id = target_id.split("_")[0];
			target_obj = document.getElementById(target_id);
			
			if(!target_obj) continue;
		}
		
		
		target_obj.onmouseover = function(evt){
			hitFlag = true;
		}
		target_obj.onmouseout = function(evt){
			hitFlag =false;
			setTimer(this);
		}
		
		item_obj.target = target_obj;
		
		if(target_obj){
			item_obj.onmouseover = function(evt){
				hideSubNavi();
				hitFlag = true;
				var target = this.target;
				target.style.display = "block";
			}
			item_obj.onmouseout = function(evt){
				hitFlag =false;
				var target = this.target;
				setTimer(target);
			}
		}
		
		
	} // END for
}

function setTimer(target){
	var timer = setTimeout(function(){
		if(!hitFlag){
			hideSubNavi();
			clearTimeout(timer);
		}
	}, 200);
}


function hideSubNavi(){
	var sub_navi = document.getElementById("sub-navi");
	var sn_list = sub_navi.getElementsByTagName("UL");
	
	for(var i=0; i<sn_list.length; i++){
		var target = sn_list[i];
		if(target){
			target.style.display = "none";
		}
	}
}