// In Internet Explorer bij onmouseover de border veranderen
// Gebeurt in andere browsers via CSS

function inputFocus(id) {
  var styleId = document.getElementById(id);
  styleId.style.border = '1px solid #000000';
}

function inputBlur(id) {
  var styleId = document.getElementById(id);
  styleId.style.border = '1px solid #979797';
}

// Controleren of er iets staat in de required inputs

function checkRequired(id) {
  var input = document.getElementById(id);
  var labelid = id + 'label';
  var label = document.getElementById(labelid);
  if (input.value.length == 0) {
    label.className = 'problem';
  } else {
    label.className = 'completed';
  }
}

// Controleren of het opgegeven emailadres geldig is

function checkEmail(id) {
  var email = document.getElementById(id).value;
  var idlabel = id + "label";
  var label = document.getElementById(idlabel);

  var regExpMail =  /^.+\@(\[?)[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,4})(\]?)$/

  var controleer = regExpMail.exec(email);

  if (controleer != null) {
    label.className = 'completed';
  } else {
    label.className = 'problem';
  }
}