var xmlHttpM = false;

function updateModellen () {
	if (xmlHttpM.readyState != 4) {
		return;
	}
	if (xmlHttpM.responseText == '') {
		return;
	}
	var modellen = xmlHttpM.responseText.split ("\n");
	var sel = document.getElementById(modelField);
	sel.options.length = 0;
	sel.options[0] = new Option ('Kies een model', '', false, false);
	for (i = 1; i < modellen.length; i++) {
		var model = modellen[i].split ('|');
		var nopt = document.createElement ('option');
		nopt.innerHTML = model[1];
		nopt.value = model[0];
		sel.appendChild(nopt);
	}
}
function getModellen () {
	var mid = document.getElementById(merkField).options[document.getElementById(merkField).selectedIndex].value;
	if (!mid) {  //merk id nog niet opgegeven
		var sel = document.getElementById(modelField);
		sel.options.length = 0;
		sel.options[0] = new Option ('Kies eerst een merk', '', false, false);
		return;
	}
	/*@cc_on @*/
	/*@if (@_jscript_version >= 5)
	try {
		xmlHttpM = new ActiveXObject("Msxml2.XMLHTTP");
	}
	catch (e) {
		try {
			xmlHttpM = new ActiveXObject("Microsoft.XMLHTTP");
		}
		catch (e2) {
			xmlHttpM = false;
		}
	}
	@end @*/
	if (!xmlHttpM && typeof XMLHttpRequest != 'undefined') {
		xmlHttpM = new XMLHttpRequest();
	}
	xmlHttpM.onreadystatechange = updateModellen;
	xmlHttpM.open ('GET', '../../service/modellen.html?merk='+escape(mid), true);
	xmlHttpM.send (null);
}