function addCommas(nStr){
	nStr += '';
	x = nStr.split(',');
	x1 = x[0];
	x2 = x.length > 1 ? ',' + x[1] : '';
	var rgx = /(\d+)(\d{3})/;
	while (rgx.test(x1)) {
		x1 = x1.replace(rgx, '$1' + '.' + '$2');
	}
	return x1 + x2;
}

function popUp(URL, breedte, hoogte, scrolling) {
	day = new Date();
	id = day.getTime();
	eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0, scrollbars=" + scrolling + ", location=0, statusbar=0, menubar=0, resizable=0, width=" + breedte + ", height=" + hoogte + ", left = 330, top = 200');");
}
function toggle(ID){
	var obj = document.getElementById(ID);
	if(obj.style.visibility == 'hidden'){
		obj.style.visibility = 'visible';
	} else {
		obj.style.visibility = 'hidden';
	}
}
function toggle_full(ID){
	var obj = document.getElementById(ID);
	if(obj.style.display == 'none'){
		obj.style.display = 'block';
		obj.style.visibility = 'visible';
	} else {
		obj.style.display = 'none';
		obj.style.visibility = 'hidden';
	}
}
function show(ID){
	var obj = document.getElementById(ID);
	obj.style.visibility = 'visible';
}
function show_full(ID){
	var obj = document.getElementById(ID);
	obj.style.display = 'block';
}
function hide(ID){
	var obj = document.getElementById(ID);
	obj.style.visibility = 'hidden';
}
function hide_full(ID){
	var obj = document.getElementById(ID);
	obj.style.display = 'none';
}

function fadein(elementid, speed){ 
	
	if(!speed){
		speed = 500;
	}
	
	var obj = document.getElementById(elementid);
	obj.style.opacity = '0.0';
	obj.style.visibility = 'visible';

	i=0;
	if(navigator.appName == "Microsoft Internet Explorer"){
		fadepercentage = Array( '10', '30', '50', '70', '90', '100' );
		interval = self.setInterval("changeperc_ie('"+elementid+"')", (speed/10) )
	} else {
		fadepercentage = Array( '0.1', '0.2', '0.3', '0.4', '0.5', '0.6', '0.7', '0.8', '0.9', '1.0' ); 
		interval = self.setInterval("changeperc_gecko('"+elementid+"')", (speed/10) )
	}
	
	setTimeout("clearInterval('"+interval+"')",speed);

}
function fadeout(elementid, speed){
	
	actief = document.getElementById(elementid);
	if(actief.style.visibility=='visible'){
	
		if(!speed){
			speed = 500;
		}
	
		i=0;
		if(navigator.appName == "Microsoft Internet Explorer"){
			fadepercentage = Array( '90', '80', '70', '60', '50', '40', '30', '20', '10', '0' ); 
			interval = self.setInterval("changeperc_ie('"+elementid+"')", (speed/10) )
		} else {
			fadepercentage = Array( '0.9', '0.8', '0.7', '0.6', '0.5', '0.4', '0.3', '0.2', '0.1', '0.0' ); 
			interval = self.setInterval("changeperc_gecko('"+elementid+"')", (speed/10) )
		}
		
		setTimeout("clearInterval('"+interval+"')",speed);
		setTimeout("hide('"+elementid+"')",speed);
	}
}

function changeperc_ie(x) { 
	var x= document.getElementById(x);
	if (x != null){
		x.style.filter = "alpha(opacity=" + fadepercentage[i] + ")";
	}
	i++;
}
function changeperc_gecko(x) { 
	var x= document.getElementById(x);
	if (x != null){
		x.style.opacity = fadepercentage[i];
	}
	i++;
}


function random_char(charlist){

	var num = Math.floor(Math.random() * charlist.length);
	return charlist.charAt(num);
}
function random_pass(){
	var length = 8;
	var chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890";

	var pass = "";
	var i=0;
	
	for (i=0; i<length; i++)
	{
		pass = pass + random_char(chars);
	}
	return pass;
}
function randomPass(){
	
	var pass1 = document.getElementById('pass1');
	var pass2 = document.getElementById('pass2');
	
	pass1.value = random_pass();
	pass2.value = pass1.value;

}

function popOpen(id) {
	var topOffset = 1;
	setSize(topOffset);
	var overShade = document.getElementById(id);
	var topPad =  pos+topOffset;
	// height-padding = div height
	overShade.style.height = (ph - topPad) + 'px'; /* remove topPad from height */
	overShade.style.width = pw + 'px';
	overShade.style.paddingTop = topPad + 'px';
	overShade.style.display = 'block';
	if (document.all && !navigator.appVersion.match(/MSIE 7.0/)) {
		coverSelects(overShade);
	}
}
function loading(){
	var topOffset = 1;
	setSize(topOffset);
	
	var overShade = document.getElementById('loading_test');
	var topPad =  pos+topOffset;
	// height-padding = div height
	overShade.style.height = (ph - topPad) + 'px'; /* remove topPad from height */
	overShade.style.width = pw + 'px';
	overShade.style.paddingTop = topPad + 'px';
	overShade.style.display = 'block';


}
function loaded(){
	var obj = document.getElementById('loading');
	obj.style.display = 'none';
}

