//#################################################
//グローバルナビゲーションの展開
//v1.2
//2011.12.19 oobuchi


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

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

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

var timerID;

function SetMouseOut(){
	timerID = setTimeout(function(){
		jQuery(gnavi_sub_CLASS + ":visible").css({ display : 'none' });
		//nowID = "";
	},300);
}

//初期化
jQuery(function(){

	//***********************************************************************
	//yuga.jsのparentsLinkを利用して、カレント表示のメニューに下層メニューをあらかじめ表示する

	jQuery("#glNavi li > a.current").addClass("parentsLink");	//メニューのうち、カテゴリトップを反転表示させるためにクラスを追加
	jQuery("#glNavi li:has(a.parentsLink) ul").removeClass("glNavi-sub").addClass("glNavi-sub-current");


	//***********************************************************************
	//展開可能なサブメニューを持つ親リンク
	glnaviToplebel = jQuery("#glNavi > li:has(.glNavi-sub)");

	//親リンクにマウスイベントを設定
	glnaviToplebel.each( function(){

		jQuery(this).hover(

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

					//セットしたタイマーを解除
					clearTimeout(timerID);

					/* プルダウン展開しているボタンのIDを切り替え */
					var strOrgId = jQuery(this).find('> a').attr('id');
					var strNewId = strOrgId + gnavi_sub_ID_OP;

					jQuery(this).find('> a').attr('id', strNewId);

					//現在表示されている他のプルダウンを非表示
					jQuery(gnavi_sub_CLASS + ":visible").css({ display : 'none' });


					//プルダウンを表示
					jQuery(gnavi_sub_CLASS, jQuery(this)).css({left : '-200px', display : 'block', opacity : '0.0' }).animate({ left : '-238px', opacity : '1.0'  }, 200);

				},

				/* カテゴリボタンMouseOut */
				function(){

					/* プルダウン展開しているボタンのIDを切り替え */
					var strOrgId = jQuery(this).find('> a').attr('id');
					var strNewId = strOrgId.substring(0, strOrgId.indexOf(gnavi_sub_ID_OP, 0));
					if(strNewId) {
						jQuery(this).find('> a').attr('id', strNewId);
					}

					/* 一定時間後にマウスアウト */
					SetMouseOut();

				}
			);
		}
	);
	//}

});