/* Functie voor het disablen van de 'volgende stap' button */

function changeButton()
{
	if($('leveringsvoorwaarden').checked == true)
	{
		$('leveringsButton').disabled = false;
	}
	else
	{
		$('leveringsButton').disabled = true;
	}
}

/* Popup voor externe links */

var nieuwvenster;

function openWindow(url)
{
	nieuwvenster = window.open('popup.php?page='+url,'LaVerbe Helpdesk Schrijven','width=740,height=540,scrollbars=yes,toolbar=no,location=no');
	if (window.focus) {
			nieuwvenster.focus()
	}
	return false;
}

/* Function for the LaVerbe Helpdesk */

function stopRKey(evt) { 
  var evt = (evt) ? evt : ((event) ? event : null); 
  var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null); 
  if ((evt.keyCode == 13) && (node.type=="text"))  {return false;} 
}

function makeActiveBtn(buttonname){
	var menus = document.getElementsByClassName('mainlevel');
	for(i=0;i<menus.length;i++)
	{
		menus[i].id = ('btn_step' + (i+1));
	}
	$(buttonname).id = 'active_menu';
}

document.onkeypress = stopRKey;

var checkValidate = false;
var error;
var error_msg_default = "Er bevinden zich fouten in het formulier:\n";
var error_msg;
var checkHtml = '';
var overzichtHtml = '';
var overzichtHtmlTwee = '';

function anyChecked(element_name)
{
	checkHtml = '';
	var isChecked = 0;
	
	var elements = document.getElementsByName(element_name);
		
	var isChecked;
	for (var i = 0; i < elements.length; i++) {
	   if (elements[i].checked) {
		  isChecked++;
		  checkHtml += ('- ' + elements[i].value + '<br />');
	   }
	}
	if(isChecked != 0)
	{
		checkValidate = true;
	}
	else
	{
		checkValidate = false;
	}
}

function checkedShowElement(checkElement, element_id)
{
	if($(checkElement).checked == true)
	{
		$(element_id).show();
	}
	else
	{
		$(element_id).hide();
	}
}

