/* このファイルはヘッダーと左メニューの動作を制御します。 */


/* ---------------------------- */
/* ●ヘッダーメニューアクション */
/* ---------------------------- */
//ボタン用画像キャッシュに読みこませておく。
ImageYomikomi();
function ImageYomikomi() {
	var imagelist = new Array(
	"/image/top_social_a.gif",
	"/image/top_private_a.gif",
	"/image/top_play_a.gif",
	"/image/side_social_a.gif",
	"/image/side_private_a.gif",
	"/image/side_play_a.gif",
	"/general/image/how_q_01_a.gif",
	"/general/image/how_q_02_a.gif",
	"/general/image/how_q_03_a.gif"
	);
	for(i=0; i<imagelist.length; i++){
		var menuimg = new Image();
		menuimg.src = imagelist[i];
	}
}

//カーソルがボタンと重なった場合
function MenuButtonON(menu) {
	var menusrc = menu.src;
	if(! menusrc.match(/_a.gif$/)){
		menu.src = menusrc.replace(/\.gif$/, "_a.gif");
	}
}

//カーソルがボタンからはずれた場合
function MenuButtonOFF(menu) {
	var menusrc = menu.src;
	if(menusrc.match(/_a.gif$/)){
		menu.src = menusrc.replace(/\_a.gif$/, ".gif");
	}
}


/* --------------------------- */
/* ●動作可能チェック          */
/* --------------------------- */
//JavaSctiptやFlashが動作可能か調べる（古いブラウザは左メニューアクションをしない）
function JSorFlashError(){
 var flg = 0;
	var browser = navigator.appName;
	var version = navigator.appVersion;
	//Netscape
	if(browser.indexOf("Netscape") != -1){
		if((version.indexOf("3.") != -1)||(version.indexOf("4.") != -1)){
			flg = 1;
		}
	//Internet Explorer
	}else if(browser.indexOf("Explorer") != -1){
		if((version.indexOf("MSIE 4") != -1)||(browser.indexOf("MSIE 3") != -1)){
			flg = 1;
		}
	}else if(browser.indexOf("Opera") != -1){
		if((version.indexOf("Opera 5") != -1)||(browser.indexOf("Opera 6") != -1)){
			flg = 1;
		}
	}
	return(flg);
}
ScriptError = JSorFlashError();//動作可能環境判断


/* --------------------------- */
/* ●左側のメニューアクション  */
/* --------------------------- */
//開いているページに該当する左メニューの項目の背景色を変更
if(ScriptError == 0){
	//topページでない時、タイマーを使って数秒おきにページ読込完了か確認。10秒を越えたら矯正終了
	if((! document.location.pathname.match(/^.?maple.?$/))||(! document.location.pathname.match(/^.?maple.index.shtml$/))){
		var yomikomiTimer = setInterval("PageYomikomi()", 300);
	}
	
	var page_yomikomi_flg = 0;
	function PageYomikomi() {
		//id submenuが存在する場合、1を返す（ページ読込完了か調べる為）
		if(document.getElementById('submenu') != null){
			var flg = 1;
		}else{
			var flg = 0;
		}
		
		page_yomikomi_flg++;
		
		//ページ読込完了又は、一定時間経過しても反応がない場合
		if(flg == 1){
			clearInterval(yomikomiTimer);//タイマー終了
			page_yomikomi_flg = null;//変数削除
			submenuAction();//左側のメニューのJavaScriptを開始
		}else if(page_yomikomi_flg > 20){
			clearInterval(yomikomiTimer);//タイマー終了
			page_yomikomi_flg = null;//変数削除
		}
	}
}

//現在開いているページに該当する左メニューの背景色を変更
function submenuAction() {
	var thisURLpath = document.location.pathname;//開いているページのURL（パス）
	var thisURLhost = document.location.hostname;//開いているページのURL（ホスト）
	
	//index.shtmlで終わるパスは/で統一
	var re = new RegExp("^/", "g");//正規表現オブジェクト
	if(! thisURLpath.match(re)){
		thisURLpath = "/" + thisURLpath;
	}
	thisURLpath = thisURLpath.replace(/index\.shtml$/, "");
	
	//id submenuを収得
	var submenu_data = document.getElementById('submenu');
	var submenu_list = submenu_data.childNodes;
	
	//id submenuの中身を調べる
	for(i=0; i<submenu_list.length; i++){
		if(submenu_list[i].nodeType == 1){
			var li_data = submenu_list[i].childNodes;//liの要素
			//Aタグを探す
			for(j=0; j<li_data.length; j++){
				if(li_data[j].nodeName.match(/A/i)){
					var li_a = li_data[j];//a
					var li_a_data = li_data[j].childNodes;//aの要素
					//DIVタグを探す
					for(k=0; k<li_a_data.length; k++){
						if(li_a_data[k].nodeName.match(/DIV/i)){
							var li_a_div = li_a_data[k];//div
							
							/*IE や Opera と、Netscape ではjavascriptで出力されるパスの値が異なるので訂正（最初の/がない）*/
							var link_path = li_a.pathname;
							
							//リンクとURLのホストが同じ場合
							if(li_a.hostname == thisURLhost){
								//パスの表記を統一
								if(! link_path.match(re)){
									link_path = "/" + link_path;
								}
								link_path = link_path.replace(/index\.shtml$/, "");
								
								//ページのURLと左メニューのリンクが同じ場合、背景の色を変更
								if(link_path == thisURLpath){
									li_a_div.style.backgroundColor = "#FFFFFF";
								}
							}
							
						}
					}
				}
			}
		}
	}
}


/* --------------------------- */
/* ●左側のメニューアクション  */
/* --------------------------- */
//左側のメニューのアクション（カーソルを重ねると背景色が変わる）
function SubMenuON(thisDIV) {
	if(ScriptError == 0){
		
		/*IE や Opera と、Netscape ではjavascriptで出力される色の値が異なるので対応*/
		if(! thisDIV.style.backgroundColor.match(/^.*255.+255.+255|^.*ffffff/i)){
			thisDIV.style.backgroundColor = "#93B4C5";
			thisDIV.style.color = "#000000";
		}
	}
}
//左側のメニューのアクション（カーソルが外れると背景色が戻る）
function SubMenuOFF(thisDIV) {
	if(ScriptError == 0){
		/*IE や Opera と、Netscape ではjavascriptで出力される色の値が異なるので対応*/
		if(! thisDIV.style.backgroundColor.match(/^.*255.+255.+255|^.*ffffff/i)){
			thisDIV.style.backgroundColor = "#CCCCCC";
			thisDIV.style.color = "#333333";
		}
	}
}