// JavaScript Document

/**********************************************************************
MURATA : GlobalNavi [ /common/js/globalnavi.js ]

08.04.01
***********************************************************************
static variable  : ST_GL_XXXXXXX
global variable  : gGl_xxxxxx
functions        : global_xxxxxx
**********************************************************************/


/*---------------------------------------------
 Variable
---------------------------------------------*/
/* Flashのあるページ */
var gGl_astrPATH = [
	'/index.html',
	'/_temp.html'
]

/* ナビゲーション大項目のID名 */
var gGl_astrID = [
	'glNavi-sub-home',
	'glNavi-sub-about',
	'glNavi-sub-guide',
	'glNavi-sub-qa',
	'glNavi-sub-inquiry'
]

/* ナビゲーション全項目表示ボタンのID名 */
var gGl_strID_all = 'gl-navi-all';

/* プルダウンのCLASS名 */
var ST_GL_CLS_PD = 'ul.glNavi-sub';

/* カレント表示CLASS名の末尾 */
var ST_GL_ID_SL = '-sl';

/* プルダウンが開いているボタンのCLASS名の末尾 */
var ST_GL_ID_OP = '-op';

/* safariの場合の「全てを表示」ボタンのCLASS名の末尾 */
var ST_GL_ID_SF = '-sf';

/* プルダウンの開閉フラグ（初期値）*/
var gGl_flg = false;


/* ====================================================================
 Onload
==================================================================== */
$(function(){

	/* 該当カテゴリボタンをカレント表示 */
	global_act_image();

	/* Safariならば */
	if (navigator.userAgent.indexOf('Safari', 0) > -1) {

		/* Flashのあるページならば */
		for (var i=0; i<gGl_astrPATH.length; i++) {
			if (location.pathname == gGl_astrPATH[i]) {

				/* 「全てを表示」ボタンのIDを切り替える */
				var strNewId = gGl_strID_all + ST_GL_ID_SF;
				$('#' + gGl_strID_all).attr('id', strNewId);
				return;
			}
		}
	}

	/* 「全てを表示」ボタンがクリックされたら */
	$("#" + gGl_strID_all).click(

		/* 全てのプルダウンを表示する */
		function(){ global_sub_disp(); }
	);

	/* 各カテゴリのプルダウン表示 */
	for (var i=0; i<gGl_astrID.length; i++) {
		$("#" + gGl_astrID[i]).hover(

			/* カテゴリボタンMouseOver */
			function(){
				if (!gGl_flg) {

					/* ボタンのIDを切り替え */
					var strOrgId = $('#' + $(this).attr('id') + '> a').attr('id');
					var strNewId = strOrgId + ST_GL_ID_OP;
					$('#' + $(this).attr('id') + '> a').attr('id', strNewId);

					/* プルダウンを表示 */
					$(ST_GL_CLS_PD, $(this)).css({ display : 'block' });
				}
			},

			/* カテゴリボタンMouseOut */
			function(){
				if (!gGl_flg) {
					/* ボタンのIDを切り替え */
					var strOrgId = $('#' + $(this).attr('id') + '> a').attr('id');
					var strNewId = strOrgId.substring(0, strOrgId.indexOf(ST_GL_ID_OP, 0));
					if(strNewId) {
						$('#' + $(this).attr('id') + '> a').attr('id', strNewId);
					}
					/* プルダウン非表示 */
					$(ST_GL_CLS_PD, $(this)).css({ display : 'none' });
				}
			}
		);
	}
});


/* ====================================================================
 Name        : global_sub_disp()
 Description : グローバルナビプルダウンを全て開く
 Parameter   : なし
 Return      : なし
==================================================================== */
function global_sub_disp(){

	/* プルダウンが閉じていればtrue、開いていればfalse */
	gGl_flg = (!gGl_flg) ? true : false;

	/* プルダウンが閉じている場合 */
	if(gGl_flg){

		/* 「全てを表示」ボタンのIDを切り替え */
		var strNewId = gGl_strID_all + ST_GL_ID_SL;
		$('#' + gGl_strID_all).attr('id', strNewId);

		/* グローバル変数に代入 */
		gGl_strID_all = strNewId;

		/* 全てのプルダウンを表示する */
		for (var i=0; i<gGl_astrID.length; i++) {

			/* ボタンのIDを切り替え */
			var strOrgId = $('#' + gGl_astrID[i] + '> a').attr('id');
			var strNewId = strOrgId + ST_GL_ID_OP;
			$('#' + gGl_astrID[i] + '> a').attr('id', strNewId);

			/* プルダウンを表示する */
			$('#' + gGl_astrID[i] + '> ' + ST_GL_CLS_PD).css({ display : 'block' });
		}

	/* プルダウンが開いている場合 */
	} else {

		/* 「全てを表示」ボタンのIDを切り替え */
		var strNewId = gGl_strID_all.substring(0, gGl_strID_all.indexOf(ST_GL_ID_SL, 0));
		$('#' + gGl_strID_all).attr('id', strNewId);

		/* グローバル変数に代入 */
		gGl_strID_all = strNewId;

		/* 全てのプルダウンを非表示にする */
		for (var i=0; i<gGl_astrID.length; i++) {

			/* ボタンのIDを切り替え */
			var strOrgId = $('#' + gGl_astrID[i] + '> a').attr('id')
			var strNewId = strOrgId.substring(0, strOrgId.indexOf(ST_GL_ID_OP, 0));
			$('#' + gGl_astrID[i] + '> a').attr('id', strNewId);

			/* プルダウンを非表示にする */
			$('#' + gGl_astrID[i] + '> ' + ST_GL_CLS_PD).css({ display : 'none' });
		}
	}
}


/* ====================================================================
 Name        : global_act_image()
 Description : カレント表示
 Parameter   : なし
 Return      : なし
==================================================================== */
function global_act_image(){

	/* カテゴリ番号（<body>のclass）の取得 */
	var intNumber = eval($('body').attr('class')) - 1;

	/* カテゴリ数以上の番号が設定されていたら */
	if (intNumber >= gGl_astrID.length) { return; }

	/* ボタンのIDを切り替え */
	var strOrgId = $('#' + gGl_astrID[intNumber] + '> a').attr('id');
	var strNewId = strOrgId + ST_GL_ID_SL;
	$('#' + gGl_astrID[intNumber] + '> a').attr('id', strNewId);
}


/*********************************************************************/