function validateForm(formid)
{
	overzichtHtml = '';
	error_msg = error_msg_default;
	error = 0;
	
	switch (formid){
		case "form1": 
		
		$('cb_aspect_field').style.borderLeft = '4px solid #cccccc';
		$('doelgroep_field').style.borderLeft = '4px solid #cccccc';
		$('bestand_field').style.borderLeft = '4px solid #cccccc';
		
		anyChecked('cb_aspect[]');
		
		if(checkValidate == false)
		{
			error++;
			$('cb_aspect_field').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet nog een aspect keuze opgeven\n';
		}
		
		if($('doelgroep_cb').checked == true && $('doelgroep').value == '')
		{
			error++;
			$('doelgroep_field').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet de doelgroep nog beschrijven\n';
		}
		
		if($('bestand').value == '')
		{
			error++;
			$('bestand_field').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet nog een brief of tekst selecteren\n';
		}
		
		if(error > 0)
		{
			//alert(error_msg);
		}
		else
		{
			$('step1').hide();
			$('step2').show();
			makeActiveBtn('btn_step3');
			if($('doelgroep_cb').checked)
			{
				var extraDoelgroep = '<tr><td>Beschrijving doelgroep:</td><td>' + $('doelgroep').value + '</td></tr>';
			}
			else
			{
				var extraDoelgroep = '';
			}
			
			overzichtHtml = '<fieldset><legend>Keuze</legend><table><tr><td width="150" valign="top">Gemaakte keuze:</td><td width="450" valign="top">Ik wil een brief of tekst laten controleren en verbeteren</td></tr></table></fieldset><fieldset><legend>Specificatie keuze</legend><table>' +
						    '<tr><td width="150" valign="top">Gekozen aspecten:</td><td width="450" valign="top">' + checkHtml + '</td></tr>' + 
							extraDoelgroep + 
			                '<tr><td>Bestand:</td><td>' + $('bestand').value + '</td></tr>' +
							'</table></fieldset>';
		}
		
		break;
		
		case "form2":
		
		$('vraag_opdracht_field').style.borderLeft = '4px solid #cccccc';
		$('contactpersoon_field').style.borderLeft = '4px solid #cccccc';
		
		if($('vraag_opdracht').value == '')
		{
			error++;
			$('vraag_opdracht_field').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet nog een vraag of opdracht opgeven\n';
		}
		
		if($('contactpersoon').value == '')
		{
			error++;
			$('contactpersoon_field').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet nog uw contactpersoon bij LaVerbe opgeven\n';
		}
		
		if($('bestand').value == '')
		{
			var extraBestand = '';
			$('bestand_aanwezig').value = "NEE";
		}
		else
		{
			var extraBestand = '<tr><td>Bestand</td><td>' + $('bestand').value + '</td></tr>';
			$('bestand_aanwezig').value = "JA";
		}
		
		if(error > 0)
		{
			//alert(error_msg);
		}
		else
		{
			$('step1').hide();
			$('step2').show();
			makeActiveBtn('btn_step3');
			overzichtHtml = '<fieldset><legend>Keuze</legend><table><tr><td width="150" valign="top">Gemaakte keuze:</td><td width="450" valign="top">Ik wil gebruikmaken van mijn serviceovereenkomst bij LaVerbe</td></tr></table></fieldset><fieldset><legend>Specificatie keuze</legend><table>' +
						    '<tr><td width="150" valign="top">Vraag of opdracht:</td><td width="450" valign="top">' + $('vraag_opdracht').value + '</td></tr>' + 
			                '<tr><td>Contactpersoon:</td><td>' + $('contactpersoon').value + '</td></tr>' +
							extraBestand +
							'</table></fieldset>';
		}
		
		break;
		
		case "form3":
		
		$('mogelijkheid_field').style.borderLeft = '4px solid #cccccc';
		$('huidige_doelstelling_field').style.borderLeft = '4px solid #cccccc';
		$('huidige_doelgroep_field').style.borderLeft = '4px solid #cccccc';
		$('doelstelling_set').style.borderLeft = '4px solid #cccccc';
		$('doelgroep_set').style.borderLeft = '4px solid #cccccc';
		$('samenvatten_set').style.borderLeft = '4px solid #cccccc';
		$('anders_set').style.borderLeft = '4px solid #cccccc';
		$('bestand_field').style.borderLeft = '4px solid #cccccc';
		
		anyChecked('mogelijkheid[]');
		
		if(checkValidate == false)
		{
			error++;
			$('mogelijkheid_field').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet nog een mogelijkheid kiezen\n';
		}
		
		if($('huidige_doelstelling').value == '')
		{
			error++;
			$('huidige_doelstelling_field').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet de huidige doelstelling nog beschrijven\n';
		}
		
		if($('huidige_doelgroep').value == '')
		{
			error++;
			$('huidige_doelgroep_field').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet de huidige doelgroep nog beschrijven\n';
		}
		
		if($('doelstelling').checked == true && $('nieuwe_doelstelling').value == '')
		{
			error++;
			$('doelstelling_set').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet de nieuwe doelstelling nog beschrijven\n';
		}
		
		if($('doelgroep').checked == true && $('nieuwe_doelgroep').value == '')
		{
			error++;
			$('doelgroep_set').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet de nieuwe doelgroep nog beschrijven\n';
		}
		
		if($('samenvatten').checked == true && $('aantal_woorden').value == '')
		{
			error++;
			$('samenvatten_set').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet de het gewenst aantal woorden of pagina\'s nog opgeven\n';
		}
		
		if($('anders').checked == true && $('anders_namelijk').value == '')
		{
			error++;
			$('anders_set').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet het veld \'Anders, namelijk...\' nog opgeven\n';
		}
		
		if($('bestand').value == '')
		{
			error++;
			$('bestand_field').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet nog een tekst selecteren\n';
		}
		
		if(error > 0)
		{
			//alert(error_msg);
		}
		else
		{
			$('step1').hide();
			$('step2').show();
			makeActiveBtn('btn_step3');
			
			if($('doelstelling').checked)
			{
				var doelstellingCb = '- ' + $('doelstelling').value + '<br />';
				var extraDoelstelling = '<tr><td>Beschrijving nieuwe doelstelling:</td><td>' + $('nieuwe_doelstelling').value + '</td></tr>';
			}
			else
			{
				var doelstellingCb = '';
				var extraDoelstelling = '';
			}
			
			if($('doelgroep').checked)
			{
				var doelgroepCb = '- ' + $('doelgroep').value + '<br />';
				var extraDoelgroep = '<tr><td>Beschrijving nieuwe doelgroep:</td><td>' + $('nieuwe_doelgroep').value + '</td></tr>';
			}
			else
			{
				var doelgroepCb = '';
				var extraDoelgroep = '';
			}
			
			if($('samenvatten').checked)
			{
				var samenvattenCb = '- ' + $('samenvatten').value + '<br />';
				var extraSamenvatten = '<tr><td>Gewenst aantal woorden/pagina\'s:</td><td>' + $('aantal_woorden').value + '</td></tr>';
			}
			else
			{
				var samenvattenCb = '';
				var extraSamenvatten = '';
			}
			
			if($('anders').checked)
			{
				var andersCb = '- ' + $('anders').value + '<br />';
				var extraAnders = '<tr><td>Anders, namelijk...:</td><td>' + $('anders_namelijk').value + '</td></tr>';
			}
			else
			{
				var andersCb = '';
				var extraAnders = '';
			}
			
			overzichtHtml = '<fieldset><legend>Keuze</legend><table><tr><td width="150" valign="top">Gemaakte keuze:</td><td width="450" valign="top">Ik wil een tekst laten (her)schrijven of samenvatten</td></tr></table></fieldset><fieldset><legend>Specificatie keuze</legend><table>' +
						    '<tr><td width="150" valign="top">Gekozen mogelijkheden:</td><td width="450" valign="top">' + doelstellingCb + doelgroepCb + samenvattenCb + andersCb + '</td></tr>' + 
			                '<tr><td>Huidige doelstelling:</td><td>' + $('huidige_doelstelling').value + '</td></tr>' +
							'<tr><td>Huidige doelgroep:</td><td>' + $('huidige_doelgroep').value + '</td></tr>' +
							extraDoelstelling +
							extraDoelgroep +
							extraSamenvatten +
							extraAnders +
							'<tr><td>Bestand:</td><td>' + $('bestand').value + '</td></tr>' +
							'</table></fieldset>';
		}
		
		break;
		
		case "form4": 
		
		$('aspecten_field').style.borderLeft = '4px solid #cccccc';
		$('doelgroep_set').style.borderLeft = '4px solid #cccccc';
		$('url_field').style.borderLeft = '4px solid #cccccc';
		
		anyChecked('cb_aspect[]');
		
		if(checkValidate == false)
		{
			error++;
			$('aspecten_field').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet nog een aspect keuze opgeven\n';
		}
		
		if($('geschiktheid_doelgroep').checked == true && $('doelgroep').value == '')
		{
			error++;
			$('doelgroep_set').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet de doelgroep nog beschrijven\n';
		}
		
		if($('url').value == '' || $('url').value == 'http://')
		{
			error++;
			$('url_field').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet nog uw website url opgeven\n';
		}
		
		if(error > 0)
		{
			//alert(error_msg);
		}
		else
		{
			$('step1').hide();
			$('step2').show();
			makeActiveBtn('btn_step3');
			
			if($('geschiktheid_doelgroep').checked)
			{
				var extraDoelgroep = '<tr><td>Beschrijving doelgroep:</td><td>' + $('doelgroep').value + '</td></tr>';
			}
			else
			{
				var extraDoelgroep = '';
			}
			
			overzichtHtml = '<fieldset><legend>Keuze</legend><table><tr><td width="150" valign="top">Gemaakte keuze:</td><td width="450" valign="top">Ik wil onze website laten beoordelen</td></tr></table></fieldset><fieldset><legend>Specificatie keuze</legend><table>' +
						    '<tr><td width="150" valign="top">Gekozen aspecten:</td><td width="450" valign="top">' + checkHtml + '</td></tr>' +
							extraDoelgroep +
							'<tr><td>Opmerkingen:</td><td>' + $('opmerkingen').value + '</td></tr>' +
							'<tr><td>Url:</td><td>' + $('url').value + '</td></tr>' +
							'</table></fieldset>';
		}
		
		break;
		
		case "form5": 
		
		$('type_field').style.borderLeft = '4px solid #cccccc';
		$('te_beoordelen_field').style.borderLeft = '4px solid #cccccc';
		
		anyChecked('type_cb[]');
		
		if(checkValidate == false)
		{
			error++;
			$('type_field').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet nog een keuze opgeven\n';
		}
		
		if($('te_beoordelen').value == '')
		{
			error++;
			$('te_beoordelen_field').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet nog een slogan, naam of pay-off opgeven\n';
		}
		
		if($('slogan').checked)
		{
			var typeCb = '- ' + $('slogan').value + '<br />';
		}
		else
		{
			var typeCb = "";
		}
		if($('naam').checked)
		{
			var type2Cb = '- ' + $('naam').value + '<br />';
		}
		else
		{
			var type2Cb = "";
		}
		if($('payoff').checked)
		{
			var type3Cb = '- ' + $('payoff').value;
		}
		else
		{
			var type3Cb = "";
		}
		
		if(error > 0)
		{
			//alert(error_msg);
		}
		else
		{
			$('step1').hide();
			$('step2').show();
			makeActiveBtn('btn_step3');
			
			overzichtHtml = '<fieldset><legend>Keuze</legend><table><tr><td width="150" valign="top">Gemaakte keuze:</td><td width="450" valign="top">Ik wil advies over een slogan, naam of een pay-off</td></tr></table></fieldset><fieldset><legend>Specificatie keuze</legend><table>' +
						    '<tr><td width="150" valign="top">Slogan, naam of pay-off:</td><td width="450" valign="top">' + typeCb + type2Cb + type3Cb + '</td></tr>' +
							'</table></fieldset>';
			$('overzicht').innerHTML = overzichtHtml;
		}
		
		break;
		
		case "form6": 
		
		$('trainingsvraag_field').style.borderLeft = '4px solid #cccccc';
		$('deelnemers_field').style.borderLeft = '4px solid #cccccc';
		$('datum_field').style.borderLeft = '4px solid #cccccc';
		$('niveau_field').style.borderLeft = '4px solid #cccccc';
		
		if($('trainingsvraag').value == '')
		{
			error++;
			$('trainingsvraag_field').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet nog een trainingsvraag opgeven\n';
		}
		
		if($('deelnemers').value == '')
		{
			error++;
			$('deelnemers_field').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet het aantal deelnemers nog opgeven\n';
		}
		
		if($('datum').value == '')
		{
			error++;
			$('datum_field').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet nog een datum opgeven\n';
		}
		
		if($('niveau').value == '')
		{
			error++;
			$('niveau_field').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet het opleidingsniveau van de deelnemers\n   nog opgeven\n';
		}
		
		if(error > 0)
		{
			//alert(error_msg);
		}
		else
		{
			$('step1').hide();
			$('step2').show();
			makeActiveBtn('btn_step3');
			
			overzichtHtml = '<fieldset><legend>Keuze</legend><table><tr><td width="150" valign="top">Gemaakte keuze:</td><td width="450" valign="top">Ik wil deelnemen aan een coaching of schrijftraining</td></tr></table></fieldset><fieldset><legend>Specificatie keuze</legend><table>' +
						    '<tr><td width="150" valign="top">Trainingsvraag:</td><td width="450" valign="top">' + $('trainingsvraag').value + '</td></tr>' +
							'<tr><td>Deelnemers:</td><td>' + $('deelnemers').value + '</td></tr>' +
							'<tr><td>Datum:</td><td>' + $('datum').value + '</td></tr>' +
							'<tr><td>Opleidingsniveau:</td><td>' + $('niveau').value + '</td></tr>' +
							'</table></fieldset>';
		}
		
		break;
		
		case "form7":
		
		$('vraag_field').style.borderLeft = '4px solid #cccccc';
		
		if($('vraag').value == '')
		{
			error++;
			$('vraag_field').style.borderLeft = '4px solid #ff0000';
			error_msg += '- U moet nog een beschrijving van uw vraag opgeven\n';
		}
		
		if(error > 0)
		{
			//alert(error_msg);
		}
		else
		{
			$('step1').hide();
			$('step2').show();
			makeActiveBtn('btn_step3');
			
			overzichtHtml = '<fieldset><legend>Keuze</legend><table><tr><td width="150" valign="top">Gemaakte keuze:</td><td width="450" valign="top">Ik heb een vraag die ik wil voorleggen aan LaVerbe</td></tr></table></fieldset><fieldset><legend>Specificatie keuze</legend><table>' +
						    '<tr><td width="150" valign="top">Vraag:</td><td width="450" valign="top">' + $('vraag').value + '</td></tr>' +
							'</table></fieldset>';
		}
		
		break;
		default : alert("Fatal error: Please contact LaVerbe.");
	}
}

