function clearField(evt, obj) {
  if (evt.type == "focus" && obj.value == obj.defaultValue) {
    obj.value = "";
    if (obj.type == "text") {
      obj.select();
    }
  }
  else if (evt.type == "blur") {
    var trimValue = obj.value.replace(/^\s+|\s+$/g, "");
    if (trimValue == "") {
      obj.value = obj.defaultValue;
    }
    else {
      obj.value = trimValue;
    }
  }
}
function postcodeOnly(evt, obj) {
  var charCode = (evt.which) ? evt.which : event.keyCode;
  if (obj.value.length === 0 || obj.value.length == 1 || obj.value.length == 2 || obj.value.length == 3 || obj.value.length == 6) {
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
      return false;
    }
    else {
      return true;
    }
  }
  if (obj.value.length>3) {
    if (charCode > 31 && (charCode < 65 || charCode > 122)) {
      return false;
    }
    else {
      return true;
    }
  }	
}
function showErr(formField, err) {
  var formRow = formField.parentNode;
  while (formRow.tagName != "TR") {
    formRow = formRow.parentNode;
  }
  var formTable = formRow.parentNode;
  var rowPosition = formRow.rowIndex;
  var errRow = formTable.insertRow(rowPosition + 1);
  errRow.className = "errRow";
  var emptyCell = errRow.insertCell(0);
  emptyCell.innerHTML = "&nbsp;";
  var errCell = errRow.insertCell(1);
  errCell.className = "errCell";
  if (err == "") {
    errCell.innerHTML = formField.name + " is een verplicht veld!";
  }
  else {
    errCell.innerHTML = err;
  }
}
function removeErrCells() {
  var formTable = document.getElementById("tussenpersonendagTable");
  for (i = 0; i < formTable.rows.length; i++) {
    if (formTable.rows[i].className == "errRow") {
      formTable.deleteRow(formTable.rows[i].rowIndex);
    }
  }
}
function checkFormRequired(tussenpersonendag, showErrors) {
  removeErrCells();
  var rtrn = 0;
  var requiredFields = new Array();
  requiredFields[0] = tussenpersonendag.Initialen;
  requiredFields[1] = tussenpersonendag.Achternaam;
  requiredFields[2] = tussenpersonendag.Emailadres;
  requiredFields[3] = tussenpersonendag.Bedrijfsnaam;
  if (tussenpersonendag.Soort.value == "Aanmelding") {
    requiredFields[4] = tussenpersonendag.Aanhef;
    requiredFields[5] = tussenpersonendag.Straatnaam;
    requiredFields[6] = tussenpersonendag.Huisnummer;
    requiredFields[7] = tussenpersonendag.Postcode;
    requiredFields[8] = tussenpersonendag.Vestigingsplaats;
  }
  for (i = 0; i < requiredFields.length; i++) {
    if (requiredFields[i].type == "text") {
      if (requiredFields[i].value.replace(/^\s+|\s+$/g, "") == "") {
        if (showErrors) {
          showErr(requiredFields[i], "");
        }
        rtrn = 1;
      }
      else {
        requiredFields[i].value = requiredFields[i].value.replace(/^\s+|\s+$/g, "");
        if (requiredFields[i].name == "Emailadres") {
         if (requiredFields[i].value.indexOf("@") < 1 || requiredFields[i].value.indexOf(".", requiredFields[i].value.indexOf("@")) < 1 || requiredFields[i].value.lastIndexOf(".") >= requiredFields[i].value.length) {
            if (showErrors) {
              showErr(requiredFields[i], "");
            }
            rtrn = 1;
          }
        }
        else if (requiredFields[i].name == "Initialen" || requiredFields[i].name == "Postcode") {
          requiredFields[i].value = requiredFields[i].value.toUpperCase();
        }
        else if (requiredFields[i].name == "Achternaam" || requiredFields[i].name == "Vestigingsplaats") {
          requiredFields[i].value = requiredFields[i].value.substr(0, 1).toUpperCase() + requiredFields[i].value.substr(1);
        }
      }
    }
  }
  try {
    tussenpersonendag.Voornaam.value = tussenpersonendag.Voornaam.value.substr(0, 1).toUpperCase() + tussenpersonendag.Voornaam.value.substr(1);
  } catch(er) {}

  if (tussenpersonendag.Soort.value == "Aanmelding") {
    var radioAanhefChecked = false;
    for (i = 0; i < tussenpersonendag.Aanhef.length; i++) {
      if (tussenpersonendag.Aanhef[i].checked) {
        radioAanhefChecked = true;
      }
    }
    if (radioAanhefChecked === false) {
      if (rtrn === 0 || showErrors) {
        showErr(tussenpersonendag.Aanhef[0].parentNode.parentNode, "Aanhef is een verplicht veld!");
        rtrn = 2;
      }
      else {
        rtrn = 1;
      }
    }
    var radioSelectieChecked = false;
    for (i = 0; i < tussenpersonendag.Selectie.length; i++) {
      if (tussenpersonendag.Selectie[i].checked) {
        radioSelectieChecked = true;
      }
    }
    if (radioSelectieChecked === false) {
      if (rtrn === 0 || rtrn == 2 || showErrors) {
        showErr(tussenpersonendag.Selectie[0].parentNode.parentNode, "Selectie tussenpersonendag is een verplicht veld!");
        rtrn = 2;
      }
      else {
        rtrn = 1;
      }
    }
  }

  if (rtrn !== 0) {
    return false;
  }
  else {
    return true;
  }
}
function showBadge() {
  var badgeHolder = document.getElementById("badgeHolder");
  if (checkFormRequired(document.tussenpersonendag, false)) {
    var newBadge = "<div class='badge_header'><strong>Gegevens op badge:</strong></div><div class='badge_body'><p>";
    if (document.tussenpersonendag.Titel.value != "") {
      newBadge += document.tussenpersonendag.Titel.value + " ";
    }
	newBadge += document.tussenpersonendag.Initialen.value.toUpperCase() + " ";
	if (document.tussenpersonendag.Voornaam.value != "") {
	  newBadge += "(" + document.tussenpersonendag.Voornaam.value.substr(0, 1).toUpperCase() + document.tussenpersonendag.Voornaam.value.substr(1) + ") ";
	}
	if (document.tussenpersonendag.Tussenvoegsel.value != "") {
	  newBadge += document.tussenpersonendag.Tussenvoegsel.value + " ";
	}
	newBadge += document.tussenpersonendag.Achternaam.value.substr(0, 1).toUpperCase() + document.tussenpersonendag.Achternaam.value.substr(1);
	newBadge += "</p><p>";
	newBadge += document.tussenpersonendag.Bedrijfsnaam.value;
	newBadge += "</p></div>";
	
    badgeHolder.innerHTML = newBadge;
    badgeHolder.style.display = "block";
    window.scrollTo(0, document.body.scrollHeight);
  }
  else {
    badgeHolder.innerHTML = "&nbsp;";
    badgeHolder.style.display = "none";
    alert("Vul eerst alle verplichte velden in!");
  }
}
