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

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

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

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

	var submenu = document.getElementById(obj);

	// メニュー項目
	popupMenuItem = new Array();
    switch(type){
    // Overview
    case 1:
	  popupMenuItem.push("MusicPreview", "overview.html");
	  popupMenuItem.push("VisualRecent", "vr_overview.html");
	  break;
    // Register
    case 2:
	  popupMenuItem.push("MusicPreview", "register.html");
	  popupMenuItem.push("VisualRecent", "vr_register.html");
	  break;
    // Freeware
    case 3:
	  popupMenuItem.push("Gooby", "gb_overview.html");
	  popupMenuItem.push("GMSDesktop", "gm_overview.html");
	  popupMenuItem.push("Others", "freewares.html");
	  break;
    }
    
	// メニュー作成
	var layer;
	var count;
	var url;
	var title;
	layer = "<div id='popmenu' style='position:absolute;'>";
	count = popupMenuItem.length / 2;
	for (i=0; i<count; i++) {
		title = i * 2;
		url = i * 2 + 1;
		layer += "	<div id='menuitem" + i + "' class='menuNormal'";
		layer += "	  onclick=moveUrl('" + popupMenuItem[url] + "')";
		layer += "	  onmouseover=rollOver(this,'menuHilite');displayMode('" + obj + "','block');";
		layer += "	  onmouseout=rollOver(this,'menuNormal');displayMode('" + obj + "','none');>" + popupMenuItem[title] + "</div>";
	}
	layer += "</div>";

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

}