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

var boeken = new Array();
var totaalAantal;
var typeKlant;
var organisatie;
var naam;
var telefoonnummer;
var emailadres;
var adres;
var postcode;
var woonplaats;
var boekenOverzicht;
var varTypeRelatie;
var kostenOverzicht;
var student;
var overig;
var bookField;

function step2()
{
	$('home_field').style.borderLeft = '4px solid #cccccc';
	if($('book_1').checked == false && $('book_2').checked == false && $('book_3').checked == false && $('book_4').checked == false && $('book_5').checked == false)
	{
		$('home_field').style.borderLeft = '4px solid #ff0000';
	}
	else
	{
		boekenOverzicht = "";
		totaalAantal = 0;
		bookField = "";
		
		if($('book_1').checked == true)
		{
			totaalAantal++;
			boekenOverzicht += ("- Win door jezelf te zijn! Over visie, identiteit en imago<br />");
		}
		if($('book_2').checked == true)
		{
			totaalAantal++;
			boekenOverzicht += ("- Vind uw kernwaarden. Van wensdroom en ondernemingssucces<br />");
		}
		if($('book_3').checked == true)
		{
			totaalAantal++;
			boekenOverzicht += ("- Bereik en behoud je eigen publiek. Interne communicatie in veranderende organisaties<br />");
		}
		if($('book_4').checked == true)
		{
			totaalAantal++;
			boekenOverzicht += ("- Verken uw verbeelding. Betere foto's voor pr en marketingcommunicatie<br />");
		}
		if($('book_5').checked == true)
		{
			totaalAantal++;
			boekenOverzicht += ("- Scoren met online sharing. Aftrap voor een social media strategie<br />");
		}
		
		berekenKosten();
		$('book_field').value = boekenOverzicht;
		$('home_field').style.borderLeft = '4px solid #cccccc';
		showStep(1,2);
	}
}

function step3()
{
	$('relatie_field').style.borderLeft = '4px solid #cccccc';
	var error = 0;
	
	if($('relatie1').checked == true || $('relatie2').checked == true || $('relatie3').checked == true || $('relatie4').checked == true || $('relatie5').checked == true)
	{
		if($('relatie1').checked == true)
		{
			varTypeRelatie = 'opdrachtgever';
			showField('organisatie_field');
			$('formid').value = 1;
		}
		if($('relatie2').checked == true)
		{
			varTypeRelatie = 'kennismaken';
			showField('organisatie_field');
			$('formid').value = 2;
		}
		if($('relatie3').checked == true)
		{
			$('interesse_field').style.borderLeft = '4px solid #cccccc';
			
			if($('interesse').value == "")
			{
				$('interesse_field').style.borderLeft = '4px solid #ff0000';
				error++;
			}
			varTypeRelatie = 'geinteresseerd';
			showField('organisatie_field');
			$('formid').value = 3;
		}
		if($('relatie4').checked == true)
		{
			$('school_field').style.borderLeft = '4px solid #cccccc';
			$('studie_field').style.borderLeft = '4px solid #cccccc';
			$('reden_field').style.borderLeft = '4px solid #cccccc';
	
			if($('school').value == "")
			{
				$('school_field').style.borderLeft = '4px solid #ff0000';
				error++;
			}
			if($('studie').value == "")
			{
				$('studie_field').style.borderLeft = '4px solid #ff0000';
				error++;
			}
			if($('reden').value == "")
			{
				$('reden_field').style.borderLeft = '4px solid #ff0000';
				error++;
			}
			varTypeRelatie = 'student';
			hideField('organisatie_field');
			$('formid').value = 4;
		}
		if($('relatie5').checked == true)
		{
			varTypeRelatie = 'prive';
			hideField('organisatie_field');
			$('formid').value = 5;
		}
		if(error == 0)
		{	
			for (i=0;i<document.publicaties.relatie.length;i++) 
			{ 
				  if (document.publicaties.relatie[i].checked) 
				  { 
						 typeKlant = document.publicaties.relatie[i].value; 
				  } 
			}
			showStep(2,3);
		}
	}
	else
	{
		$('relatie_field').style.borderLeft = '4px solid #ff0000';
	}
}