function validateFormAndShow()
{
	error_msg = error_msg_default;
	error = 0;
	$('organisatie_field').style.borderLeft = '4px solid #cccccc';
	$('naam_field').style.borderLeft = '4px solid #cccccc';
	$('telefoonnr_field').style.borderLeft = '4px solid #cccccc';
	$('mailadres_field').style.borderLeft = '4px solid #cccccc';
	$('leveringsvoorwaarden_field').style.borderLeft = '4px solid #cccccc';
	
	if($('organisatie').value == '')
	{
		error++;
		$('organisatie_field').style.borderLeft = '4px solid #ff0000';
		error_msg += '- U moet de naam van uw organisatie nog opgeven\n';
	}
	
	if($('naam').value == '')
	{
		error++;
		$('naam_field').style.borderLeft = '4px solid #ff0000';
		error_msg += '- U moet uw naam nog opgeven\n';
	}
	
	if($('telefoonnr').value == '')
	{
		error++;
		$('telefoonnr_field').style.borderLeft = '4px solid #ff0000';
		error_msg += '- U moet nog een telefoonnummer opgeven\n';
	}
	
	if($('mailadres').value == '' || validateEmail('mailadres')==false)
	{
		error++;
		$('mailadres_field').style.borderLeft = '4px solid #ff0000';
		error_msg += '- U moet nog een geldig e-mailadres opgeven\n';
	}
	
	if($('leveringsvoorwaarden').checked != true)
	{
		error++;
		$('leveringsvoorwaarden_field').style.borderLeft = '4px solid #ff0000';
		error_msg += '- U moet nog akkoord gaan met de leveringsvoorwaarden\n';
	}
	
	if(error > 0)
	{
		//alert(error_msg);
	}
	else
	{
		$('step2').hide();
		$('step3').show();
		makeActiveBtn('btn_step4');
		
		var extraOpties = '';
		
		if($('optie1').checked)
		{
			extraOpties += '- ' + $('optie1').value + '<br />';
		}
		
		if($('optie2').checked)
		{
			extraOpties += '- ' + $('optie2').value + '<br />';
		}
		
		if($('optie3').checked)
		{
			extraOpties += '- ' + $('optie3').value + '<br />';
		}
		
		if($('aanvullende_informatie').checked)
		{
			var aanvullendeInfo = '<tr><td>Aanvullende informatie:</td><td>' + $('aanvullende_informatie').value + '</td></tr>';
		}
		else
		{
			var aanvullendeInfo = '';
		}
		overzichtHtmlTwee = '<fieldset><legend>Persoonlijke gegevens</legend><table><tr><td width="150" valign="top">Behandeling aanvraag:</td><td width="450" valign="top">' + extraOpties + '</td></tr><tr><td>Organisatie:</td><td>' + $('organisatie').value + '</td></tr><tr><td>Naam:</td><td>' + $('naam').value + '</td></tr><tr><td>Telefoonnummer:</td><td>' + $('telefoonnr').value + '</td></tr><tr><td>E-mailadres:</td><td>' + $('mailadres').value + '</td></tr>' + aanvullendeInfo + '</table></fieldset>'; 
		
		$('overzicht').innerHTML = (overzichtHtml + overzichtHtmlTwee);
	}
}

function formSubmit()
{
	alert('submitting..');
}

function validateEmail(veld)
{
	with (veld)
	{
		var apos = $(veld).value.indexOf("@");
		var dotpos = $(veld).value.lastIndexOf(".");
		if (apos<1||dotpos-apos<2) 
		{
			return false;
		}
		else 
		{
			return true;
		}
	}
}