var blockform = true;
knoppen = new Array('knop1', 'knop2', 'knop3', 'knop4');
knoppage = new Array('informatie.php', 'nieuws.php', 'mijnaccount.php', 'contact.php');
var activeknop = knoppen[0];
function ajax(url, elementId, displayPic) 
{
  var httpObj = false;
  httpObj = window.XMLHttpRequest ? new window.XMLHttpRequest : (window.ActiveXObject ? new ActiveXObject("MSXML2.XMLHTTP"): null);
  httpObj.onreadystatechange = function() {
    if (httpObj.readyState == 4) {
      document.getElementById(elementId).innerHTML = httpObj.responseText;
      //alert(httpObj.responseText);
      return;
    }
  };
  if (displayPic)
    document.getElementById(elementId).innerHTML = '<div align="center"><img src="http://www.schneider-electric.nl/spaarvoorhaar/admin/images/loading.gif"></div>';
  httpObj.open('GET', 'ajaxfunc/' + url, true);
  httpObj.send(null);
}
function checkUserName() {
  var httpObj = false;
  httpObj = window.XMLHttpRequest ? new window.XMLHttpRequest : (window.ActiveXObject ? new ActiveXObject("MSXML2.XMLHTTP"): null);
  httpObj.onreadystatechange = function() {
    if (httpObj.readyState == 4) {
      form = document.getElementById('voegtoe');
      if (httpObj.responseText == "allow") {
        form.gebruikersnaam.style.color = "#00aa00";
        document.getElementById('ebox1').innerHTML = '';
      } else {
        form.gebruikersnaam.style.color = "#AA0000";
        document.getElementById('ebox1').innerHTML = 'Gebruikersnaam al in gebruik<br>';
        form.toevoegen.disabled = true;
        blockform = true;
      }
      return;
    }
  };
  var usn = document.getElementById('voegtoe').gebruikersnaam.value;
  httpObj.open('GET', 'ajaxfunc/checkusername.php?n=' + usn, true);
  httpObj.send(null);
}
function toSubmit() {
  return !blockform;
}

function formcheck() {
	var form = document.getElementById('voegtoe');
	blockform = false;

	if (form.gebruikersnaam.value.length < 6) {
		document.getElementById('ebox1').innerHTML = 'Gebruikersnaam te kort<br>';
		blockform = true;
		form.gebruikersnaam.style.backgroundColor = '#FFAAAA';
	} 
	else {
		checkUserName();
		form.gebruikersnaam.style.backgroundColor = '#FFFFFF';
		document.getElementById('ebox1').innerHTML = '';
	}
	if (form.wachtwoord.value.length < 6) {
		document.getElementById('ebox2').innerHTML = 'Wachtwoord te kort<br>';
		blockform = true;
		form.wachtwoord.style.backgroundColor = '#FFAAAA';
	} 
	else {
		form.wachtwoord.style.backgroundColor = '#FFFFFF';
		document.getElementById('ebox2').innerHTML = '';
	}
	if (!form.mailadres.value.match("^[a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,8}$")) {
		document.getElementById('ebox3').innerHTML = 'Mailadres ongeldig<br>';
		blockform = true;
		form.mailadres.style.backgroundColor = '#FFAAAA';
	} 
	else {
		form.mailadres.style.backgroundColor = '#FFFFFF';
		document.getElementById('ebox3').innerHTML = '';
	}
	if (form.wachtwoord.value != form.wachtwoord2.value) {
		document.getElementById('ebox4').innerHTML = 'Wachtwoorden niet gelijk<br>';
		blockform = true;
		form.wachtwoord2.style.backgroundColor = '#FFAAAA';
	} 
	else {
		form.wachtwoord2.style.backgroundColor = '#FFFFFF';
		document.getElementById('ebox4').innerHTML = '';
	}
	if (form.adres.value.length < 20) {
		document.getElementById('ebox6').innerHTML = 'Adres te kort<br>';
		blockform = true;
		form.adres.style.backgroundColor = '#FFAAAA';
	} 
	else {
		form.adres.style.backgroundColor = '#FFFFFF';
		document.getElementById('ebox6').innerHTML = '';
	}
	if (form.bedrijf.value.length < 5) {
		document.getElementById('ebox7').innerHTML = 'Bedrijfsnaam te kort<br>';
		blockform = true;
		form.bedrijf.style.backgroundColor = '#FFAAAA';
	} 
	else {
		form.bedrijf.style.backgroundColor = '#FFFFFF';
		document.getElementById('ebox7').innerHTML = '';
	}

	if (form.naam_groothandel.value.length < 1) {
		document.getElementById('ebox8').innerHTML = 'Groothandel naam invullen a.u.b.<br>';
		blockform = true;
		form.naam_groothandel.style.backgroundColor = '#FFAAAA';
	} 
	else {
		form.naam_groothandel.style.backgroundColor = '#FFFFFF';
		document.getElementById('ebox8').innerHTML = '';
	}

	if (form.plaats_groothandel.value.length < 1) {
		document.getElementById('ebox9').innerHTML = 'Plaats van de groothandel invullen a.u.b.<br>';
		blockform = true;
		form.plaats_groothandel.style.backgroundColor = '#FFAAAA';
	} 
	else {
		form.plaats_groothandel.style.backgroundColor = '#FFFFFF';
		document.getElementById('ebox9').innerHTML = '';
	}
	
	if ( !form.p1.checked && !form.p2.checked && !form.p3.checked && !form.p4.checked)  {
		document.getElementById('ebox101').innerHTML = 'Selecteer minimaal 1 product.<br>';
		blockform = true;
	} 
	else {
		document.getElementById('ebox101').innerHTML = '';
	}
	form.toevoegen.disabled = blockform; 
}

function switchknop(knop) {
  for(k in knoppen) {
    if (knoppen[k] == knop) {
      document.getElementById(knoppen[k]).className = knop + 'o';
      ajax(knoppage[k], 'contentbox', true);
    } else {
      document.getElementById(knoppen[k]).className = knop;
    }
  }
  activeknop = knop;
}
/* MouseOverButton */
function moverb(knop) {
  document.getElementById(knop).className = knop + 'o';
}

/* MouseOutButton */
function moutb(knop) {
  document.getElementById(knop).className = knop + ((knop == activeknop) ? 'o' : '');
}