// JavaScript Document
var activeId;
var stap1;
var kopen_voorkeur = new Array();

// error berichten 
function showErrorMsg(obj){
	
	$(".error", "#stap" + activeId).each(function(){
		$(this).removeClass("error");
	});
	
	$(".errorHolder .errorContent", "#stap" + activeId).html(obj.msg);
	$(".errorHolder", "#stap" + activeId).slideDown('fast');
	obj.label.addClass("error");
}
function hideErrorMsg(){
	$(".errorHolder", "#stap" + activeId).hide();
	$(".error", "#stap" + activeId).each(function(){
		$(this).removeClass("error");
	});
}

function jumpTo(id){
	if(id == 8){
		showVerzenden();
	} else {
		hideVerzenden();
	}
	
	if(id > 1){
		showBtns();
	} else {
		hideBtns();
	}
	
	// verberg de actieve tab
	$("#stap" + activeId).hide();
	$("#stappen #" + activeId).removeClass("active");
	
	// toon de opgevraade tab
	$("#stap" + id).show();
	$("#stappen #" + id).addClass("active");
	
	activeId = id;
}

function nextStap(){
	switch(activeId){
		case 1:
			validateStap1();
			break;
		case 2:
			validateStap2();
			break;
		case 3:
			validateStap3();
			break;
		case 4:
			validateStap4();
			break;
		case 5:
			validateStap5();
			break;
		case 6:
			validateStap6();
			break;
		case 7:
			validateStap7();
			break;
		case 8:
			validateStap8();
			break;
	}
}

function previousStap(){
	switch(activeId){
		case 2:
			jumpTo(1);
			break;
		case 3:
			jumpTo(2);
			break;
		case 4:
			jumpTo(3);
			break;
		case 5:
			jumpTo(4);
			break;
		case 6:
			jumpTo(5);
			break;
		case 7:
			jumpTo(6);
			break;
		case 8:
			jumpTo(7);
			break;
	}	
}


function sendMail(){
		// send mail after validation
		$.ajax({
			type: "POST",
			dataType: "json",
			url: "/mailDeelname.asp",
			data: {
			aanhef: $("#stap1_form #aanhef").val(),
			achternaam: $("#stap1_form #achternaam").val(),
			voornaam: $("#stap1_form #voornaam").val(),
			tussenvoegsel: $("#stap1_form #tussenvoegsel").val(),
			email: $("#stap2_form #email").val(),
			voorletters: $("#stap1_form #voorletters").val()},
			
			success: function(msg){
				if(msg.error==0){
					// Email verzonden
					// alert("Het deelname formulier is succesvol verzonden!");
				} else {
					// alert("Er is iets misgegaan tijdens het verzenden van dit formulier, probeer het later nog eens!");
				}
			}
		});
		return false;
}

