// popupMenu【Suara専用】


// ==========================================================================
// 初期値

// フェード処理
var spd = 40; // 変化させる間隔（ミリ秒単位）
var ntc = 10; // 何%ずつ変化させるか
var init_opacity	= 100;				// 透明度の初期値（ 0〜100 （整数））
var value_opacity	= init_opacity;		// 透明度を保持する変数
var timer;

// グロナビon表示（飾り）切り替え
var bgPosX = new Array('0','-83','-235','-389','-487','-599');
var bgPosY = new Array('0','0','0','0','0','0');
var aryChild = new Array('.','..','/suara');



// ==========================================================================
// フェード処理
function fdOut() {
	document.getElementById('popmenu2').style.display = 'none';

  setOpacity();
  value_opacity -= ntc;
  if(value_opacity < 0){
	dispOff();
	return;
  }
  timer = setTimeout("fdOut()",spd);
}

// アルファ値反映
function setOpacity() {
  document.getElementById('popmenu').style.filter = 'alpha(opacity=' + value_opacity + ')';
  document.getElementById('popmenu').style.MozOpacity = value_opacity / 100;
  document.getElementById('popmenu').style.opacity = value_opacity / 100;
}


// メニューのフェードアウト遅延（ミリ秒単位）
function fade() {
    timer = setTimeout('fdOut()',300);
}


// ==========================================================================
// 【Suara専用処理】グロナビon表示（飾り）切り替え
function gnDecoOff() {
	for (i = 0; i <= 5; i++) {
document.getElementById("globalNavi").getElementsByTagName("li").item(i).getElementsByTagName("a").item(0).style.backgroundPosition = bgPosX[i] + 'px 0';
	}
}

function gnDecoOn(page) {
	bgPosY[page] = '-38';

	for (i = 0; i <= 5; i++) {
document.getElementById("globalNavi").getElementsByTagName("li").item(i).getElementsByTagName("a").item(0).style.backgroundPosition = bgPosX[i] + 'px ' + bgPosY[i] +'px';
	}

	bgPosY[page] = '0';
}



// ==========================================================================
// 表示On（タイマークリア）
function dispOn() {
	value_opacity = init_opacity;
    setOpacity();
	clearTimeout(timer);
	document.getElementById('submenu').style.display = 'block';
	document.getElementById('popmenu2').style.display = 'block';
}

// 表示Off
function dispOff() {
	document.getElementById('submenu').style.display = 'none';
}


// ==========================================================================
// ポップアップメニュー
function popupMenu(obj, item, w, w2,child) {

	var h = 0;
	var h2 = 24;

	var submenu = document.getElementById('submenu');
	value_opacity = init_opacity;
	clearTimeout(timer);

	// メニュー項目
	popupMenuItem = new Array();
	switch (item) {


	// INFORMATION
	case 1:
		popupMenuItem.push("EVENT",		"/info/eve.html","ln-info-eve");
		popupMenuItem.push("RELEASE",	"/info/rel.html","ln-info-rel");
		popupMenuItem.push("LIVE",		"/info/liv.html","ln-info-liv");
		popupMenuItem.push("MEDIA",		"/info/med.html","ln-info-med");
		popupMenuItem.push("ANIME",		"/info/ani.html","ln-info-ani");
		popupMenuItem.push("GAME",		"/info/gam.html","ln-info-gam");
		popupMenuItem.push("MAGAZINE",	"/info/mag.html","ln-info-mag");
		popupMenuItem.push("OTHER",		"/info/oth.html","ln-info-oth");
		break;

	// DISCOGRAPHY
	case 2:
		popupMenuItem.push("CD(SINGLE)","/disc/cds.html","ln-disc-cds");
		popupMenuItem.push("CD(ALBUM)",	"/disc/cda.html","ln-disc-cda");
		popupMenuItem.push("SACD",		"/disc/sac.html","ln-disc-sac");
		popupMenuItem.push("DVD",		"/disc/dvd.html","ln-disc-dvd");
		popupMenuItem.push("Blu-ray",	"/disc/blu.html","ln-disc-blu");
		popupMenuItem.push("OTHER",		"/disc/oth.html","ln-disc-oth");
		break;

	}

	// メニュー作成
	var layer;
	var loop;
	var id;
	var url;
	var subject;
	layer = "<ul id='popmenu' style='position:absolute;top:" + h + ";left:" + w + ";'><li id='side-l'></li>\n";
	loop = popupMenuItem.length / 3;
	for (i=0; i<loop; i++) {
		id = i * 3 + 2;
		url = i * 3 + 1;
		subject = i * 3;
		layer += "<li id='" + popupMenuItem[id] + "'>";
		layer += "<a href='" + aryChild[child] + popupMenuItem[url] + "' onmouseover=dispOn(); onmouseout=fade();>";
		layer += popupMenuItem[subject] + "</a></li>\n";
	}
	layer += "<li id='side-r'></li></ul>\n";
	layer += "<div id='popmenu2' style='position:absolute;top:" + h2 + ";left:" + w2 + ";'></div>\n";

	// ポップアップメニュー表示
	submenu.style.display = 'block';
	submenu.innerHTML = layer;

}