var xotree = new XML.ObjTree();
xotree.force_array = [ "maker", "car" , "grade"];
today = new Date();
url = document.URL.replace('index.html','') + 'carSelect.xml?' + today.getDate() + today.getHours();
var makerTree = xotree.parseHTTP( url );
var maker_index = 0;

function changeDomestic()
{
	makerSelect();
	changeMaker();
}

function makerSelect()
{
	dm = $('domestic').value;
	selectHtml = '<select class="w1" name="maker_id" id="makers">\n';
	selectHtml += '<option value="">指定なし</option>\n';
	makerTree.makers.maker.each(function(mk) {
		if (dm == mk.domestic || dm == '') {
			selectHtml +=  '<option value="' + mk.mid + '">' + mk.name + '</option>\n';
		}
	});
	$('p_makers').innerHTML = selectHtml + '</select>';
	Event.observe($('makers'), 'change', changeMaker, false);
}

function changeMaker()
{
	idx = $('makers').selectedIndex;
	selectHtml = '<select class="w1" name="name" id="carnames" disabled>';
	if (idx == 0) {
		selectHtml += '<option value="">メーカー・ブランドを指定してください</option>';
	} else {
		selectHtml = '<select class="w1" name="name" id="carnames">';
		mid = $('makers').value;
		for (var i = 0; i < makerTree.makers.maker.length; i++) {
			if (makerTree.makers.maker[i].mid == mid) {
				maker_index = i;
				selectHtml += makeOptionsA(makerTree.makers.maker[i].cars.car);
				break;
			}
		}
	}
	$('p_carnames').innerHTML = selectHtml + '</select>';
}

function makeOptionsA(valObj)
{
	options = '<option value="">指定なし</option>\n';
	valObj.each(function(obj) {
		options +=  '<option value="' + obj.name + '">' + obj.name + '</option>\n';
	});
	return options;
}

function autoexec()
{
	makerSelect();
	Event.observe($('domestic'), 'change', changeDomestic, false);
	Event.observe($('resetButton'), 'click', FormReset, false);
}

function FormReset() {
	document.carSearch.reset();
	changeDomestic();
}

/****/

function onloadSearch() {
	searchCar(1);
}

function nextPage() {
	$('page').value++;
	searchCar($('page').value);
}

function prevPage() {
	$('page').value--;
	searchCar($('page').value);
}

function searchCar(page) {
	$('page').value = page;
	$('list').innerHTML = '<div style="width: 100%; height: 300px; text-align: center; padding-top: 50px;"><img src="/obj/images/common/loading.gif" alt=""></div>';
	document.carSearch.submit();
}

function changeOrder(key, desc) {
	$('order').value = key;
	$('desc').value = desc;
	document.carSearch.submit();
}

/****/

Event.observe(window, "load", autoexec);