// JavaScript Document
// retourne un objet xmlHttpRequest.
// méthode compatible entre tous les navigateurs (IE/Firefox/Opera)
var ns4 = (document.layers)? true:false;         //NS 4
var ie4 = (document.all)? true:false;         //IE 4
var dom = (document.getElementById)? true:false;   //NS 6 ou IE 5
function ecritCalque(idCalque,texte)
{
  
  //document.getElementById(idCalque).innerHTML = texte;
  	
   if (dom) {
      document.getElementById(idCalque).innerHTML = texte;
         return;
      }
      if (ie4) {
          document.all[idCalque].innerHTML = texte;
         return;
      }
      if (ns4) {
          with (eval('document.'+idCalque+'.document')) {
             open();
             write(texte);
             close();
         }
         return;
      }

  
}
function getXhr()
{
        var xhr = null; 
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
                                return xhr
}
function changeModel()
{
 
     var xhr = getXhr();
     
    xhr.onreadystatechange = function(){
		
		if(xhr.readyState == 4 && xhr.status == 200)
		{	leselect = xhr.responseText;      
      	ecritCalque("models",leselect);
			 displayProductsModels();
			
		}
	 }
	
    xhr.open("POST","ajaxModels.php",true);
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    make=document.getElementById("make").value;
    xhr.send("make="+make);
}



function displayProductsModels()
{
 ecritCalque("products","<br><br><table width='100%' height='100%'><tr width='100%' height='100%' valign='middle'><td align='center' width='100%'>Loading...<br><img src='images/barre4.gif'></td></tr></table>");
     var xhr = getXhr();
     
    xhr.onreadystatechange = function(){
		
		if(xhr.readyState == 4 && xhr.status == 200)
		{	leselect = xhr.responseText;      
      	ecritCalque("products",leselect);
			 
			
		}
	 }
	
    xhr.open("POST","ajaxDisplayProductsModels.php",true);
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    make=document.getElementById("make").value;
    model=document.getElementById("model").value;
    xhr.send("make="+make+"&model="+model);
}