function setSize(topOffset) { /* sets size of shade */
	if (window.pageYOffset != null) { /* moz and safari */
		pos = window.pageYOffset;
		ph = document.documentElement.scrollHeight;
		pw = document.documentElement.scrollWidth;
		if (document.body.scrollHeight > document.documentElement.scrollHeight) {
			ph = document.body.scrollHeight;
			pw = document.body.scrollWidth;
		}
	} else if (document.documentElement.scrollTop > document.body.scrollTop) { /* ie, catch if Standards compliance mode */
		pos = document.documentElement.scrollTop;
		ph = document.documentElement.scrollHeight;
		pw = document.documentElement.scrollWidth;
		if (document.documentElement.clientHeight > document.documentElement.scrollHeight) {
			ph = document.documentElement.clientHeight;
		}
	} else if (document.body != null) { /* if IE 5.5 */
		pos = document.body.scrollTop;
		ph = document.body.scrollHeight;
		pw = document.body.scrollWidth;
		if (document.documentElement.scrollHeight > document.body.scrollHeight) {
			ph = document.documentElement.scrollHeight;
		}
		ph = ph + pos + topOffset; /* fix box model */
	}
}


function ellipsis(root)
{
	if (ellipsis.__native == undefined)
	{
		ellipsis.__native = true;
		if (document.defaultView && document.defaultView.getComputedStyle)
		{
			var foo = document.createElement('div');
			foo.style.cssText = 'text-overflow:ellipsis;-o-text-overflow:ellipsis';
			if (!foo.style.cssText)
				ellipsis.__native = false;
		}
	}

	if (!ellipsis.__native)
	{
		if (!root)
			getElementsByClassName('ellipsis', null, null, ellipsis_do);
		else
			ellipsis_do(root);
	}
}

function ellipsis_table(tableId)
{
	if (is.ie || is.khtml)
	{
		var productTable = document.getElementById(tableId);
		if (productTable)
		{
			var tableBody = productTable.getElementsByTagName('tbody')[0];
			var row = tableBody && tableBody.rows[0];
			if (row)
			{
				var cell, i = 0, j = 0;
				while (row && (cell = row.cells[i]))
				{
					if (cell.colSpan && cell.colSpan > 1)
					{
						row = tableBody.rows[++j];
						continue;
					}

					if (!hasClass(cell, 'ellipsis'))
						productTable.rows[0].cells[i].width = cell.clientWidth - (is.ie ? 8 : 0);

					i++;
				}

				productTable.style.tableLayout = 'fixed';
			}
		}
	}
}

function ellipsis_do(root, ellipsis_word)
{
	// speed things up
	if (root.clientWidth)
	{
		if (root.nodeName != 'TD')
		{
			root.style.width = root.clientWidth + 'px';
			root.style.position = 'fixed';
		}

		var s = [root], e, o, w;

		while ((e = s.pop()))
		{
			do
			{
				switch (e.nodeType)
				{
					case 1:
						if (e.style.display != 'none')
						{
							if (document.defaultView.getComputedStyle(e, null).getPropertyValue('overflow') == 'hidden')
							{
								ellipsis_overflow(e, ellipsis_word);
							}
							else
							{
								if ((o = e.nextSibling)) s.push(o);
								e = e.firstChild;
								break;
							}
						}

					default:
						e = e.nextSibling;
				}
			}
			while (e);
		}

		root.style.position = '';
	}
}

function ellipsis_overflow(p, ellipsis_word)
{
	var w = p.clientWidth;
	if (w && p.scrollWidth > w)
	{
		var s = [p], e, o, q, l;

		while ((e = s.pop()))
		{
			do
			{
				switch (e.nodeType)
				{
					case 1:
						if ((o = e.previousSibling)) s.push(o);
						e = e.lastChild;
						break;

					case 3:
						if (/[^\t\n\r ]/.test(e.data))
						{
							// Take an educated guess on what the length of the text should be
							q = e.nodeValue;
							l = Math.floor((q.length * w) / p.scrollWidth) - 1;
							if (l > 0)
							{
								do
								{
									e.nodeValue = q.substr(0, --l) + '...';
								}
								while (l && (p.scrollWidth > w || (ellipsis_word && e.nodeValue.charAt(l-1) != ' ')));

								if (l > 0) return;
							}

							e.nodeValue = '';
						}

					default:
						e = e.previousSibling;
				}
			}
			while(e);
		}
	}
}

