newimage0 = new Image();
newimage0.src = "loader.gif";
newimage1 = new Image();
newimage1.src = "corners.gif";
newimage2 = new Image();
newimage2.src = "header.jpg";
newimage3 = new Image();
newimage3.src = "favicon.ico";

var xmlHttp;

function createXMLHttpRequest()
{
    if (window.ActiveXObject)
	{
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    } 
    else if (window.XMLHttpRequest)
	{
        xmlHttp = new XMLHttpRequest();
    }
}

function status(locatie)
{
    var url = locatie+"gebruiker.php?actie=status" + "&ts=" + new Date().getTime();

    createXMLHttpRequest();
	
    xmlHttp.onreadystatechange = function(){verwerkStatusVerandering("status",locatie);};
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);
}

function registratie(locatie)
{
	var url = locatie+"gebruiker.php?actie=registratie" + "&ts=" + new Date().getTime();
	var statusDiv = document.getElementById("status");
	
	document.getElementById("registreer").disabled = true;
	document.getElementById("registreer").value= "bezig";
    createXMLHttpRequest();
    xmlHttp.onreadystatechange = function(){verwerkStatusVerandering("registratie",locatie);};
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);
}

function registreer(locatie)
{
    var url = locatie+"gebruiker.php?actie=registreer" + "&ts=" + new Date().getTime();
		
    var laden = '<img src="loader.gif" alt="Bezig met laden..." width="16" height="16"><br>';
	
	var gebruiker				= escape(document.getElementById("gebruikersnaam").value);
	var wachtwoord1				= escape(document.getElementById("wachtwoord1").value);
	var wachtwoord2				= escape(document.getElementById("wachtwoord2").value);
	var voornaam				= escape(document.getElementById("voornaam").value);
	var tussenvoegsel			= escape(document.getElementById("tussenvoegsel").value);
	var achternaam				= escape(document.getElementById("achternaam").value);
	var functie					= escape(document.getElementById("functie").value);
	var loginnummer				= escape(document.getElementById("loginnummer").value);
	var wachtwoordintranet		= escape(document.getElementById("wachtwoordintranet").value);
	var geboortedag				= escape(document.getElementById("geboortedag").value);
	var geboortemaand			= escape(document.getElementById("geboortemaand").value);
	var geboortejaar			= escape(document.getElementById("geboortejaar").value);
	var email					= escape(document.getElementById("email").value);
	var geheimevraag			= escape(document.getElementById("geheimevraag").value);
	var antwoordgeheimevraag	= escape(document.getElementById("antwoordgeheimevraag").value);
	
	document.getElementById("login").disabled = true;
	document.getElementById("login").value = "Bezig...";
	window.scrollTo(0,0); 
	
	var verstuur = "gebruiker=" + gebruiker + 
		"&wachtwoord1=" + wachtwoord1 + 
		"&wachtwoord2=" + wachtwoord2 + 
		"&voornaam=" + voornaam + 
		"&tussenvoegsel=" + tussenvoegsel + 
		"&achternaam=" + achternaam + 
		"&functie=" + functie + 
		"&loginnummer=" + loginnummer + 
		"&wachtwoordintranet=" + wachtwoordintranet + 
		"&geboortedag=" + geboortedag + 
		"&geboortemaand=" + geboortemaand + 
		"&geboortejaar=" + geboortejaar + 
		"&email=" + email + 
		"&geheimevraag=" + geheimevraag + 
		"&antwoordgeheimevraag=" + antwoordgeheimevraag;
	
	document.getElementById("registreerknop").disabled = true;
	document.getElementById("registreerknop").value= "bezig";
	document.getElementById("registreer").disabled = false;
	
    createXMLHttpRequest();
    xmlHttp.onreadystatechange = function(){verwerkStatusVerandering("registreer",locatie);};
    xmlHttp.open("POST", url, true);
	xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
    xmlHttp.send(verstuur);
}

function verwerkStatusVerandering(type,locatie)
{
    if(xmlHttp.readyState == 4)
	{
		if(xmlHttp.status == 200)
		{
			verwerkStatus(type,locatie);
        }
    }
}

function verwerkStatus(type,locatie)
{
    var antwoord = xmlHttp.responseText;
	
	if((type == "registreer") || (type == "registratie"))
	{
		var deDiv = document.getElementById("midden");
	}
	else if(type == "recaptcha")
	{
		var deDiv = document.getElementById("recaptchamelding");
	}
	else if(type == "beschikbaar")
	{
		var deDiv = document.getElementById("checkgebruikersnaam");
	}
	else if(type == "addtag")
	{
		var deDiv = document.getElementById("tagsveld");
	}
	else if(type == "login")
	{
		if(antwoord.substring(12,16) == "fout")
		{
			var deDiv = document.getElementById("statusfout");
			zichtbaar("foutbox");
			document.getElementById("login").disabled = false;
			document.getElementById("login").value = "Login";
		}
		else
		{
			var deDiv = document.getElementById("status");
		}
	}
	else
	{
		var deDiv = document.getElementById("status");
	} 
	
	if(deDiv.hasChildNodes())
	{
		deDiv.removeChild(deDiv.childNodes[0]);
	}

    if(antwoord === "")
	{
		deDiv.innerHTML = "Er is een probleem met het ophalen van de gegevens.";
        return;
    }
	else
	{
		if(antwoord != "fout")
		{
			deDiv.innerHTML = antwoord;
		}
		
		if(type == "registratie")
		{
			document.getElementById("registreer").value= "<<<<<<";
			showRecaptcha("recaptcha", "clean");
			document.getElementById("gebruikersnaam").focus();
		}
		else if(type == "registreer")
		{
			if(antwoord == "fout")
			{
				registratie(locatie);
			}
		}
		else if(type == "recaptcha")
		{
			if(antwoord == "ok")
			{
				registreer(locatie);
			}
			else
			{		
				recaptcha.innerHTML = antwoord;
				document.getElementById("registreerknop").value= "Registreer";
			}
		}
	}
}
 
