// JavaScript Document
//de waarde van deze variabelen kan je veranderen, de waarde staat tussen aanhalingstekens.

//de kleuren voor de verplichte velden, de hex code kan je terugvinden in CSS, deze moet je omzetten naar decimale waarden, kan met de rekenmachine.
var verplicht_veld_kleur = "rgb(255,255,0)"; //tussen de ronde haakjes, is de eerste component rood (hex: ff), 2de componenet groen (hex: ff) en 3de componenet blauw (hex: 00), komt dus met volgende hex-code overeen: #ffff00.
var email_veld_kleur = "rgb(255,153,0)";
//boodschap die getoond wordt bij een foute ingave
var boodschap_fout_email = "er zit een fout in het e-mail adres";
var boodschap_verplicht_niet_volledig = "niet alle verplichte velden zijn ingevuld";
var intro_boodschap_kader = "Je staat op het punt dit te verzenden:";
//uw e-mail adres, wat voor het add-teken staat en wat er achter staat:
var voor_add = "jonel";
var achter_add = "telenet.be";
var add_ascii = 64;

var OFFSET = 4;

//indien je werkt met een script op de server
var naam_server_script = "";
var naam_veld_voor_script = "resultaat";

function kleurvelden()
{
	//kleur zetten voor de verplichte velden
	document.write('<style type="text/css">');
	document.write(".verplicht {background-color:" +  verplicht_veld_kleur +"};");
	document.write('</style>');
	
	document.write('<style type="text/css">');
	document.write(".email_veld {background-color:" +  email_veld_kleur + "};");
	document.write('</style>');
}



function ToonResultaat(sboodschap)
{
	var odiv = document.getElementById('resultaat');
	odiv.style.visibility = "visible";
	if(naam_server_script == "")
	{
		var s_action = "mailto:" + voor_add + String.fromCharCode(add_ascii) + achter_add+"?subject=" + escape("meer 		informatie")+"&body="+escape(sboodschap);
		odiv.innerHTML = "<pre>"+intro_boodschap_kader+"\n\r"+sboodschap+"</pre></br><a href='"+s_action+"'>Verzenden</a>	";
	}
	else
	{
		odiv.innerHTML = "<h3>"+intro_boodschap_kader+"</h3><form name='zendres' method='POST' action='"+naam_server_script+"'><textarea name='"+naam_veld_voor_script+"' cols='40' rows='20'>"+sboodschap+"</textarea></br><a href='javascript:document.forms[\"zendres\"].submit();'>Verzenden</a></form>";
	}
}

//function om voorafgaande spaties en achterliggende spaties te verwijderen
function trim(value) {
  value = value.replace(/^\s+/,''); 
  value = value.replace(/\s+$/,'');
  return value;
}

//controle functie voor de speciale velden
function speciaal_veld(veld, waarde)
{
	//controle verplicht veld, indien dit het geval is: controleren of het veld is ingevuld
	if(veld.id)
	{
		var odiv = document.getElementById(veld.id);
		var backColor = new String();
		if(odiv.currentStyle)
		{
			backColor=odiv.currentStyle["backgroundColor"];
		}
		else if(window.getComputedStyle(odiv,null))
		{
			backColor = window.getComputedStyle(odiv,null).getPropertyValue("background-color");
			backColor = backColor.replace(", ",",");
			backColor = backColor.replace(", ",",");
		}
	
		if(backColor == verplicht_veld_kleur)
		{
			if(trim(waarde) == "")
			{
				alert(boodschap_verplicht_niet_volledig);
				return 0;
			}
		}
	
		//controle e-mail veld
		if(backColor == email_veld_kleur)
		{
			var lengte = waarde.length;
			var positie_add = waarde.indexOf("@");
			if((positie_add >= (lengte - OFFSET)) || positie_add == -1 || waarde.indexOf(".") == -1)
			{
				alert(boodschap_fout_email);
				return 0;
			}
		}
	}
	
	//alles OK
	return 1;
	
	
}



function ordenen_velden()
{
	var num_veld = 0;
	var mail_boodschap = "";
	
	while(document.forms[0].elements[num_veld])
	{
		var type = "";
		var label = "";
		var waarde = "";
		
		
		var het_element = document.forms[0].elements[num_veld];
		
		//doe iets indien het element van het type: text, checkbox of radio is
		if(het_element.type.indexOf("text") != -1 || het_element.type.indexOf("radio") != -1 || het_element.type.indexOf("box") != -1 || het_element.type.indexOf("select") != -1)
		{
			//controleer de waarde van het veld
			if(speciaal_veld(het_element,het_element.value))
			{
				//radio button or checkbutton checked?
				if(het_element.type.indexOf("radio") != -1 || het_element.type.indexOf("box") != -1)
				{
					if(het_element.checked == true)
					{
						mail_boodschap=mail_boodschap + (het_element.name + ":" + het_element.value + "\n\r");
					}
				}
				else
				{
					mail_boodschap=mail_boodschap + (het_element.name + ":" + het_element.value + "\n\r");
				}
			}
			else
			{
				return 0;
			}
		}
		
		num_veld++;
	}
	
	ToonResultaat(mail_boodschap);
}