function startUpload(){
  document.getElementById('userPicImg').src = "../img/nopic_loading.gif";
  return true;
}

function stopUpload(uploadedImg){
  document.getElementById('userPicImg').src = uploadedImg;
  document.getElementById('userpic').value = uploadedImg;
  return true;
}

function addAlertToNode(nodeID, message) {
  document.getElementById(nodeID).style.backgroundColor = 'red';
  var newEl = document.createElement('span');
  newEl.style.color = 'red';
  newEl.style.margin = '0 0 0 5px';
  newEl.innerHTML = message
  newEl.id = 'error';
  document.getElementById(nodeID).parentNode.appendChild(newEl);
}

function removeAlertFromNode(nodeID) {
  document.getElementById(nodeID).parentNode.removeChild('error');
}

// validation
function checkPass() {
  if(document.getElementById('passre') != document.getElementById('pass'))
    addAlertToNode('passre', 'Passwörter stimmen nicht überein!');
  else
    removeAlertFromNode('passre');
}

function checkNumber(ele) {
  //if(!ele.value.match(/^[a-z|A-Z|ö|ä|ü|Ö|Ä|Ü|ß]+$/))
  if(!ele.value.match(/^[0-9]+$/))
    addAlertToNode(ele.id, 'Feld enthält ungültige Zeichen!');
}

function checkMail() {
  if (!document.getElementById('mail').value.match(/^[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i))
    addAlertToNode('mail', 'Keine gültige Email Adresse!');
}