// ==== Asynchronous JavaScript and XML :) ===============================

function ajaxFunction(){
  var xmlHttp;
  try {
	// Firefox, Opera 8.0+, Safari
	xmlHttp=new XMLHttpRequest();
  } catch(e){
	// Internet Explorer
	try {
	  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  } catch(e){
	try {
	  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  } catch(e){
	  alert("Uw browser ondersteund geen AJAX!");
	  return false;
	  }
	}
  }
  return xmlHttp;
}

// ==== FUNCTIES VOOR TinuX DESIGN =======================================

function update_sidebar(cat, namen, text){
	
	if(text){
		var data = text.split(":");
		var namen = data[5].split("|");
	}
		
	if(cat == "layouts"){
		
		var naam = namen[0];
		document.getElementById("layout").innerHTML = naam;

		var fieldset = document.getElementById("layout_field");
		
	} else if(cat == "modules"){
		
		var naam = "<ul class='config_list'>\n";

		for (var name in namen){
			if(namen[name]){
				naam += "<li> "+namen[name]+"<br />\n";
			}
		}
		naam += "</ul>\n";
		
		if(naam.length <= 31){
			naam = "";
		}
		
		document.getElementById("modules").innerHTML = naam;

		var fieldset = document.getElementById("module_field");
		
	} else if(cat == "talen"){

		var naam = "<ul class='config_list'>\n";
		
		for (var name in namen){
			if(namen[name]){
				naam += "<li> "+namen[name]+"<br />\n";
			}
		}
		naam += "</ul>\n";

		if(naam.length <= 31){
			naam = "";
		}

		document.getElementById("talen").innerHTML = naam;

		var fieldset = document.getElementById("talen_field");
		
	} else if(cat == "hostingpakketten"){
		
		var naam = namen[0];
		document.getElementById("hostingpakket").innerHTML = naam;

		var fieldset = document.getElementById("hostingpakket_field");
		
	}
	
	if(fieldset){
	
		if(!naam){
			fieldset.style.display='none';
		} else {
			fieldset.style.display='block';
		}
	}
	
}

function set_product_prijzen(method, cat, text, id ) {
		
	var data = text.split(":");
	var ids = data[0].split("|");
	var prijzen = data[1].split("|");
	var totaalprijs = data[2];
	if(!method){
		var method = data[3];
	}
	var onderliggend = data[4].split("|");
	var namen = data[5].split("|");
	
	prijs = new Array();
	
	for (var i = 0; i < ids.length; i++){
		
		prijs[ids[i]] = prijzen[i];
		
	}
	
	var item
	
	for  ( item in ids){
		
		c = parseInt( prijs[ids[item]] ).toFixed(2);
		
		if(method == "change"){
	
			if( c < 0 ){
				teken = "-";
			} else {
				teken = "+";
			}
		} else if (method == "add"){
			teken = "-";
		} else if (method == "remove"){
			teken = "+";
		}
		
		if( c != 0 ){
			p = c.replace("-","");
			p = teken+" &euro; " + p.replace(".",",");
		} else {
			p = "";
		}
				
		if(method != "change"){
			if(ids[item] == id){
				document.getElementById("prijs_"+cat+ids[item]).innerHTML = p;
			}
		} else {
			document.getElementById("prijs_"+cat+ids[item]).innerHTML = p;
						
		}
		
		if(ids[item] == id){
			
			if(data[4].length > 0){
				
				var onderliggende
				
				for (onderliggende in onderliggend){
					
					var div = document.getElementById("div_"+ids[item]+onderliggend[onderliggende]);
					var bknpt = document.getElementById("bknpt"+onderliggend[onderliggende]);

					if(method == "add"){
					
						div.style.display='block';
						bknpt.style.display='block';

					} else if (method == "remove"){

						kies_product("remove", ids[item], onderliggend[onderliggende]);
						
						div.style.display='none';
						bknpt.style.display='none';
						
						var check = document.getElementById(cat+onderliggend[onderliggende]);
						check.checked = false ;
												
					}
				}
			}
			
		}
			
	}
	
	var totaalprijs = parseInt( totaalprijs ).toFixed(2);
	totaalprijs = totaalprijs.replace(".",",");
	
	totaalprijs = addCommas(totaalprijs);
	
	document.getElementById("totaalprijs").innerHTML = totaalprijs;
	
	update_sidebar(cat, namen);
		
}

