// JavaScript Document
var xmlHttp;

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

function clearMsg(msgdiv_id) {
	var msgdiv = document.getElementById(msgdiv_id)
	while (msgdiv.hasChildNodes()) {
		msgdiv.removeChild(msgdiv.childNodes[0]);
	}
}

function getbreedlist(value) {
	var breed = document.getElementById("breed");	
	createOption = document.createElement("option");
	clearMsg("breed");
	var str = "Loading"; 
	if (value == "") str = "Select Breed";
	createOption.appendChild(document.createTextNode(str));
	breed.appendChild(createOption);	
	breed.disabled = true;
	if (value == "") return false;

	var queryString = "animal_id=" + value;
	var url = "getbreedlist.php?timeStamp=" + new Date().getTime();

	function handleStateChange() {
		if(xmlHttp.readyState == 4) {
			if(xmlHttp.status == 200) {
				var xmlDoc = xmlHttp.responseXML;
				breed.disabled = false;
				clearMsg("breed");
				for (i = 0; i < xmlDoc.getElementsByTagName("breed_id").length; i++){
					createOption = document.createElement("option");
					createOption.setAttribute("value", xmlDoc.getElementsByTagName("breed_id")[i].childNodes[0].nodeValue);
					createOption.appendChild(document.createTextNode(xmlDoc.getElementsByTagName("breed_name")[i].childNodes[0].nodeValue));
					breed.appendChild(createOption);
				}
			}
		}
	}

	createXMLHttpRequest();
	xmlHttp.open("POST", url, true);
	xmlHttp.onreadystatechange = handleStateChange;
	xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xmlHttp.send(queryString);

}