// JavaScript Document
  window.onload=setup;
  function setup()
    {
	    xmlhttp = false;
		if (window.XMLHttpRequest) {
		   xmlhttp = new XMLHttpRequest();
		} else if (window.ActiveXObject) {
		   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
	     var opt=new Array();
		  var i=0;
		  <?php 
			@require('dc.php');
			$q_u='select * from marci';
			$rez=$db->query($q_u);
			$db->close();
			for($j=0;$j<$rez->num_rows;$j++)
			  {
				$row=$rez->fetch_object();
				echo 'opt[i++]="'.$row->marca.'";';
			  }
		   ?>
			   var m=document.getElementById('marca');
			   m[0]=new Option("--","0")
			for(var j=0;j<i;j++)
			  {
				m[j+1]=new Option(opt[j],opt[j]);
			  }  
			
	   var marca=document.getElementById('marca'); 
	   marca.onchange=model;
	}
  function model()
    {
	   
	   var s_marca = document.getElementById('marca').value;
	   var s_tip = document.getElementById('categorie').value;
	   var url = 'get_model.php?marca='+s_marca+'&categorie='+s_tip;
	   xmlhttp.open('GET', url, true);
	   xmlhttp.onreadystatechange = getMod;
	   xmlhttp.send(null);
	}
  function getMod()
    {
	  if(xmlhttp.readyState == 4 && xmlhttp.status == 200) 
	   {
		  document.getElementById('model').innerHTML ='';
		  var opt=document.getElementById('model').options;
		  var sel=xmlhttp.responseText;
		  sel=sel.toString();
		  var selArr=sel.split("#");
		  for(var i=0;i<selArr.length-1;i++)
		    opt[opt.length]=new Option(selArr[i],selArr[i]);	    	  
		} 
		else 
		{
		  document.getElementById('model').innerHTML = 'Error';
	    }
	}