function kies_product( method, cat, id, actie ) {
	
	xmlHttp = ajaxFunction();

	if(!actie){
		xmlHttp.onreadystatechange = function() {
			if (xmlHttp.readyState == 4) {
				set_product_prijzen(method, cat, xmlHttp.responseText , id );
			}
		}
	} else {
		/*
		if(method == "change"){
			var check = document.getElementById(cat+id);
			check.checked = true;
		}
		*/
		if(actie == "update_sidebar"){
			
			xmlHttp.onreadystatechange = function() {
				if(xmlHttp.readyState == 4) {
					update_sidebar(cat, '', xmlHttp.responseText);
				}
			}
			
		} else if(actie == "remove_hostingpakket"){
			
			update_sidebar(cat, '');
			
		}


	}

	xmlHttp.open("GET", "/template/projecten/TinuX-Design/ajax.inc.php?action=kies_product&method="+method+"&prod_id="+id+"&prod_cat="+cat+"&set_prijs="+actie, true);
	xmlHttp.send(null);
	
	return true;

}

function controleer_inst(){
	
	var websitenaam = document.getElementById('websitenaam');
	var websiteomschrijving = document.getElementById('websiteomschrijving');
	
	var melding = '';
	
	if(!websitenaam.value){
		melding += "- Gelieve een naam voor uw website opgeven!\n";
		websitenaam.style.border = '1px red solid';
	} else {
		websitenaam.style.border = '1px #ccc solid';		
	}
	if(!websiteomschrijving.value){
		melding += "- Gelieve een omschrijving voor uw website opgeven!\n";
		websiteomschrijving.style.border = '1px red solid';
	} else {
		websiteomschrijving.style.border = '1px #ccc solid';
	}
	
	if(melding){
		alert("Melding!\n"+melding);
		return false;
	} else {
		return true;
	}
	
}

function controleer_domeinnaam(domeinnaam_veld, domeinnaamextentie_veld, hoeveelste){
	
	var domeinnaam 	= document.getElementById( domeinnaam_veld ).value.toLowerCase();
	var extentie 	= document.getElementById( domeinnaamextentie_veld ).value;

	document.getElementById( domeinnaam_veld ).value = domeinnaam;
	
	xmlHttp = ajaxFunction();

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) {
			alert(xmlHttp.responseText);
		}
	}
	
	xmlHttp.open("GET", "/template/projecten/TinuX-Design/ajax.inc.php?action=controleer_domeinnaam&domeinnaam="+domeinnaam+"&extentie_id="+extentie+"&hoeveelste="+hoeveelste, true);
	xmlHttp.send(null);
	
	return true;	
	
}

function annuleer_domeinnaam(){

	xmlHttp = ajaxFunction();

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) {
			//alert(xmlHttp.responseText);
		}
	}
	
	xmlHttp.open("GET", "/template/projecten/TinuX-Design/ajax.inc.php?action=annuleer_domeinnaam", true);
	xmlHttp.send(null);
	
	return true;		
	
}

function check_domeinnamen(){
	
	var domeinnaam = document.getElementById('domein_naam').value;
	var domeinnaam2 = document.getElementById('domein_naam2').value;
	
	xmlHttp = ajaxFunction();

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) {
			
			var returntje = xmlHttp.responseText.split("|");
			
			if(returntje[0] == "true"){
				window.location = returntje[1];
			} else {
				alert(returntje[1]);				
				return false;
			}

		}
	}
	
	xmlHttp.open("GET", "/template/projecten/TinuX-Design/ajax.inc.php?action=check_domeinnamen&domeinnaam="+domeinnaam+"&domeinnaam2="+domeinnaam2, true);
	xmlHttp.send(null);
	
}

function change_omschr(value){
	
	xmlHttp = ajaxFunction();

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) {
			
			var returntje = xmlHttp.responseText;

		}
	}
	
	xmlHttp.open("GET", "/template/projecten/TinuX-Design/ajax.inc.php?action=change_omschrijving&change=omschrijving&omschrijving="+value, true);
	xmlHttp.send(null);
	
}

function change_sitenaam(value){

	xmlHttp = ajaxFunction();

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) {

			var returntje = xmlHttp.responseText;

		}
	}

	xmlHttp.open("GET", "/template/projecten/TinuX-Design/ajax.inc.php?action=change_omschrijving&change=naam&naam="+value, true);
	xmlHttp.send(null);
	
}

