// JavaScript Document


//--------------環境設定-------------------//

/*
あたらしいポップアップを追加する場合は、この配列の末尾に対象IDを追加し、内部HTMLを記述します。名称は、必ずメニューに追加した<a>タグのIDを使用してください。
また内部のHTMLは、改行を使用しないでください。
}*/

popupElem = new Array("facilities","guide"); 
popupElem["facilities"] = '<a href="/nav/guestroom.html">ゲストルーム<a href="/nav/dish.html">お料理</a><a href="/nav/lounge.html">ラウンジ</a>'; 

popupElem["guide"] = '<a href="/nav/spot.html">観光スポット</a><a href="/nav/activity.html">アクティビティー</a>'; 

//要素追加用の雛形
/*popupElem["追加するID"] = 'ここに内容を記述';*/

//--------------/環境設定------------------//
	
	
//タイマー用
var timer = 0;
//タイムカウント用
var count = 400;
//現在開いているポップアップメニュー。タイムカウント用に最初から値を代入しています。
var pop_win_name = "edu_menu";


//ポップアップウインドウマウスアウト時、消えるまでを計るタイマーです。
function popTimer(){
	if(!pop_win_name.match(/_menu/)){
		pop_win_name += "_menu";
	}
	document.getElementById(pop_win_name).style.display = "none";
	clearInterval(timer);
}


//ページの要素に予め仕込んでおく内容です。
function baseSet(){

	//各要素をページ末尾に隠し配置(プルダウン表示用)しています。
	var popbg = document.createElement("div");
	popbg.className = "popmenu";
	
	//ニュースプルダウンメニュー
	for(var i = 0; i < popupElem.length; i++){
	
		//プルダウンメニューイベントを仕込む
		document.getElementById(popupElem[i]).onmouseover = function(){
			//押す前のポップアップウインドウを消去
			if(!pop_win_name.match(/_menu/)){
					pop_win_name += "_menu";
			}
			//ポップアップウインドウを表示
			document.getElementById(pop_win_name).style.display = "none";
			var targetObj = document.getElementById(this.id + "_menu");
			targetObj.style.display = "block";
			targetObj.style.top = document.getElementById("home-img").offsetTop + "px";
			if(document.all){
			targetObj.style.left = document.getElementById("home-img").offsetLeft + this.offsetLeft - 5 + "px";
				}else{
			targetObj.style.left = this.offsetLeft - 5 + "px";
			}
			//表示時、ウインドウ消去タイムをクリアしています。
			clearInterval(timer);
			
		}
		//マウスアウト時にはウインドウを消すタイマーを動かします。
		document.getElementById(popupElem[i]).onmouseout = function(){
			timer = setInterval("popTimer()",count);
			pop_win_name = this.id;
		}
		
		
		var element = document.createElement("div");
		element.id =  popupElem[i] + "_menu"; 
		element.className = "popmenu";
		//配列内容(ポップアップ内HTML)を参照しています。
		element.innerHTML = '<div class="alphafilter bg_mid_disp">' + popupElem[popupElem[i]] + '</div><div class="alphafilter bg_btm_disp"></div>';
		element.style.display = "none";
		element.onmouseover = function(){
			clearInterval(timer);
		}
		element.onmouseout = function(){
			clearInterval(timer);
			timer = setInterval("popTimer()",count);
			pop_win_name = this.id;
		}
		var objBody = document.getElementsByTagName("body").item(0); 
		objBody.appendChild(element);
	}
	
	
	
	
}


//onloadイベント処理
try{
	//For IE
    window.attachEvent("onload",baseSet);
}catch(e){
	//For FireFox & Safari & Opera
    window.addEventListener("load",baseSet, false);
}