// ポップアップメニューのロールオーバー
function rollOver(obj,val) {
	obj.className = val;
}

// リンク
function jumpUrl(url) {
	window.open(url,"_top");
}

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

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

	var submenu = document.getElementById('headSubMenu');

	// メニュー項目
	popupMenuItem = new Array();
	switch (item) {

	// サービス・製品
	case 1:

		popupMenuItem.push("Grain®", "../service/index.html");
		popupMenuItem.push("GHTML Viewer®", "../service/ghtmlviewer.html");
		popupMenuItem.push("クラウド監視 Sentinel", "../service/nubiumsentinel.html");
		popupMenuItem.push("クラウド導入 AWSサポート", "../service/nubiumawssupport.html");
		popupMenuItem.push("大学向け電子ポートフォリオ", "../service/student.html");
		popupMenuItem.push("anesta®", "../service/anesta.html");
		popupMenuItem.push("病院向け空床管理システム", "../service/hospital.html");
		popupMenuItem.push("スマートフォン変換サービス", "../service/smartdash.html");
		popupMenuItem.push("携帯観光案内アルカンネ", "../service/arkanne.html");
		break;

	// テクノロジー
	case 2:
		popupMenuItem.push("モバイルＷebコンテンツ構築", "http://www.haw.co.jp/system/index.html");
		popupMenuItem.push("エンタープライズ系システム開発", "http://www.haw.co.jp/system/enterprise.html");
		popupMenuItem.push("ネットワーク設計・構築・保守", "http://www.haw.co.jp/system/network.html");
		break;

	// 会社概要
	case 3:
		popupMenuItem.push("会社概要", "http://www.haw.co.jp/profile/index.html");
		popupMenuItem.push("企業理念", "http://www.haw.co.jp/profile/idea.html");
		popupMenuItem.push("沿革", "http://www.haw.co.jp/profile/history.html");
		popupMenuItem.push("経営陣紹介", "http://www.haw.co.jp/profile/staff.html");
		popupMenuItem.push("アクセス", "http://www.haw.co.jp/access/index.html");
		break;

	// ＨＡＷとは
	case 4:
		popupMenuItem.push("私たちが飯塚にこだわる理由", "http://www.haw.co.jp/e-zuka/index.html");
		popupMenuItem.push("市場開発室", "http://www.haw.co.jp/e-zuka/social.html");
		popupMenuItem.push("アジアのシリコンバレーe-ZUKA", "http://www.haw.co.jp/e-zuka/place.html");
		break;
	}

	// メニュー作成
	var layer;
	var roop;
	var url;
	var subject;
	layer = "<div style='position:absolute;'><div id='popmenu' style='position:relative;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 += "<div class='headSubMenu01' style='cursor:pointer;width:" + width + "px;'";
		layer += " onClick=jumpUrl('" + popupMenuItem[url] + "')";
		layer += " onMouseOver=rollOver(this,'headSubMenu02');displayMode('block');";
		layer += " onMouseOut=rollOver(this,'headSubMenu01');displayMode('none');>" + popupMenuItem[subject] + "</div>\n";
	}
	layer += "</div></div>\n";

	// ポップアップメニュー表示
	submenu.style.display = 'block';
	submenu.innerHTML = layer;

}