function configuratie(actie){

	if(actie == "ophalen"){
		
		var code = document.getElementById('code').value;
		
	}
	
	xmlHttp = ajaxFunction();

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) {
			
			if(actie == "controleren"){
				
				var aantal_bestaande_configuraties = xmlHttp.responseText.split(":")[1];
				
				if(aantal_bestaande_configuraties == "0"){
									
					// huidige configuratie direct in de db duwen middels functie 'configuratie_opslaan()'
					configuratie('opslaan');
				
				} else {
				
					// melding geven! vragen om overschrijven of 2e configuratie opslaan
				
					hide_full('opslaan');

					var tekstkleur = "#c00042";
					
					if(aantal_bestaande_configuraties == 1){

						var tekst = "<b>Melding!</b><br>U heeft al een configuratie opgeslagen. Wilt u deze overschrijven, of wilt u een 2e configuratie opslaan?<br><br>[ <a href='javascript:void();' onClick='configuratie(\"overschrijven\");' style='color:"+tekstkleur+";'>Overschrijven</a> ] [ <a href='javascript:void();' onClick='configuratie(\"opslaan\");' style='color:"+tekstkleur+";'>2e configuratie opslaan</a> ]";
						
					} else {
						
						var volgende = parseInt(aantal_bestaande_configuraties) + 1;

						var tekst = "<b>Melding!</b><br>U heeft al "+ aantal_bestaande_configuraties +" configuraties opgeslagen. Wilt u de laatst opgeslagen configuratie overschrijven, of wilt u een "+ volgende +"-de configuratie opslaan?<br><br>[ <a style='color:"+tekstkleur+";' href='javascript:void();' onClick='configuratie(\"overschrijven\");'>Overschrijven</a> ] [ <a style='color:"+tekstkleur+";' href='javascript:void();' onClick='configuratie(\"opslaan\");'>"+ volgende +"-de configuratie opslaan</a> ]";						
						
					}
					
					document.getElementById('melding').innerHTML = tekst;
					document.getElementById('melding').style.color = tekstkleur;

					show_full('melding');
				
				}				
				
			} else if(actie == "opslaan") {
				
				hide_full('opslaan');
				
				var tekst = "<b>Uw Configuratie is succesvol opgeslagen!</b><br>Uw unieke code is <b>" + xmlHttp.responseText + "</b>. Met deze code kunt u uw opgeslagen configuratie op een later tijdstip opvragen. Bewaar deze code dus goed!<br><br>N.B. Uw configuratie verloopt op 2 Oktober 2007";
				var tekstkleur = "#008000";
				
				document.getElementById('melding').innerHTML = tekst;
				document.getElementById('melding').style.color = tekstkleur;

				show_full('melding');
				
			} else if(actie == "overschrijven"){
				
				hide_full('opslaan');

				var tekst = "<b>Uw Configuratie is succesvol overschreven!</b><br>Uw unieke code is <b>" + xmlHttp.responseText + "</b>. Met deze code kunt u uw configuratie op een later tijdstip opvragen. Bewaar deze code dus goed!<br><br>N.B. Uw configuratie verloopt op 2 Oktober 2007";
				var tekstkleur = "#008000";
				
				document.getElementById('melding').innerHTML = tekst;
				document.getElementById('melding').style.color = tekstkleur;

				show_full('melding');
				
			} else if(actie == "ophalen"){
				
				
				var melding = xmlHttp.responseText;
				
				if(melding.length > 1){
					
					// error!
					alert("Melding!\n"+melding);
					
				} else {
					
					// jeej! refreshen die hap.
					window.location.reload();
					
				}
				
			}
						
		}
	}
	
	if(actie == "controleren"){
		xmlHttp.open("GET", "/template/projecten/TinuX-Design/ajax.inc.php?action=configuratie_controleren", true);		
	} else if(actie == "opslaan"){
		xmlHttp.open("GET", "/template/projecten/TinuX-Design/ajax.inc.php?action=configuratie_opslaan", true);
	} else if(actie == "overschrijven"){		
		xmlHttp.open("GET", "/template/projecten/TinuX-Design/ajax.inc.php?action=configuratie_overschrijven", true);
	} else if(actie == "ophalen"){
		xmlHttp.open("GET", "/template/projecten/TinuX-Design/ajax.inc.php?action=configuratie_ophalen&code="+code, true);		
	}
	
	xmlHttp.send(null);
	
	return true;	
	
}

function product_toevoegen(cat, input, input2){
	
	var value = document.getElementById(input).value;
	if(input2){
		var value2 = document.getElementById(input2).value;
	}
	
	if(value.length == 0){
		
		alert("Gelieve een naam opgeven!");
		
	} else {

		xmlHttp = ajaxFunction();

		xmlHttp.onreadystatechange = function() {
			if (xmlHttp.readyState == 4) {
			
				var product_id = xmlHttp.responseText;
				
				kies_product('', cat, product_id);
				
				location.reload();
			
			}
		}
	
		xmlHttp.open("GET", "/template/projecten/TinuX-Design/ajax.inc.php?action=product_toevoegen&categorie="+cat+"&waarde="+value+"&waarde2="+value2, true);
		xmlHttp.send(null);
	
	}
	
	return true;
	
}

