function submitClick()
{
  var xmlhttp = new XMLHttpRequest();
  xmlhttp.open("POST", "kamers/aanmelden_submit.php", false);
  xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");

  body = getFormData("aanmeldform");
  
  xmlhttp.send(body);
  var serializer = new XMLSerializer();
  // alert("xmlhttp.responseText=" + xmlhttp.responseText);
  // alert(serializer.serializeToString(xmlhttp.responseXML));

  var objNodeList = xmlhttp.responseXML.documentElement.childNodes;
  //                                //validateResult/fieldResult

  if (objNodeList)
  {
    if (objNodeList.length > 0)
    {
      error = false;
      for (i = 0; i < objNodeList.length; i++)
      {
        var inputElem = document.getElementById(objNodeList[i].getAttribute("name"));
        if (inputElem)
        {
          if (objNodeList[i].getAttribute("status") == "invalid")
          {
            inputElem.className = "invalidValue";
            inputElem.setAttribute("alt", objNodeList[i].getAttribute("message"));
            error = true;
          }
          else
          {
            inputElem.className = "";
          }
        }
      }
    }
  }
  
  if (error)
  {
    statusmessage = "Niet alles is correct ingevuld. Verbeter a.u.b. de rood omrande gegevens.";
  }
  else
  {
    statusmessage = "Uw gegevens zijn opgeslagen.";
    tableDiv = document.getElementById("formtable");
    tableDiv.parentNode.removeChild(tableDiv); 
  }
  
  statusPar = document.getElementById("submitstatus");
  statusPar.className = "status-error";
  msgNode = document.createTextNode(statusmessage);
  if (statusPar.hasChildNodes())
  {
    statusPar.replaceChild(msgNode, statusPar.firstChild);
  }  
  else
  {
    statusPar.appendChild(msgNode);
  }
}

function getFormData(formId)
{
  vars = addFirstParam("email");
  vars = addNextParam(vars, "wachtwoord");
  vars = addNextParam(vars, "wachtwoord2");
  vars = addNextParam(vars, "voornaam");
  vars = addNextParam(vars, "tussenvoegsel");
  vars = addNextParam(vars, "achternaam");
  vars = addNextParam(vars, "adres");
  vars = addNextParam(vars, "postcode");
  vars = addNextParam(vars, "plaats");
  vars = addNextParam(vars, "telefoon");
  vars = addNextParam(vars, "geslacht");
  vars = addNextParam(vars, "geboortedatum");
  vars = addNextParam(vars, "zoektype");
  vars = addNextParam(vars, "interesseplaats");
  vars = addNextParam(vars, "minopp");
  vars = addNextParam(vars, "maxprijs");
  vars = addNextParam(vars, "opmerkingen_klant");
  vars = addNextParam(vars, "inschrijfsite");
  return vars;
}

function addFirstParam(paramId)
{   
  vars = "";
  var elem = document.getElementById(paramId)
  vars += paramId + "=" + elem.value;
  elem.className = ""; // reset "invalidValue" style
  return vars;
}

function addNextParam(vars, paramId)
{
  //alert("vars=" + vars + " paramId=" + paramId);
  var elem = document.getElementById(paramId)
  vars += "&" + paramId + "=" + elem.value;
  elem.className = ""; // reset "invalidValue" style
  return vars;
}