﻿// サクッと検索用JavaScript。jQuery必須。
var condObj = {
	"customerType" : null,
	"categoryType" : null,
	"category" : null
};

$(document).ready(function(){
	var sakuCustomerType = $("#sakuCustomerType");
	var sakuCategoryType = $("#sakuCategoryType");
	var sakuCategory = $("#sakuCategory");
	// 学校大区分プルダウン選択時のイベントを登録。
	sakuCustomerType.change(function(){
		// 選択された内容を取得する。
		var selected = getSelectedOption($(this));
		if(selected != ""){
			// 選択内容に従い学びの分野プルダウンを変更する。
			// まずはoptionを未選択以外すべて消す。
			sakuCategoryType.children().remove();
			// idに対応するやつらを子に加える。
			$("<option>").attr("value", "").append("やりたいこと").appendTo(sakuCategoryType);
			if(selected == 1){
				$("<option>").attr("value", "gakumon").append("学びたい学問").appendTo(sakuCategoryType);
			}else if(selected == 2){
				$("<option>").attr("value", "shigoto").append("やりたい仕事").appendTo(sakuCategoryType);
			}
			$("<option>").attr("value", "shikaku").append("とりたい資格").appendTo(sakuCategoryType);

			// 活性化する。
			sakuCategoryType.removeAttr("disabled");
		}else{
			sakuCategoryType.attr("disabled", "true");
			sakuCategory.attr("disabled", "true");
		}
		condObj.customerType = selected;
	});

	// 学び分野タイププルダウン選択時のイベントを登録。
	sakuCategoryType.change(function(){
		// 選択された内容を取得する。
		var selected = getSelectedOption($(this));

		if(selected != ""){
			// 未選択以外すべて消す。
			sakuCategory.children().remove();

			// カテゴリ取得リクエストを出して待ちに入る。
			rm.sendRequest(
				contextPath + "/top_sakusearch_category.json",
				{"categoryType" : selected},
				function(response){
					if(condObj.categoryType == "gakumon"){
						$("<option>").attr("value", "").append("学びの分野").appendTo(sakuCategory);
					}else if(condObj.categoryType == "shigoto"){
						$("<option>").attr("value", "").append("仕事の分野").appendTo(sakuCategory);
					}else if(condObj.categoryType == "shikaku"){
						$("<option>").attr("value", "").append("資格の分野").appendTo(sakuCategory);
					}
					$.each(response["response"], function(idx, item){
						if(item.hitNum > 0){
							$("<option>").attr("value", item.id).append(item.name).appendTo(sakuCategory);
						}
					});
				}
			);

			// 活性化する。
			sakuCategory.removeAttr("disabled");
		}else{
			sakuCategory.attr("disabled", "true");
		}
		condObj.categoryType = selected;
	});

	// 学び分野プルダウン選択時のイベントを登録。
	sakuCategory.change(function(){
		// 選択された内容を取得する。
		var selected = getSelectedOption($(this));
		condObj.category = selected;
	});

	// 検索ボタン押下時の挙動
	$("#sakuSearchBtn").click(function() {
		// 学校の種類が選択状態であること。
		if(condObj.customerType == ""){
			alert('学校の種類を選択してください');
			return false;
		}

//		var sakuForm = $("#sakuForm");
//		sakuForm.attr("action", createAction());
//		sakuForm.submit();
		location.href = createAction();

		return false;
	});

});

function createAction(){
	var ret = contextPath + "/search/";
	if(condObj.customerType == 1){
		ret += "dt/";
	}else if(condObj.customerType == 2){
		ret += "se/";
	}
	if(condObj.categoryType == "gakumon"){
		if(condObj.category){
			ret += "#sc=" + condObj.category;
		}else{
			ret += "#ssf=true";
		}
	}else if(condObj.categoryType == "shigoto"){
		if(condObj.category){
			ret += "#wc=" + condObj.category;
		}else{
			ret += "#wsf=true";
		}
	}else if(condObj.categoryType == "shikaku"){
		if(condObj.category){
			ret += "#cc=" + condObj.category;
		}else{
			ret += "#csf=true";
		}
	}
	return ret;
}

function getSelectedOption(changedElem){
	return changedElem.children("[selected='true']").attr("value");
}