function step4()
{
	var error = 0;
	
	$('organisatie_field').style.borderLeft = '4px solid #cccccc';
	$('naam_field').style.borderLeft = '4px solid #cccccc';
	$('telefoonnummer_field').style.borderLeft = '4px solid #cccccc';
	$('adres_field').style.borderLeft = '4px solid #cccccc';
	$('postcode_field').style.borderLeft = '4px solid #cccccc';
	$('plaats_field').style.borderLeft = '4px solid #cccccc';
	$('email_field').style.borderLeft = '4px solid #cccccc'
	
	if($('organisatie').value == '')
	{
		if(varTypeRelatie != 'student' && varTypeRelatie != 'prive')
		{
			error++;
			$('organisatie_field').style.borderLeft = '4px solid #ff0000';
		}
	}
	
	if($('naam').value == '')
	{
		error++;
		$('naam_field').style.borderLeft = '4px solid #ff0000';
	}
	
	if($('telefoonnummer').value == '')
	{
		error++;
		$('telefoonnummer_field').style.borderLeft = '4px solid #ff0000';
	}
	
	if($('adres').value == '')
	{
		error++;
		$('adres_field').style.borderLeft = '4px solid #ff0000';
	}
	
	if($('postcode').value == '')
	{
		error++;
		$('postcode_field').style.borderLeft = '4px solid #ff0000';
	}
	
	if($('plaats').value == '')
	{
		error++;
		$('plaats_field').style.borderLeft = '4px solid #ff0000';
	}
	
	if($('email').value == '' || validateEmail('email')==false)
	{
		error++;
		$('email_field').style.borderLeft = '4px solid #ff0000';
	}
	
	if(error == 0)
	{
		var extraHtml = '';
		organisatie = $('organisatie').value;
		naam = $('naam').value;
		telefoonnummer = $('telefoonnummer').value;
		emailadres = $('email').value;
		adres = $('adres').value;
		postcode = $('postcode').value;
		woonplaats = $('plaats').value;
		
		school = $('school').value;
		studie = $('studie').value;
		reden = $('reden').value;
		interesse = $('interesse').value;
		aanleiding = $('aanleiding').value;
		
		if(varTypeRelatie == 'student')
		{
			kostenOverzicht = student;
			organisatie = "n.v.t.";
			extraHtml = '<tr><td valign="top" width="150">Hogeschool/Universiteit:</td><td valign="top" width="450">' + school + '</td></tr><tr><td valign="top" width="150">Studierichting:</td><td valign="top" width="450">' + studie + '</td></tr><tr><td valign="top" width="150">Reden van interesse:</td><td valign="top" width="450">' + reden + '</td></tr>';
		}
		if(varTypeRelatie == 'prive')
		{
			organisatie = "n.v.t.";
			kostenOverzicht = overig;
		}
		if(varTypeRelatie == 'geinteresseerd')
		{
			extraHtml = '<tr><td valign="top" width="150">Interessegebied:</td><td valign="top" width="450">' + interesse + '</td></tr>';
			kostenOverzicht = "N.v.t.";
		}
		if(varTypeRelatie == 'kennismaken')
		{
			extraHtml = '<tr><td valign="top" width="150">Aanleiding:</td><td valign="top" width="450">' + aanleiding + '</td></tr>';
			kostenOverzicht = "N.v.t.";
		}
		if(varTypeRelatie == 'opdrachtgever')
		{
			kostenOverzicht = "N.v.t.";
		}
		
		$('step4').innerHTML = '<fieldset><legend>Bestelling</legend><table><tr><td valign="top" width="150">Gekozen boekjes:</td><td valign="top" width="450">' + boekenOverzicht + '</td></tr></table></fieldset><fieldset><legend>Persoonlijke gegevens</legend><table><tr><td valign="top" width="150">Relatie met LaVerbe:</td><td valign="top" width="450">' + typeKlant + '</td></tr>' + extraHtml + '<tr><td colspan="2">&nbsp;</td></tr><tr><td valign="top" width="150">Organisatie:</td><td valign="top" width="450">' + organisatie + '</td></tr><tr><td valign="top" width="150">Naam:</td><td valign="top" width="450">' + naam + '</td></tr><tr><td valign="top" width="150">Telefoonnummer:</td><td valign="top" width="450">' + telefoonnummer + '</td></tr><tr><td valign="top" width="150">E-mailadres:</td><td valign="top" width="450">' + emailadres + '</td></tr><tr><td valign="top" width="150">Adres:</td><td valign="top" width="450">' + adres + '<br />' + postcode + ' ' + woonplaats + '</td></tr></table></fieldset><button class="prev_btn" onclick="showStep(4,3); return false;"><< Vorige stap</button><button id="submit_btn">Verzenden</button>';
		
		showStep(3,4);
	}
}

function showFields(type)
{
	for(i=0;i<document.getElementsByClassName('subitem').length;i++)
	{
		document.getElementsByClassName('subitem')[i].style.display = "none";
	}
	if(type == 'kennismaken')
	{
		$('aanleiding_field').style.display = "block";
	}
	if(type == 'interesse')
	{
		$('interesse_field').style.display = "block";
	}
	if(type == 'student')
	{
		$('school_field').style.display = "block";
		$('studie_field').style.display = "block";
		$('reden_field').style.display = "block";
	}
	if(type == 'prive')
	{
		$('prive_field').style.display = "block";
	}
}

function hideSubs()
{
	for(i=0;i<document.getElementsByClassName('subitem').length;i++)
	{
		document.getElementsByClassName('subitem')[i].style.display = "none";
	}
}

function hideField(field)
{
	$(field).style.display = "none";
}

function showField(field)
{
	$(field).style.display = "block";
}

function berekenKosten()
{
	student = "&euro; " + (totaalAantal*5) + ",00";
	overig = "&euro; " + (totaalAantal*10) + ",00";
	
	$('student_kosten').innerHTML = student;
	$('overig_kosten').innerHTML = overig;
}

function showStep(old, nr)
{
	$('step'+old).style.display = "none";
	$('step'+nr).style.display = "block";
}

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

/* Popup voor externe links */

function openWindow(url)
{
	window.open('popup.php?page='+url,'LaVerbe Publicaties','width=740,height=580,scrollbars=yes,toolbar=no,location=no');
}

/* 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;

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;
		}
	}
}