/*
	varsion: 2008-01-21
	requires: prototyp.js (ver1.6), scriptaculous.js (v1.8), effects.js (v1.8)
*/
/*


*/

/*
  設定
----------------------------------------------------*/

// 乗り換え・運賃検索
var TRANSFER_SEARCH01_TITLE_ID = "case01-title";
var TRANSFER_SEARCH01_BODY_ID  = "case01-body";


// 駅時刻表検索
var TRANSFER_SEARCH02_TITLE_ID = "case02-title";
var TRANSFER_SEARCH02_BODY_ID  = "case02-body";


// ボタンのロールオーバー設定
var TRANSFER_SEARCH_BUTTON ={
	className     : "rollover-ts",
	onSuffix      : "on",
	activeSuffix : "act"
};


// アクティブではないボタンへ適用するスタイル
var TRANSFER_SEARCH_CLICKABLE_BUTTON_CNAME = "selectable";


// デフォルトで表示されるブロックのボタンID
var TRANSFER_SEARCH_ACTIVE_FLG = TRANSFER_SEARCH01_TITLE_ID; // TRANSFER_SEARCH02_TITLE_ID



// 開閉のアニメーション後に調整が必要なブロック
var TRANSFER_SEARCH_REVISE_POSITION_SELECTORS = 
[
	"#contents .site-utility",
	"#footer"
];




/*
  検索エリアの表示内容の切り替え
----------------------------------------------------*/

document.observe("dom:loaded", function() {

	// 
	var roi = new RolloverImage( TRANSFER_SEARCH_BUTTON.className, TRANSFER_SEARCH_BUTTON.onSuffix, TRANSFER_SEARCH_BUTTON.activeSuffix );


	if( $(TRANSFER_SEARCH01_TITLE_ID) && $(TRANSFER_SEARCH01_BODY_ID) && $(TRANSFER_SEARCH02_TITLE_ID) && $(TRANSFER_SEARCH02_BODY_ID) ){

		// 乗り換え・運賃検索ボタンをアクティブな状態に設定
		roi.activate($(TRANSFER_SEARCH01_TITLE_ID));

		// 駅時刻表検索ボタンをクリッカブル用スタイルに
		$(TRANSFER_SEARCH02_TITLE_ID).addClassName(TRANSFER_SEARCH_CLICKABLE_BUTTON_CNAME);


		function showFooterArea( selectors ){
			if( !selectors.length )  return;
			selectors.each(function(selector){
				$A($$(selector)).each( function(el){
					el.style.display = "block";
				} );
			});
		}

		function hideFooterArea( selectors ){
			if( !selectors.length )  return;
			selectors.each(function(selector){
				$A($$(selector)).each( function(el){
					el.style.display = "none";
				} );
			});
		}


		// 乗り換え・運賃検索フォーム表示
		$(TRANSFER_SEARCH01_TITLE_ID).observe( "click", function(e){
			Event.stop(e);
			if( TRANSFER_SEARCH_ACTIVE_FLG == TRANSFER_SEARCH01_TITLE_ID ) return;

			hideFooterArea( TRANSFER_SEARCH_REVISE_POSITION_SELECTORS );

			new Effect.BlindUp(
				$(TRANSFER_SEARCH02_BODY_ID),
				{
					duration : 0.5,
					fps      : 15,
					delay    : 0,
					afterFinishInternal: function(){
						$(TRANSFER_SEARCH02_BODY_ID).style.display = "none";
						new Effect.BlindDown(
							$(TRANSFER_SEARCH01_BODY_ID),
							{
								duration : 0.3,
								fps      : 15,
								delay    : 0.1,
								afterFinishInternal: function(){ showFooterArea( TRANSFER_SEARCH_REVISE_POSITION_SELECTORS ) }
							}
						);
					}
				}
			);
			$(TRANSFER_SEARCH01_TITLE_ID).removeClassName(TRANSFER_SEARCH_CLICKABLE_BUTTON_CNAME);
			$(TRANSFER_SEARCH02_TITLE_ID).addClassName(TRANSFER_SEARCH_CLICKABLE_BUTTON_CNAME);
			TRANSFER_SEARCH_ACTIVE_FLG = TRANSFER_SEARCH01_TITLE_ID;
		} );


		// 駅時刻表検索フォーム表示
		$(TRANSFER_SEARCH02_TITLE_ID).observe( "click", function(e){
			Event.stop(e);
			if( TRANSFER_SEARCH_ACTIVE_FLG == TRANSFER_SEARCH02_TITLE_ID ) return;

			
			hideFooterArea( TRANSFER_SEARCH_REVISE_POSITION_SELECTORS );

			new Effect.BlindUp(
				$(TRANSFER_SEARCH01_BODY_ID),
				{
					duration : 0.5,
					fps      : 15,
					delay    : 0,
					afterFinishInternal: function(){
						$(TRANSFER_SEARCH01_BODY_ID).style.display = "none";
						new Effect.BlindDown(
							$(TRANSFER_SEARCH02_BODY_ID),
							{
								duration : 0.3,
								fps      : 15,
								delay    : 0.1,
								afterFinishInternal: function(){ showFooterArea( TRANSFER_SEARCH_REVISE_POSITION_SELECTORS ) }
							}
						);
					}
				}
			);
			$(TRANSFER_SEARCH02_TITLE_ID).removeClassName(TRANSFER_SEARCH_CLICKABLE_BUTTON_CNAME);
			$(TRANSFER_SEARCH01_TITLE_ID).addClassName(TRANSFER_SEARCH_CLICKABLE_BUTTON_CNAME);
			TRANSFER_SEARCH_ACTIVE_FLG = TRANSFER_SEARCH02_TITLE_ID;
		} );


	}

});