function controleer_klant(klantnr, wachtwoord){
	
	xmlHttp = ajaxFunction();

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) {
		
			var returntje = xmlHttp.responseText.split("|");
			
			if(returntje[0] == "true"){
				window.location = returntje[1];
			} else {
				alert('Onbekende klant-wachtwoord-combinatie! Probeer het opnieuw.');
				return false;
			}
		
		}
	}

	xmlHttp.open("GET", "/template/projecten/TinuX-Design/ajax.inc.php?action=controleer_klant&klantnr="+klantnr+"&wachtwoord="+wachtwoord, true);
	xmlHttp.send(null);
	
}
function klant_toevoegen(waardes){
	
	xmlHttp = ajaxFunction();

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) {
		
			var returntje = xmlHttp.responseText.split("|");
			
			if(returntje[0] == "true"){
				window.location = returntje[1];
			} else {
				return false;
			}
		
		}
	}

	xmlHttp.open("GET", "/template/projecten/TinuX-Design/ajax.inc.php?action=klant_toevoegen&waardes="+waardes, true);
	xmlHttp.send(null);	
	
}

function controleer_gegevens(){
	
	var bestaande_klant = document.getElementById('bestaande_klant').checked;
	var nieuwe_klant = document.getElementById('nieuwe_klant').checked;
	
	if(bestaande_klant){
		
		var klanttype = "bestaande_klant";
		
		var klantnr = document.getElementById('klantnr').value;
		var wachtwoord = document.getElementById('wachtwoord').value;
		
		if(!klantnr){
			var fout = true;
			document.getElementById('klantnr').style.border = '1px red solid';
		} else {
			document.getElementById('klantnr').style.border = '1px #CCC solid';			
		}
		if(!wachtwoord){
			var fout = true;
			document.getElementById('wachtwoord').style.border = '1px red solid';
		} else {
			document.getElementById('wachtwoord').style.border = '1px #CCC solid';			
		}
		if(fout){
			alert('Gelieve alle roodgemarkeerde velden nog invullen!');
		} else {
			
			controleer_klant(klantnr, wachtwoord);
			
		}
		
	} else if(nieuwe_klant){

		var klanttype = "nieuwe_klant";

		var bedrijfsnaam = document.getElementById('bedrijfsnaam').value;
		var aanhef_dhr = document.getElementById('dhr').checked;
		var aanhef_mevr = document.getElementById('mevr').checked;
		var voornaam = document.getElementById('voornaam').value;
		var tussenvoegsels = document.getElementById('tussenvoegsels').value;
		var achternaam = document.getElementById('achternaam').value;
		var adres = document.getElementById('adres').value;
		var postcode = document.getElementById('postcode').value;
		var plaats = document.getElementById('plaats').value;
		var land = document.getElementById('land').value;
		var telefoonnr = document.getElementById('telefoonnr').value;
		var emailadres = document.getElementById('emailadres').value;

		var geboortedag = document.getElementById('geboortedag').value;
		var geboortemaand = document.getElementById('geboortemaand').value;
		var geboortejaar = document.getElementById('geboortejaar').value;
		
		var wachtwoord1 = document.getElementById('wachtwoord1').value;
		var wachtwoord2 = document.getElementById('wachtwoord2').value;
		
		if(!aanhef_dhr && !aanhef_mevr){
			var fout = true;
			document.getElementById('aanhef').style.border = '1px red solid';
		} else {
			document.getElementById('aanhef').style.border = 'none';			
		}
		
		if(aanhef_dhr){
			var aanhef = document.getElementById('dhr').value;
		} else if(aanhef_mevr){
			var aanhef = document.getElementById('mevr').value;
		}
		if(!voornaam){
			var fout = true;
			document.getElementById('voornaam').style.border = '1px red solid';
		} else {
			document.getElementById('voornaam').style.border = '1px #CCC solid';			
		}
		if(!achternaam){
			var fout = true;
			document.getElementById('achternaam').style.border = '1px red solid';
		} else {
			document.getElementById('achternaam').style.border = '1px #CCC solid';			
		}
		if(!adres){
			var fout = true;
			document.getElementById('adres').style.border = '1px red solid';
		} else {
			document.getElementById('adres').style.border = '1px #CCC solid';			
		}
		if(!postcode){
			var fout = true;
			document.getElementById('postcode').style.border = '1px red solid';
		} else {
			document.getElementById('postcode').style.border = '1px #CCC solid';			
			document.getElementById('postcode').value = postcode.toUpperCase();			
		}
		if(!plaats){
			var fout = true;
			document.getElementById('plaats').style.border = '1px red solid';
		} else {
			document.getElementById('plaats').style.border = '1px #CCC solid';			
		}
		if(!land){
			var fout = true;
			document.getElementById('land').style.border = '1px red solid';
		} else {
			document.getElementById('land').style.border = '1px #CCC solid';			
		}
		if(!telefoonnr){
			var fout = true;
			document.getElementById('telefoonnr').style.border = '1px red solid';
		} else {
			document.getElementById('telefoonnr').style.border = '1px #CCC solid';			
		}
		if(!emailadres){
			var fout = true;
			document.getElementById('emailadres').style.border = '1px red solid';
		} else {
			
			var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
			if (filter.test(emailadres)){
				document.getElementById('emailadres').style.border = '1px #CCC solid';
			} else {
				var emailfout = true;
				document.getElementById('emailadres').style.border = '1px red solid';
			}
		}
		
		if(!wachtwoord1 && !wachtwoord2){
			var fout = true;
			document.getElementById('wachtwoord1').style.border = '1px red solid';
			document.getElementById('wachtwoord2').style.border = '1px red solid';
		} else {
			
			if(wachtwoord1 != wachtwoord2){
				var passfout = true;
				document.getElementById('wachtwoord1').style.border = '1px red solid';
				document.getElementById('wachtwoord2').style.border = '1px red solid';
			} else {
				document.getElementById('wachtwoord1').style.border = '1px #CCC solid';
				document.getElementById('wachtwoord2').style.border = '1px #CCC solid';
			}
		}
		
		
		if(fout){
			alert('Gelieve alle roodgemarkeerde velden nog invullen!');
		}
		if(emailfout){
			alert('Ingevoerde e-mailadres is geen geldig e-mailadres!');
		}
		if(passfout){
			alert('Ingevoerde wachtwoorden komen niet overeen!');
		}
		
		if(!fout && !emailfout && !passfout){
			
			var geboortedatum = geboortedag+"-"+geboortemaand+"-"+geboortejaar;

			var waardes = bedrijfsnaam+"|"+aanhef+"|"+voornaam+"|"+tussenvoegsels+"|"+achternaam+"|"+adres+"|"+postcode+"|"+plaats+"|"+land+"|"+telefoonnr+"|"+emailadres+"|"+geboortedatum+"|"+wachtwoord1;
			
			klant_toevoegen(waardes);
			
			var returntje = true;
		}


	} else {
		alert('Gelieve bestaande klant of nieuwe klant selecteren!');
	}
	
	if(!returntje){
		return false;
	} else {
		return true;
	}
	
}