function saveForm(){
		// send mail after validation
		$.ajax({
			type: "POST",
			dataType: "json",
			url: "/saveDeelname.asp",
			data: {
			aanhef: $("#stap1_form #aanhef").val(),
			achternaam: $("#stap1_form #achternaam").val(),
			deelname_in: $("input[@name=deelname_plaats]:checked").val(),
			voornaam: $("#stap1_form #voornaam").val(),
			achternaam: $("#stap1_form #achternaam").val(),
			tussenvoegsel: $("#stap1_form #tussenvoegsel").val(),
			voorletters: $("#stap1_form #voorletters").val(),
			geboortedatum: $("#stap1_form #geboortedatum_dag").val() + "-" + $("#stap1_form #geboortedatum_maand").val() + "-" + $("#stap1_form #geboortedatum_jaar").val(),
			geboorteplaats: $("#stap1_form #geboorteplaats").val(),
			
			straat: $("#stap2_form #straat").val(),
			huisnummer: $("#stap2_form #huisnummer").val(),
			postbusnummer: $("#stap2_form #postbusnummer").val(),
			postcode: $("#stap2_form #postcode").val(),
			stad: $("#stap2_form #stad").val(),
			telefoon: $("#stap2_form #telefoon").val(),
			mobiel: $("#stap2_form #mobiel").val(),
			email: $("#stap2_form #email").val(),
			opleidingsniveau: $("#stap2_form #opleidingsniveau").val(),
			huidige_functie: $("#stap2_form #huidige_functie").val(),
			in_welke_sector: $("#stap2_form #in_welke_sector").val(),
			nationaliteit: $("#stap2_form #nationaliteit").val(),
			
			dubbel_cult_motivatie: $("#stap3_form #dubbel_cult_motivatie").val(),
			deelname_motivatie: $("#stap3_form #deelname_motivatie").val(),
			
			kennis_van_hedendaagse_kunst: $("input[@name=kennis_van_hedendaagse_kunst]:checked").val(),
			koopt_hedendaagse_kunst: $("input[@name=koopt_hedendaagse_kunst]:checked").val(),
			
			heeft_belangstelling_kunst_omdat: $("#stap5_form #heeft_belangstelling_kunst_omdat").val(),
			heeft_geen_belangstelling_kunst_omdat: $("#stap5_form #heeft_geen_belangstelling_kunst_omdat").val(),
			heeft_belangstelling_nietwesterse_kunst_omdat: $("#stap5_form #heeft_belangstelling_nietwesterse_kunst_omdat").val(),
			heeft_geen_belangstelling_nietwesterse_kunst_omdat: $("#stap5_form #heeft_geen_belangstelling_nietwesterse_kunst_omdat").val(),
			
			kopen: $("input[@name=kopen]:checked").val(),
			kopen_bedrag: $("#stap6_form #kopen_bedrag").val(),
			kopen_voorkeur: kopen_voorkeur.toString(),
			
			kopen_frequent: $("input[@name=kopen_frequent]:checked").val(),
			verantwoordelijk_erfgoed: $("input[@name=verantwoordelijk_erfgoed]:checked").val(),
			verantwoordelijk_erfgoed_omdat: $("#stap7_form #verantwoordelijk_erfgoed_omdat").val(),
			
			intresse_netwerk: $("input[@name=intresse_netwerk]:checked").val(),
			
			intresse_netwerk_naam1: $("#stap8_form #intresse_netwerk_naam1").val(),
			intresse_netwerk_tel1: $("#stap8_form #intresse_netwerk_tel1").val(),
			intresse_netwerk_email1: $("#stap8_form #intresse_netwerk_email1").val(),
			
			intresse_netwerk_naam2: $("#stap8_form #intresse_netwerk_naam2").val(),
			intresse_netwerk_tel2: $("#stap8_form #intresse_netwerk_tel2").val(),
			intresse_netwerk_email2: $("#stap8_form #intresse_netwerk_email2").val(),
			
			intresse_netwerk_naam3: $("#stap8_form #intresse_netwerk_naam3").val(),
			intresse_netwerk_tel3: $("#stap8_form #intresse_netwerk_tel3").val(),
			intresse_netwerk_email3: $("#stap8_form #intresse_netwerk_email3").val()},
			
			success: function(msg){
				if(msg.error==0){
					// Uw gegevens zijn succesvol verzonden!
					alert("Het deelname formulier is succesvol verzonden!");
					tb_remove();
				} else {
					alert("Er is iets misgegaan tijdens het verzenden van dit formulier, probeer het later nog eens!");
				}
			}
		});
		return false;
}

// algemene voorwaarden
var idBeforeAlg;
function showAlgVoorwaarden(){
	idBeforeAlg = activeId;
	jumpTo(99);
	$(".norm").hide();
	$(".nav").hide();
	$(".alge").show();
}
function hideAlgVoorwaarden(){
	jumpTo(idBeforeAlg);
	$(".alge").hide();
	$(".norm").show();
	$(".nav").show();
}


function showBtns(){
	$(".first").hide();
	$(".norm").show();
}
function hideBtns(){
	$(".norm").hide();
	$(".first").show();
}



function hideVerzenden(){
	$(".verz").hide();
	$(".norm").show();
}
function showVerzenden(){
	$(".norm").hide();
	$(".verz").show();
}

