var xmldoc = false;

function getModels()
{
	var vendor_id = document.getElementById('vendor_id').value;

	document.getElementById('model_id').options.length = 0;
	document.getElementById('model_id')[0] = new Option("Any", "0", true);

	if (vendor_id != '0')
	{
		var model = xmldoc.getElementsByTagName('model');

		for (var i = 0; i < model.length; i++)
		{
			var model_id = xmldoc.getElementsByTagName("id").item(i).firstChild.nodeValue;
			var model_name = xmldoc.getElementsByTagName("name").item(i).firstChild.nodeValue;
			if (model_id == selected_model_id)
			{
				var sel = true;
			} else {
				var sel = false;
			}
			document.getElementById('model_id')[i+1] = new Option(model_name, model_id, sel);
		}
	}
}

function display_models()
{
	var strURL	= "/get_models.php";
	var query	= "vendor_id=" + document.getElementById('vendor_id').value;

	document.getElementById('model_id').options.length = 0;
	document.getElementById('model_id')[0] = new Option("Populating. Please wait.", "0", true);
	document.getElementById('model_id').disabled = true;

    if (document.implementation && document.implementation.createDocument)
	{
		xmldoc = document.implementation.createDocument("","doc",null);
		xmldoc.load(strURL+"?"+query);
		xmldoc.onload = getModels;

	} else if (window.ActiveXObject) {
        xmldoc = new ActiveXObject("Microsoft.XMLDOM");
		xmldoc.async = false;
		xmldoc.load(strURL+"?"+query);
		getModels();
    }
	document.getElementById('model_id').disabled = false;
}