function accepteer_algvoorw(){
	
	var check = document.getElementById('algvoorw').checked;

	xmlHttp = ajaxFunction();

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) {
		
			var returntje = xmlHttp.responseText.split("|");
			
			if(returntje[0] == "true"){
				window.location = returntje[1];
			} else {
				return false;
			}
		
		}
	}

	xmlHttp.open("GET", "/template/projecten/TinuX-Design/ajax.inc.php?action=accepteer_algvoorw&check="+check, true);
	xmlHttp.send(null);
	
}

function bestelling_afronden(handtekening){
	
	var algvoorw = document.getElementById('algvoorw').checked;	
	
	var melding = "Melding!\n";
	
	if(handtekening != "gezet" && handtekening != "opgehaald"){
		melding += "- Gelieve de koopovereenkomst ondertekenen!\n";
	}
	if(!algvoorw){
		melding += "- Gelieve accoord gaan met de Algemene Voorwaarden!\n";
	}
	if(melding.length < 15){
		window.location = 'http://martijn.atlantux.net/template/pagina/TinuX-Design/configurator/stap9';
		return true;		
	} else {
		alert(melding);
		return false;
	}
	
}

function update_naam(ID, waarde, type){

	xmlHttp = ajaxFunction();

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) {
		
			var returntje = xmlHttp.responseText;
			
			if(returntje == "refresh"){
				window.location.reload();
			}
		
		}
	}

	xmlHttp.open("GET", "/template/projecten/TinuX-Design/ajax.inc.php?action=update_naam&ID="+ID+"&waarde="+waarde+"&type="+type, true);
	xmlHttp.send(null);	
	
}

function update_prijs(ID, waarde){

	waarde = waarde.replace(",", ".");

	var totaalprijs = parseFloat( document.getElementById('totaalprijs').innerHTML.replace(",",".") );
	
	xmlHttp = ajaxFunction();

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) {
		
			var waardes = xmlHttp.responseText.split("|");
			
			document.getElementById("prijs"+ID).value = waardes[0];
			document.getElementById('totaalprijs').innerHTML = waardes[1];
		
		}
	}

	xmlHttp.open("GET", "/template/projecten/TinuX-Design/ajax.inc.php?action=update_prijs&ID="+ID+"&waarde="+waarde+"&totaalprijs="+totaalprijs, true);
	xmlHttp.send(null);	
	
}

function update_prijsext(ID, waarde){

	var totaalprijs = parseFloat( document.getElementById('totaalprijs').innerHTML.replace(",",".") );
	
	xmlHttp = ajaxFunction();

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) {
		
			document.getElementById('totaalprijs').innerHTML = xmlHttp.responseText;
		
		}
	}

	xmlHttp.open("GET", "/template/projecten/TinuX-Design/ajax.inc.php?action=update_prijsext&ID="+ID+"&waarde="+waarde+"&totaalprijs="+totaalprijs, true);
	xmlHttp.send(null);	
	
}