function initValidation(){
	//$("#MFAC").show();
	activeId = 1;
	
	// $("#stap1").hide();
	$("#stap2").hide();
	$("#stap3").hide();
	$("#stap4").hide();
	$("#stap5").hide();
	$("#stap6").hide();
	$("#stap7").hide();
	$("#stap8").hide();
	
	$("#stap99").hide();
	
	$(".alge").hide();
	$(".verz").hide();
	$(".norm").hide();
	
	
	$("#anders_motivatie").click(function(){
		$("#stap6_form #anders").attr("checked","checked");
	});
}










// VALIDATIE

function validateStap1(){
	var errors = 0;
	var errorList = new Array();
	
	if(!$("#stap1_form #deelname:checked").val()){
		errors++;
		errorList.push({msg:'U heeft zich nog niet opgegeven voor het trainingsprogramma My first Art Collection', label:$("label[@for=nothing]")});
	}
	if(!$("input[@name=deelname_plaats]:checked").val()){
		errors++;
		errorList.push({msg:'U heeft aangegeven dat u graag wilt deelnemen aan het trainingprogramma My first Art Collection, kies in elke stad u wilt deelnemen.', label:$("label[@for=nothing]")});
	}
	if($("#stap1_form #aanhef").val() == ""){
		errors++;
		errorList.push({msg:'Het is noodzakelijk voor de voltooiing van dit formulier dat u uw aanhef selecteerd uit de lijst', label:$("label[@for=voornaam]")});
	}
	if($("#stap1_form #voornaam").val() == ""){
		errors++;
		errorList.push({msg:'Het is noodzakelijk voor de voltooiing van dit formulier dat u uw voornaam invult', label:$("label[@for=voornaam]")});
	}
	if($("#stap1_form #achternaam").val() == ""){
		errors++;
		errorList.push({msg:'Het is noodzakelijk voor de voltooiing van dit formulier dat u uw achternaam invult', label:$("label[@for=achternaam]")});
	}
	
	var date = new Date();
	
	if(Number($("#stap1_form #geboortedatum_dag").val()) < 1 || Number($("#stap1_form #geboortedatum_dag").val()) > 31 ||
		Number($("#stap1_form #geboortedatum_maand").val()) < 1 || Number($("#stap1_form #geboortedatum_maand").val()) > 12 ||
		Number($("#stap1_form #geboortedatum_jaar").val()) < (date.getFullYear() - 110) || Number($("#stap1_form #geboortedatum_jaar").val()) > date.getFullYear()){
		errors++;
		errorList.push({msg:'Uw geboortedatum is geen geldige datum, vul de datum nogmaals in in het formaat: dag-maand-jaar.', label:$("label[@for=geboortedatum_dag]")});
	}
	
	if($("#stap1_form #geboorteplaats").val() == ""){
		errors++;
		errorList.push({msg:'Het is noodzakelijk voor de voltooiing van dit formulier dat u uw geboorteplaats invult', label:$("label[@for=geboorteplaats]")});
	}
	
	
	if(errors){
		showErrorMsg(errorList[0]);
	} else {
		hideErrorMsg();
		jumpTo(2);
	}
}

