function zoek_form(land_id,regio_id)
{ 
  if(window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
  else if(window.ActiveXObject) xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  xmlhttp.onreadystatechange = 
  function() 
  { 
  if (xmlhttp.readyState==4)
    if (xmlhttp.status==200)
          zoek_form_show(xmlhttp);
  }
  
  xmlhttp.open('GET','require/show_zoekform.php?land_id='+land_id+'&regio_id='+regio_id,true);
  xmlhttp.send(null);
}

function zoek_form_show(req) 
{
  document.getElementById('zoek_stap2').style.display ='none'; 
  document.getElementById('zoek_stap2_loading').style.display = 'block';  
  
  // xml ophalen
  var xmlDoc = req.responseXML.documentElement;
  var items = xmlDoc.getElementsByTagName("regio");
  var content = '<b>Kies regio(s):</b><br><br>';
  for (var i = 0 ; i < items.length ; i++) 
  {
  	var item = items[i];
  	var id = item.getElementsByTagName("id")[0].firstChild.nodeValue;       
  	var naam = item.getElementsByTagName("naam")[0].firstChild.nodeValue;
  	var checked = item.getElementsByTagName("checked")[0].firstChild.nodeValue;
    if (checked==1)
    {
      content += '<div style="float:left; width:150px;"><input type="checkbox" name="stap1_regio" value="'+id+'" checked="checked"> <span style="font-size:7pt;">'+naam+'</span></div>';    
    } else {
      content += '<div style="float:left; width:150px;"><input type="checkbox" name="stap1_regio" value="'+id+'"> <span style="font-size:7pt;">'+naam+'</span></div>';    
    }  
  }
  content += '<div style="clear:both;"></div>';
  content += '<div style="float:left; width:150px; padding-top:15px;"><span style="font-size:7pt;">Max. prijs:</span></div> <div style="float:left; width:150px; padding-top:15px;"><input type="text" name="max_prijs" size=4 maxlength=10></div>';
  content += '<div style="float:left; width:150px; padding-top:5px;"><span style="font-size:7pt;">Min. aantal personen:</span></div> <div style="float:left; width:150px; padding-top:5px;"><input type="text" name="min_pers" size=4 maxlength=4></div>';
  content += '<div style="float:left; width:150px; padding-top:5px;"><span style="font-size:7pt;">Min. aantal slaapkamers:</span></div> <div style="float:left; width:150px; padding-top:5px;"><input type="text" name="min_slaap" size=4 maxlength=4></div>';  
  content += '<div style="clear:both; padding-top:10px; padding-bottom:10px;">';
  content += '<input type="button" value="Zoek huizen" class="button" onclick="zoek_huizen(document.forms[\'zoekform\'].elements[\'stap1_land\'],document.forms[\'zoekform\'].elements[\'stap1_regio\'],document.forms[\'zoekform\'].elements[\'max_prijs\'].value,document.forms[\'zoekform\'].elements[\'min_pers\'].value,document.forms[\'zoekform\'].elements[\'min_slaap\'].value,1);">';
  content += '</div>';  
  
  // divs vullen, loading uit 
  document.getElementById('zoek_stap2').innerHTML = content;

  setTimeout("document.getElementById('zoek_stap2_loading').style.display='none';",500);
  setTimeout("document.getElementById('zoek_stap2').style.display='block';",500);

}