function add_product(klantnr, bestelnr){
	
	var categorie	 = document.getElementById('categorie').value;
	var omschrijving = document.getElementById('omschrijving').value.replace("|","");
	var prijs		 = document.getElementById('prijs').value.replace(",",".");
	var prijs_ext	 = document.getElementById('prijs_ext').value;
	
	var waardes		 = klantnr+"|"+bestelnr+"|"+categorie+"|"+omschrijving+"|"+prijs+"|"+prijs_ext;
	
	xmlHttp = ajaxFunction();

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) {
		
			var returntje = xmlHttp.responseText;
			
			if(returntje == "false"){
				alert("Categorie en/of productomschrijving ontbreekt!");				
			} else {
				window.location.reload();
			}
		
		}
	}

	xmlHttp.open("GET", "/template/projecten/TinuX-Design/ajax.inc.php?action=add_product&waardes="+waardes, true);
	xmlHttp.send(null);	
	
}

function add_domeinnaam(klantnr, bestelnr){
	
	var categorie	= document.getElementById('d_categorie').value;
	var domeinnaam	= document.getElementById('d_omschrijving').value.replace("|","");
	
	var waardes		 = klantnr+"|"+bestelnr+"|"+categorie+"|"+domeinnaam;
	
	xmlHttp = ajaxFunction();

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) {
		
			var returntje = xmlHttp.responseText;
			
			if(returntje == "false"){
				alert("Domeinnaam ontbreekt!");
			} else {
				window.location.reload();
			}
		
		}
	}

	xmlHttp.open("GET", "/template/projecten/TinuX-Design/ajax.inc.php?action=add_product&waardes="+waardes, true);
	xmlHttp.send(null);	
	
}
function add_hosting(klantnr, bestelnr, categorie, pakket){
	
	var waardes		 = klantnr+"|"+bestelnr+"|"+categorie+"|"+pakket;
	
	xmlHttp = ajaxFunction();

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) {
		
			var returntje = xmlHttp.responseText;
			
			if(returntje == "false"){
				alert("Hostingpakket ontbreekt!");				
			} else {
				window.location.reload();
			}
		
		}
	}

	xmlHttp.open("GET", "/template/projecten/TinuX-Design/ajax.inc.php?action=add_product&waardes="+waardes, true);
	xmlHttp.send(null);	
	
}

function remove_product(ID){
	
	var totaalprijs = parseFloat( document.getElementById('totaalprijs').innerHTML.replace(",",".") );
	
	xmlHttp = ajaxFunction();

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) {
		
			document.getElementById('totaalprijs').innerHTML = xmlHttp.responseText;
			
			document.getElementById('product'+ID).style.display = 'none';
		
		}
	}

	xmlHttp.open("GET", "/template/projecten/TinuX-Design/ajax.inc.php?action=remove_product&ID="+ID+"&totaalprijs="+totaalprijs, true);
	xmlHttp.send(null);
	
}

// ==== FUNCTIES VOOR ZAMMIES ============================================

function registreer_uur(opvangkind, dag, uur, alt_key_pressed){
	
	xmlHttp = ajaxFunction();

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) {
			
			// div blauw / groen maken
			
			var data = xmlHttp.responseText;
			
			if(alt_key_pressed == "alt_key_pressed"){
				
				var divs = data.split("|");
				
				var id
				
				for(id in divs){
				
					var div = document.getElementById(divs[id]);
				
					div.setAttribute("class", "marked");
					div.setAttribute("className", "marked");
					
				}
			

			} else {

				var div_id	= data.split(":")[0];
				var marking	= data.split(":")[1];
				
				var div = document.getElementById(div_id);
				
				if(marking == "marked"){

					div.setAttribute("class", "marked");
					div.setAttribute("className", "marked");
					
				} else if(marking == "unmarked"){
					
					div.setAttribute("class", "unmarked");
					div.setAttribute("className", "unmarked");
					
				}
				
			}
			
		}
	}
	
	if(alt_key_pressed == "alt_key_pressed"){
		xmlHttp.open("GET", "/template/projecten/Zammies/ajax.inc.php?action=registreer_uur&opvangkind="+opvangkind+"&dag="+dag+"&uur="+uur+"&vul=true", true);
	} else {
		xmlHttp.open("GET", "/template/projecten/Zammies/ajax.inc.php?action=registreer_uur&opvangkind="+opvangkind+"&dag="+dag+"&uur="+uur, true);
	}
	xmlHttp.send(null);
	
	return true;
	
}

function update_inventarisatiedatum(id, href){
	
	var dag = document.getElementById('dag_'+id).value;
	var maand = document.getElementById('maand_'+id).value;
	var jaar = document.getElementById('jaar_'+id).value;
	
	href = href+'&dag='+dag+'&maand='+maand+'&jaar='+jaar;
	
	location.href= href;
	
}

// =======================================================================