function rollOver(obj,val) {
	obj.className = val;
}

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

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

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

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

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

	// ネイルサブメニュー
	case 1:
		popupMenuItem.push("ケアマニキュア", "nail01.html");
		popupMenuItem.push("スカルプチュア", "nail02.html");
		popupMenuItem.push("ジェル", "nail03.html");
		popupMenuItem.push("アート", "nail04.html");
		break;

	}

	// メニュー作成
	var layer;
	var roop;
	var url;
	var subject;
	layer = "<div id='popmenu' style='position:absolute;top:" + h + ";left:" + w + ";'>\n";
	roop = popupMenuItem.length / 2;
	for (i=0; i<roop; i++) {
		url = i * 2 + 1;
		subject = i * 2;
		layer += "	<div id='submenu" + i + "' class='submenu01'";
		layer += "	  onclick=jumpUrl('" + popupMenuItem[url] + "')";
		layer += "	  onmouseover=rollOver(this,'submenu02');displayMode('block');";
		layer += "	  onmouseout=rollOver(this,'submenu01');displayMode('none');>" + popupMenuItem[subject] + "</div>\n";
	}
	layer += "</div>\n";

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

}