
 
function createRequestObject() 
{ 

   var req; 

   if(window.XMLHttpRequest){ 
      // Firefox, Safari, Opera... 
      req = new XMLHttpRequest(); 
   } else if(window.ActiveXObject) { 
      // Internet Explorer 5+ 
      req = new ActiveXObject("Microsoft.XMLHTTP"); 
   } else { 
      // There is an error creating the object, 
      // just as an old browser is being used. 
      alert('Problem creating the XMLHttpRequest object'); 
   } 

   return req; 

} 

// Make the XMLHttpRequest object 
var http = createRequestObject(); 

function sendRequest(makeId) { 
	
   // Open PHP script for requests 
    document.carValues.modelValue.value = 0
   http.open('get', '../../carValues/carModels.asp?makeId='+makeId); 
   http.onreadystatechange = handleResponse; 
   http.send(null); 
 
   

} 

function sendRequestSelected(makeId,modelId) { 

	document.carValues.modelValue.value = modelId
	
   // Open PHP script for requests 
   http.open('get', '../../carValues/carModels.asp?makeId='+makeId+'&modelId='+modelId); 
   http.onreadystatechange = handleResponse; 
   http.send(null); 
   
} 

function handleResponse() { 

   if(http.readyState == 4 && http.status == 200){ 

      // Text returned FROM the PHP script 
      var response = http.responseText; 

      if(response) { 
         // UPDATE ajaxTest content
		
		document.getElementById("modelsdiv").innerHTML = "<select class='dropDown' name='model' onchange='fillHidden(this.options[this.selectedIndex].value)'><option value='0'>------------</option>"+response+"</select>"; 
         //document.carValues.models.focus();
		 	  		 
	   } 
	  else
	  {	  			
			document.getElementById("modelsdiv").innerHTML = "<select class='dropDown' name='model' onchange='fillHidden(this.options[this.selectedIndex].value)'><option value='0'>------------</option></select>"; 
			document.carValues.modelValue.value = 0
	  }

   } 

} 

function fillDrop()
{
	document.getElementById("modelsdiv").innerHTML = "<select class='dropDown' name='model' onchange='fillHidden(this.options[this.selectedIndex].value)'><option value='0'>------------</option></select>"; 
	//set hidden value to 0
	document.carValues.modelValue.value = 0
}

function fillHidden(value)
{
	document.carValues.modelValue.value = value
}




