$(function(){
	load_list();
	//親カテゴリーの変化キャッチしてコントローラーのメソッド呼び出し
	//category()の引数には選択した親カテゴリーのIDが入ってくる
	$('input[name="ParentCategorys_id"]:radio').change(function(){
		//スライドして子カテゴリーをクローズ
		$("#details").slideUp("fast");
		load_list();
	});
});
function load_list() {
	var PCategorys = $('input[name="ParentCategorys_id"]:checked').val();
	$.getJSON("http://" + location.hostname + "/searches/category/" + PCategorys,null,
	function(json,status){
		disp_detail_list(json);
	});
}
function disp_detail_list(data) {
	//子カテゴリーの要素を一度すべて削除する
	$("#ajax_c_categorys").remove();
	//取得したデータを子カテゴリーを形成
	var option = "";
	var option1 = "<div id='ajax_c_categorys'><br><p class='black'>";
		option1 += "<img src='http://" + location.hostname + "/img/box.jpg' alt='リストマーク' width='11' height='11' style='margin:0px 4px 6.5px 0px;'>";
		option1 += "項　目２</p><table class='seach3'>";
	var option2 = "";
	var option3 = "</table></div>";
	var cnt1 = 0;
	var cnt2 = 0;
	var chk_val = 0;
	var checked;
		jQuery.each(data, function(i, val) {
			if(cnt1==0){
				option2 += "<tr>";
			}
			if(cnt2==0){
				chk_val = i;
			}
			option2 += "<td class='item_" + (cnt1+1) + "'>";
			option2 += "<p><input type='radio' id='ChildCategorys_id" + (cnt2+1) + "' name='ChildCategorys_id' value='" + i + "'><label>"+ val +"</label></p>";
			option2 += "</td>";
			cnt1++;
			cnt2++;
			checked = "";
			if(cnt1==2){
				option2 += "</tr>";
				cnt1=0;
			};
		});
		if(!option2){
			option2 = "<tr><td height='10px'><input type='hidden' id='ChildCategorys_id' name='ChildCategorys_id'></td></tr>";
			option = option1 + option2 + option3;
			$("#details").append(option);
		}else{
			option = option1 + option2 + option3;
			$("#details").append(option);
			chk_radio(chk_val);
		}
	//文字サイズをセット
	font($.cookie('fsize'));
	//スライドして子カテゴリーをオープン
	$("#details").slideDown("normal");
}
function chk_radio(chk_val){
	//初期表示時のチェック
	if($("#hid_ChildCategorys").val() == ""){
		$("input[name=ChildCategorys_id]").filter(function(){ return ($(this).val() == chk_val) }).attr("checked", true);
	}else{
	//バリデート時のチェック
		$("input[name=ChildCategorys_id]").filter(function(){ return ($(this).val() == $("#hid_ChildCategorys").val()) }).attr("checked", true);
		//初期値をセット
		$("#hid_ChildCategorys").val("")
	}
}