function validateStap2(){
	var errors = 0;
	var errorList = new Array();

	if($("#stap2_form #straat").val() == ""){
		errors++;
		errorList.push({msg:'Het is noodzakelijk voor de voltooiing van dit formulier dat u uw straat naam invult', label:$("label[@for=straat]")});
	}
	if($("#stap2_form #huisnummer").val() == ""){
		errors++;
		errorList.push({msg:'Het is noodzakelijk voor de voltooiing van dit formulier dat u uw huisnummer invult', label:$("label[@for=huisnummer]")});
	}
	if($("#stap2_form #postcode").val() == ""){
		errors++;
		errorList.push({msg:'Het is noodzakelijk voor de voltooiing van dit formulier dat u uw postcode invult', label:$("label[@for=postcode]")});
	}
	if($("#stap2_form #stad").val() == ""){
		errors++;
		errorList.push({msg:'Het is noodzakelijk voor de voltooiing van dit formulier dat u de naam van de stad waar u woont invuld', label:$("label[@for=stad]")});
	}
	if($("#stap2_form #mobiel").val() == ""){
		errors++;
		errorList.push({msg:'Het is noodzakelijk voor de voltooiing van dit formulier dat u uw mobiele nummer invult', label:$("label[@for=mobiel]")});
	}
	if($("#stap2_form #email").val() == ""){
		errors++;
		errorList.push({msg:'Het is noodzakelijk voor de voltooiing van dit formulier dat u uw email invult', label:$("label[@for=email]")});
	}
	
	if($("#stap2_form #opleidingsniveau").val() == ""){
		errors++;
		errorList.push({msg:'Het is noodzakelijk voor de voltooiing van dit formulier dat u uw opleidingsniveau invult', label:$("label[@for=opleidingsniveau]")});
	}
	if($("#stap2_form #huidige_functie").val() == ""){
		errors++;
		errorList.push({msg:'Het is noodzakelijk voor de voltooiing van dit formulier dat u uw huidige_functie invult', label:$("label[@for=huidige_functie]")});
	}
	if($("#stap2_form #in_welke_sector").val() == ""){
		errors++;
		errorList.push({msg:'Het is noodzakelijk voor de voltooiing van dit formulier dat u invult in welke sector u werkzaam bent', label:$("label[@for=in_welke_sector]")});
	}
	
	if(errors){
		showErrorMsg(errorList[0]);
	} else {
		hideErrorMsg();
		jumpTo(3);
	}
}
function validateStap3(){
	var errors = 0;
	var errorList = new Array();
	
	
	if(!$("input[@name=dubbel_cult]:checked").val()){
		errors++;
		errorList.push({msg:'Het is noodzakelijk voor de voltooiing van dit formulier dat u aangeeft of u een dubbel cultureel profiel heeft', label:$("label[@for=nothing]")});
	}
	if($("#stap3_form  #dubbel_cult_ja[@name=dubbel_cult]:checked").val()){
		if($("#stap3_form #dubbel_cult_motivatie").val() == ""){
			errors++;
			errorList.push({msg:'U heeft aangegeven dat u een dubbel cultureel profiel heeft, geef aan welke cultureel profiel u heeft', label:$("label[@for=nothing]")});
		}
	}
	
	if($("#stap3_form #deelname_motivatie").val() == ""){
		errors++;
		errorList.push({msg:'Het is noodzakelijk voor de voltooiing van dit formulier dat u omschijft waarom u zou willen deelnemen aan dit programma', label:$("label[@for=nothing]")});
	}
	
	
	if(errors){
		showErrorMsg(errorList[0]);
	} else {
		hideErrorMsg();
		jumpTo(4);
	}
}
function validateStap4(){
	var errors = 0;
	var errorList = new Array();
	
	
	if(!$("input[@name=kennis_van_hedendaagse_kunst]:checked").val()){
		errors++;
		errorList.push({msg:'Kies uit een van de opties hoe u uw kennis van <strong>hedendaagse</strong> kunst omschijft', label:$("label[@for=nothing]")});
	}
	
	if(!$("input[@name=koopt_hedendaagse_kunst]:checked").val()){
		errors++;
		errorList.push({msg:'Kies uit een van de opties of u momenteel <strong>hedendaagse</strong> koopt', label:$("label[@for=nothing]")});
	}
	
	if(errors){
		showErrorMsg(errorList[0]);
	} else {
		hideErrorMsg();
		jumpTo(5);
	}
}

