// メニュー･ロールオーバー
function rollOver(obj,val) {
	obj.className = val;
}

// URLリンク
function jumpUrl(url) {
	location.href = url;
}

// 表示モード切替
function displayMode(Obj,mode) {
	document.getElementById(Obj).style.display = mode;
}

// ポップアップメニュー
function popupMenu(Obj, item, w, h) {

	var SM = document.getElementById(Obj);

	// メニュー項目
	popupMenuItem = new Array();
	switch (item) {
	
	case 1:
		popupMenuItem.push("トムトムの歴史", "/concept/history.html");
		popupMenuItem.push("こだわりの食材", "/concept/kodawari.html");
		break;

		
	case 2:
		popupMenuItem.push("グランドメニュー", "/menu/grand.html");
		popupMenuItem.push("コースメニュー", "/menu/course.html");
		popupMenuItem.push("ランチメニュー", "/menu/lunch.html");
		popupMenuItem.push("デザート", "/menu/dessert.html");
		popupMenuItem.push("ドリンク", "/menu/drink.html");
		break;


	case 3:
		popupMenuItem.push("店舗概要", "/storeguide/company.html");
		popupMenuItem.push("地図・アクセス方法", "/storeguide/access.html");
		popupMenuItem.push("駐車場のご案内", "/storeguide/parking.html");
		popupMenuItem.push("店内の見取り図", "/storeguide/sketch.html");
		popupMenuItem.push("良くあるご質問", "/storeguide/faq.html");
		popupMenuItem.push("グループ店舗の紹介", "/storeguide/group.html");
		break;


	case 4:
		popupMenuItem.push("お問い合わせ（予約ページ）", "/contact/contact.html");
		break;
	}

	// メニュー作成
	var layer;
	var roop;
	var url;
	var subject;
	var base_width;
	if(window.innerWidth){
		base_width = window.innerWidth;
	}else{
		base_width = document.body.clientWidth;
	}
	w = (base_width / 2) - w;
	layer = "<ul id='d_menu_o' style='position:absolute;top:" + h + "px;left:" + w + "px;'>\n";
	roop = popupMenuItem.length / 2;
	for (i=0; i<roop; i++) {
		url = i * 2 + 1;
		subject = i * 2;
		layer += "	<li id='submenu" + i + "' class='d_menu_off' ";
		layer += "	  onclick=jumpUrl('" + popupMenuItem[url] + "')";
		layer += "	  onmouseover=rollOver(this,'d_menu_on');displayMode('block');";
		layer += "	  onmouseout=rollOver(this,'d_menu_off');displayMode('none');>" + popupMenuItem[subject] + "</li>\n";
	}
	layer += "</ul>\n";
	
	// ポップアップメニュー表示
	SM.style.display = 'block';
	SM.innerHTML = layer;

}

//HTML bodyトップに入れる<div id="d_submenu" style="display:block;"></div>