var modelData;

function onChange_Yyyy(yyyy)
{
	var e = $('yyyy');
	var yyyy = e.options[e.selectedIndex].value;
	if (!yyyy) return ;
	var s = document.createElement('script');
	s.src  = "./cars.php?yyyy=" + yyyy + "&";
	s.type = "text/javascript";
	s.charset = "euc-jp";
	$('loader').appendChild(s);
}

function onLoad_ModelData(res)
{
	modelData = eval(res);
	var list   = modelData;
	var e = $('model');
	removeChildById('grade');
	var models = new Object();
	while(e.lastChild) e.removeChild(e.lastChild);
	var num = 0;
	for (var i in list) {
		num++;
		var item = list[i];
		models[item[3]] = item[3];
	}
	var option = document.createElement('OPTION');
	option.innerHTML = num == 0 ? "該当車種がありません。" : "選択してください";
	e.appendChild(option);
	for (var i in models) {
		option   = document.createElement('OPTION');
		option.value = i;
		option.innerHTML = i;
		e.appendChild(option);
	}
}

function onChange_Model()
{
	var list = modelData;	
	var models = $('model');
	var grade = $('grade');
	removeChildById('grade');
	var model = models.options[models.selectedIndex].value;
	var option = document.createElement('OPTION');
	option.innerHTML = "選択してください";
	grade.appendChild(option);
	for(var i in list) {
		var item = list[i];
		if (item[3] == model) {
			option = document.createElement('OPTION');
			option.innerHTML = item[4];
			option.value = i;
			grade.appendChild(option);
		}
	}
}

function onChange_Grade()
{
	var cars = $('grade');
	var val  = cars.options[cars.selectedIndex].value;
	$('car').value = val;
}


function removeChildById(name) 
{
	var e = $(name);
	while(e.lastChild) e.removeChild(e.lastChild);
}