function validateStap5(){
	var errors = 0;
	var errorList = new Array();
	
	if($("input[@name=westerse]:checked").val()){
		if($("#stap5_form #heeft_belangstelling_kunst_omdat").val() == "" && $("#stap5_form #heeft_geen_belangstelling_kunst_omdat").val() == ""){
			errors++;
			errorList.push({msg:"Geef een motivatie waarom u wel of niet belangstelling heeft voor <strong>hedendaagse</strong> 'westerse' kunst", label:$("label[@for=nothing]")});
		}
	} else {
		errors++;
		errorList.push({msg:"Het is noodzakelijk voor de voltooiing van dit formulier dat u aangeeft of u belangstelling heeft voor <strong>hedendaagse</strong> 'westerse' kunst", label:$("label[@for=nothing]")});
	}
	
	if($("input[@name=nietwesterse]:checked").val()){
		if($("#stap5_form #heeft_belangstelling_nietwesterse_kunst_omdat").val() == "" && $("#stap5_form #heeft_geen_belangstelling_nietwesterse_kunst_omdat").val() == ""){
			errors++;
			errorList.push({msg:"Geef een motivatie waarom u wel of niet belangstelling heeft voor <strong>hedendaagse</strong> 'niet-westerse' kunst", label:$("label[@for=nothing]")});
		}
	} else {
		errors++;
		errorList.push({msg:"Het is noodzakelijk voor de voltooiing van dit formulier dat u aangeeft of u belangstelling heeft voor <strong>hedendaagse</strong> 'niet-westerse' kunst", label:$("label[@for=nothing]")});
	}
	
	
	if(errors){
		showErrorMsg(errorList[0]);
	} else {
		hideErrorMsg();
		jumpTo(6);
	}
}

function validateStap6(){
	var errors = 0;
	var errorList = new Array();
	
	
	if(!$("input[@name=kopen]:checked").val()){
		errors++;
		errorList.push({msg:'Kies uit een van de opties of u van plan bent om tijdens het trainingprogramma <strong>hedendaagse</strong> te gaan kopen', label:$("label[@for=nothing]")});
	}
	if($("#stap6_form #ja1[@name=kopen]:checked").val()){
		if($("#stap6_form #kopen_bedrag").val() == ""){
			errors++;
			errorList.push({msg:'U heeft aangegeven dat u een van plan bent om tijdens het trainingprogramma <strong>hedendaagse</strong> te gaan kopen, vul in welk bedrag u ongeveer zou willen/kunnen reserveren om kunst aan te kopen', label:$("label[@for=nothing]")});
		}
	}

	if($("#stap6_form #ja1[@name=kopen]:checked").val()){
		if(!$("input[@name=kopen_voorkeur]:checked").val()){
			errors++;
			errorList.push({msg:'U heeft aangegeven dat u een van plan bent om tijdens het trainingprogramma <strong>hedendaagse</strong> te gaan kopen, kies welke vorm(en) van <strong>hedendaagse</strong> kunst uw voorkeur geniet', label:$("label[@for=nothing]")});
		}
	}

	kopen_voorkeur = new Array();
	$("input[@name=kopen_voorkeur]:checked").each(function(){
		if($(this).val() == "anders"){
			kopen_voorkeur.push($("#stap6_form #anders_motivatie").val());
		} else {
   			kopen_voorkeur.push($(this).val());
		}
  	});
	
	if(errors){
		showErrorMsg(errorList[0]);
	} else {
		hideErrorMsg();
		jumpTo(7);
	}
}
function validateStap7(){
	var errors = 0;
	var errorList = new Array();
	
	
	if(!$("input[@name=kopen_frequent]:checked").val()){
		errors++;
		errorList.push({msg:'Kies uit een van de opties of u na afloop van het trainingprogramma frequent hedendaagse kunstwerken zal kopen', label:$("label[@for=nothing]")});
	}
	if(!$("input[@name=verantwoordelijk_erfgoed]:checked").val()){
		errors++;
		errorList.push({msg:'Kies uit een van de opties of u zich verantwoordelijk voelt voor het (toekomstige) kunstklimaat/cultureel erfgoed van Nederland', label:$("label[@for=nothing]")});
	}

	
	if(errors){
		showErrorMsg(errorList[0]);
	} else {
		hideErrorMsg();
		jumpTo(8);
	}
}
function validateStap8(){
	var errors = 0;
	var errorList = new Array();

	if(!$("#algemenevoorwaarden:checked").val()){
		errors++;
		errorList.push({msg:'U moet de <a href="#" onClick="showAlgVoorwaarden()" title="algemene voorwaarden">algemene voorwaaarden</a> accepteren!', label:$("label[@for=nothing]")});
	}

	if(errors){
		showErrorMsg(errorList[0]);
	} else {
		hideErrorMsg();
		sendMail();
		saveForm();
	}
}