/* 地域の選択を切り替える */
function changeArea()
{
	// 東京のエリア
	var middleArea	= $('#search_form_middle_area');
	
	// 東京以外
	var serviceArea	= $('#search_form_service_area');
	
	var areaComment	= $('#area_comment');
	
	// エリアのチェックボックス
	var areaTokyo	= $('#search_form_area_0');
	var areaOther	= $('#search_form_area_1');
	
	// ボタン
	var middleBtn	= $('#change_area_btn_tokyo');
	var serviceBtn	= $('#change_area_btn_other');
	
	// 一応チェック
	if( areaTokyo.length == 0
		|| areaOther.length == 0
		|| middleArea.length == 0
		|| serviceArea.length == 0 )
	{
		return;
	}
	
	// 現在の状態確認
	if( areaTokyo.attr( "checked" ) !== false || areaOther.attr( "checked" ) !== true )
	{ // 東京がチェックされている
		// 東京を隠して、他県を表示
		areaOther.attr( "checked", true );
		areaTokyo.attr( "checked", false );

		// ボタンの変更
		setImageMouseAction( middleBtn );
		resetImageMouseAction( serviceBtn );
		
		middleArea.hide();										// 東京を隠す
		areaComment.html('※3つまで選択できます(必須)');// コメント変更
		serviceArea.show();										// 他県を表示
	}
	else
	{ // 東京がチェックされていない
		// 東京を表示して、他県を非表示
		areaOther.attr( "checked", false );
		areaTokyo.attr( "checked", true );
		
		setImageMouseAction( serviceBtn );
		resetImageMouseAction( middleBtn );
		
		serviceArea.hide();										// 他県を隠す
		areaComment.html('※5つまで選択できます(必須)');// コメント変更
		middleArea.show();										// 東京を表示
	}
}

function setImageMouseAction( image )
{
	image.attr( "src", image.attr("src").replace("_on.", "_off.") );
	image.attr( "onClick", "changeArea(); return false;" );
	image.css( {"cursor":"pointer"} );
	
	image.attr( "onmouseover", function() {
		$(this).attr("src", $(this).attr("src").replace("_off.", "_on."));
	} );
	
	image.attr( "onmouseout", function() {
		$(this).attr("src", $(this).attr("src").replace("_on.", "_off."));
	} );
}

function resetImageMouseAction( image )
{
	image.attr( "src", image.attr("src").replace("_off.", "_on.") );
	image.removeAttr( "onClick" );
	image.css( {"cursor":""} );
	
	image.removeAttr( "onmouseover" );
	image.removeAttr( "onmouseout" );
}

function initConditionForm()
{
	var serviceArea	= $('#search_form_service_area');
	serviceArea.hide();
	
	// 年のためにここで、いったんフォームの値を戻しておく
	$('#search_form_area_0').attr( "checked", true );
	$('#search_form_area_1').attr( "checked", false );
}