/*------------------------------------------------------------------
 Ajax Select
-------------------------------------------------------------------*/
var url = "index.php";

$(document).ready( function()
{
	var params = {
		"cmd": "GetYear"
	};
	var url = "index.php";

	$('#yearArea').html('<div class="loading"><img src="/common/images/loading/loading.gif"></div>');

	$.getJSON(url, params, function( messages )
	{
		$('#yearArea').html('');

		$('#yearArea').html('<div class="selectTitle">年代</div><select name="year" id="Year" size="10" style="width:230px;"></select>');
		$('#Year').append('<option label="全て" value="">全て</option>');
		$.each( messages , function(i ,obj )
		{
			$('#Year').append('<option label="'+obj.name+'" value="'+obj.id+'">'+obj.name+'</option>');
		});

		setYearAction();

	});

});

function setYearAction()
{
	$('select#Year').change(function(ev)
	{
		var year = $('select#Year option:selected').val();
		//var url = "search_form.php";
		var params = {
			"cmd": "GetTarget",
			"year" :  year
		};

		$('#targetArea').html('<div class="loading"><img src="/common/images/loading/loading.gif"></div>');

		var text = "";

		$.getJSON(url, params, function( messages )
		{
			$('#targetArea').html('');

			$('#separate1').html('>>');
			$('#targetArea').html('<div class="selectTitle">対象</div><select name="targetId" id="Target" size="10" style="width:170px;"></select>');
			//$('#Target').append('<option label="全て" value="">全て</option>');
			$.each( messages , function(i ,obj )
			{
				$('#Target').append('<option label="'+obj.name+'" value="'+obj.id+'">'+obj.name+'</option>');
				 text = text+  "\"" + obj.id+"\" => \""+ obj.name +"\"<br>";

			});
			//$('#dbgArea').html( text );

			setTargetAction();
			$('#subjectArea').html('');
			$('#separate2').html('');
		});
	});
}

function setTargetAction()
{
	$('select#Target').change(function(ev)
	{
		var targetId = $('select#Target option:selected').val();
		//var url = "search_form.php";
		var params = {
			"cmd": "GetSubject",
			"targetId" :  targetId
		};

		$('#subjectArea').html('<div class="loading"><img src="/common/images/loading/loading.gif"></div>');

		 $('#subjectArea').css('display', 'block');

		$.getJSON(url, params, function( messages )
		{
			$('#subjectArea').html('');

			$('#separate2').html('>>');
			$('#subjectArea').html('<div class="selectTitle">教科</div><select name="subjectId" id="Subject" size="10" style="width:220px;"></select>');
			$('#Subject').append('<option label="全教科" value="">全教科</option>');
			$.each( messages , function(i ,obj )
			{
				$('#Subject').append('<option label="'+obj.name+'" value="'+obj.id+'">'+obj.name+'</option>');
			});
		});
	});
}