<!--

var resizeTargetDiv;

var menuOpenWidth  = 300;		// 開いていたときのメニューの幅
var menuCloseWidth = 40;		// 閉じたときのメニューの幅

var animationTime  = 1000;	// アニメーション時間

/**
 * DOMがロードされて
 * 操作・解析が可能になったときのイベント
 */
jQuery(document).ready( function() {

	if( jQuery("#flash").get().length > 0 ){
		resizeTargetDiv = jQuery("#flash");
	}
	else if( jQuery("#body_head_bg h2").get().length > 0 ){
		resizeTargetDiv = jQuery("#body_head_bg h2");
	}

	// スクロールを初期化する
	jQuery(window).scrollLeft( 0 );

	//----------------------------------------------
	// 初期状態：メニューを開いた状態にしたい場合
	//----------------------------------------------
	if( MenuBoxOpen == true ){

		jQuery("#right_menu_box1").animate({width: menuOpenWidth}, animationTime);
		jQuery("#right_menu_box").animate({width: menuOpenWidth - menuCloseWidth}, animationTime);

	}
	//----------------------------------------------
	// 初期状態：メニューを閉じた状態にしたい場合
	//----------------------------------------------
	else{

		jQuery("#right_menu_box1").animate({width: menuCloseWidth}, animationTime);
		jQuery("#right_menu_box").animate({width: 0}, animationTime);

	}

	/**
	 * 以下の要素がクリックされたときのイベント
	 * ・right_menu_box_open
	 * ・right_btn
	 */
	jQuery("#right_btn, #right_menu_box_open").click( function () {

		// スクロールの各要素を右端に移動させる
		moveLeft();

		var width = jQuery("#right_menu_box1").css( "width" );
		width = width.replace( "px", "" );

		//--------------------------------------------
		// メニューが開いていたとき
		//--------------------------------------------
		if( width == menuOpenWidth ){

			// メニューを閉じる
			jQuery("#right_menu_box1").animate({width: menuCloseWidth}, animationTime);
			jQuery("#right_menu_box").animate({width: 0}, animationTime);

		}
		//--------------------------------------------
		// メニューが閉じていたとき
		//--------------------------------------------
		else if( width == menuCloseWidth ){

			// メニューを開く
			jQuery("#right_menu_box1").animate({width: menuOpenWidth}, animationTime);
			jQuery("#right_menu_box").animate({width: menuOpenWidth - menuCloseWidth}, animationTime);

		}

	});

	/**
	 * 以下の要素がマウスオーバーされたときのイベント
	 * ・right_menu_box_open
	 */
	jQuery("#right_menu_box_open").mouseover( function () {

		// メニューを開く
		jQuery("#right_menu_box1").animate({width: menuOpenWidth}, animationTime);
		jQuery("#right_menu_box").animate({width: menuOpenWidth - menuCloseWidth}, animationTime);

	});

	/**
	 * 以下の要素がマウスアウトされたときのイベント
	 * ・right_btn
	 * ・right_menu_bg
	 */
	jQuery("#right_btn, #right_menu_bg").mouseout( function ( e ) {

		if( e.pageX > 0 && e.pageY > 0 && ( e.pageX <= jQuery("#right_btn").offset().left || e.pageY <= jQuery("#right_btn").offset().top ) ){

			// メニューを閉じる
			jQuery("#right_menu_box1").animate({width: menuCloseWidth}, animationTime);
			jQuery("#right_menu_box").animate({width: 0}, animationTime);

		}

	});

	/**
	 *  ウィンドウがスクロールされたときのイベント
	 */
	jQuery(window).scroll( function () {

		var tmpLeft = 0;

		// スクロールの各要素を右端に移動させる
		moveLeft();

	});

	/**
	 *  ウィンドウがリサイズされたときのイベント
	 */
	jQuery(window).resize( function () {

		// スクロールの各要素を右端に移動させる
		moveLeft();

	});

});

/**
 * スクロールの各要素を右端に移動させる
 */
function moveLeft(){

	// スクローラの値が必要な場合は0より大きいな値
	var scrollVal = 0;

	// ブラウザごとに移動方法が異なる
	//
	// ・ブラウザ判定
	//   jQuery.browser.msie
	//   jQuery.browser.mozilla
	//   jQUery.opera
	//   jQuery.safari
	// ・バージョン判定
	//   jQuery.browser.version

	// Internet Explorer 7.0 未満の場合
	if( jQuery.browser.msie && jQuery.browser.version < 7.0 ){

		scrollVal = 0;

	}
	else{

		scrollVal = jQuery(window).scrollLeft();

	}

	// 各要素を移動する
	var moveList = new Array( "#right_btn", "#right_menu_box_open", "#right_menu_box1", "#right_menu_box" );
	for( var ii=0; ii<moveList.length; ii++ ){

		jQuery( moveList[ ii ] ).css( "left", "auto" );
		jQuery( moveList[ ii ] ).css( "right", 0 - scrollVal );

	}

	// 以下の要素だけは微調整が必要
	jQuery( "#right_menu_box_open" ).css( "left", "auto" );
	jQuery( "#right_menu_box_open" ).css( "right", 40 - scrollVal );

}

// -->