function showRecaptcha(element, themeName)
{
	Recaptcha.create("6LcsiAIAAAAAAMgl1i81bWTkqum8H9aDk7YY8Acn", element, 
	{
		theme: themeName,
		tabindex: 0
	}
	);
}

function recaptcha(locatie)
{
	var url = locatie+"gebruiker.php?actie=recaptcha" + "&ts=" + new Date().getTime();
		
	var recaptcha_challenge_field = escape(document.getElementById("recaptcha_challenge_field").value);
	var recaptcha_response_field = escape(document.getElementById("recaptcha_response_field").value);
	
	var verstuur = "recaptcha_challenge_field=" + recaptcha_challenge_field + "&recaptcha_response_field=" + recaptcha_response_field;
	
	document.getElementById("registreerknop").value= "bezig";
		
    createXMLHttpRequest();
    xmlHttp.onreadystatechange = function(){verwerkStatusVerandering("recaptcha",locatie);};
    xmlHttp.open("POST", url, true);
	xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
    xmlHttp.send(verstuur);
}

function login(locatie)
{
	var gebruiker = escape(document.getElementById("gebruiker").value);
	var wachtwoord = escape(document.getElementById("wachtwoord").value);
	
	document.getElementById("login").disabled = true;
	document.getElementById("login").value = "Bezig...";
	document.getElementById("foutbox").style.display = 'none';
	
	var verstuur = "gebruiker=" + gebruiker + "&wachtwoord=" + wachtwoord;

	var url = locatie+"gebruiker.php?actie=login" + "&ts=" + new Date().getTime();

    createXMLHttpRequest();
    xmlHttp.onreadystatechange = function(){verwerkStatusVerandering("login",locatie);};
    xmlHttp.open("POST", url, true);
	xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
    xmlHttp.send(verstuur);
}

function beschikbaar(locatie)
{
	var gebruikersnaam = escape(document.getElementById("gebruikersnaam").value);
	
	var deDiv = document.getElementById("checkgebruikersnaam");
	if(deDiv.hasChildNodes())
	{
		deDiv.removeChild(deDiv.childNodes[0]);
	}
	deDiv.innerHTML = '<div class="bezig">Beschikbaarheid gebruikersnaam controleren...</div>';

    var url = locatie+"gebruiker.php?actie=gebruikersnaam&gebruikersnaam=" + gebruikersnaam + "&ts=" + new Date().getTime();

    createXMLHttpRequest();
    xmlHttp.onreadystatechange = function(){verwerkStatusVerandering("beschikbaar",locatie);};
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);
}

function loguit(locatie)
{
	document.getElementById("loguit").disabled = true;
	document.getElementById("loguit").value = "Bezig...";
	
	var url = locatie+"/gebruiker.php?actie=loguit" + "&ts=" + new Date().getTime();
        
    createXMLHttpRequest();
    xmlHttp.onreadystatechange = function(){verwerkStatusVerandering("loguit",locatie);};
	xmlHttp.open("GET", url, true);
    xmlHttp.send(null);
}

function addTag( evt, frm, locatie )
{
	var keyCode = null;

	if( evt.which )
	{
		keyCode = evt.which;
	}
	else if( evt.keyCode )
	{
		keyCode = evt.keyCode;
	}
	
	if( 13 == keyCode )
	{
		var verstuur = "tagwaarde=" + document.getElementById("tag").value + "&tagcode=" + escape(document.getElementById("tagcode").value);
	
		var url = locatie+"/gebruiker.php?actie=addtag" + "&ts=" + new Date().getTime();

	    createXMLHttpRequest();
	    xmlHttp.onreadystatechange = function(){verwerkStatusVerandering("addtag",locatie);};
	    xmlHttp.open("POST", url, true);
		xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
	    xmlHttp.send(verstuur);
		document.getElementById("tag").value="";
	}
}

function zichtbaar(veldnaam)
{
	if (document.getElementById(veldnaam).style.display == 'none') 
	{
		document.getElementById(veldnaam).style.display = 'block';
		if(veldnaam == "gpsdiv")
		{
			location.href="#gps";
		}
	}
	else
	{
		document.getElementById(veldnaam).style.display = 'none'
	}
}