var httpRequest;
var result;

function createXMLHttpRequest() {
	if(window.ActiveXObject) {
		httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		if(window.XMLHttpRequest) {
			httpRequest = new XMLHttpRequest();
		}
	}
}

function startPostRequest() {
	createXMLHttpRequest();
	httpRequest.onreadystatechange = handleStateChange;
	
	var url = "search_tyre.php";
	var searchqueue = createQuery();
	httpRequest.open("POST", url, true);
	httpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	httpRequest.send(searchqueue);
	if(httpRequest.readyState == 4) {
		if(httpRequest.status == 200) {
			getXmlKnots(httpRequest.responseXML);
		}else{
			window.alert("Virhe! Koodi:" + httpRequest.status);
		}
	}
}

function createQuery() {
	var search = "width=";
	search += document.getElementById("width").value;
	search += "&profile=" + document.getElementById("profile").value;
	search += "&rim=" + document.getElementById("rim").value;
	search += "&tyregenre=" + document.getElementById("tyregenre").value;
	return search;
}

function handleStateChange() {
	if(httpRequest.readyState == 4) {
		if(httpRequest.status == 200) {
			getXmlKnots(httpRequest.responseXML);
		}else{
			window.alert("Virhe! Koodi:" + httpRequest.status);
		}
	}
}

function getXmlKnots(xmlDoc) {
	var tyres = xmlDoc.documentElement.getElementsByTagName("rengas");
	var result = "";
	for(var i=0; i<5; i++) {
		var tyre = tyres[i];
		if(tyre.childNodes[8].childNodes[0].nodeValue == "kesa") {
			var genre = "kesä";
		}else{
			var genre = tyre.childNodes[8].childNodes[0].nodeValue;
		}			
		var x=document.getElementById('result').insertRow(i);
		var a=x.insertCell(0);
		var b=x.insertCell(1);
		var c=x.insertCell(2);
		var d=x.insertCell(3);
		var e=x.insertCell(4);
		a.className = "genre";
		b.className = "size";
		c.className = "manuf";
		d.className = "model";
		e.className = "price";
		a.innerHTML= genre;
		b.innerHTML= tyre.childNodes[0].childNodes[0].nodeValue + "/"
		+ tyre.childNodes[1].childNodes[0].nodeValue
		+ " R" + tyre.childNodes[2].childNodes[0].nodeValue  + " "
		+ tyre.childNodes[3].childNodes[0].nodeValue
		+ tyre.childNodes[4].childNodes[0].nodeValue;
		c.innerHTML=tyre.childNodes[5].childNodes[0].nodeValue;
		d.innerHTML=tyre.childNodes[6].childNodes[0].nodeValue;
		e.innerHTML=tyre.childNodes[7].childNodes[0].nodeValue + " &euro; / 4kpl";
	}
}

function emptyTable() {
	var mytable=document.getElementById("result");
	if(document.getElementById("result").rows != null) {
		while (mytable.rows.length>0) {
		mytable.deleteRow(0);
		}
	}
}