$(document).ready(function() {
	
	setMasks();
	
	var validator = $("#application-schema").validate({
		errorElement: "p",
		rules: {
			fornavn: "required",
			etternavn: "required",
			fodselsdato: "required",
			epost: {
				email: true,
				required: true
			},
			kontonummer: "required",
			adresse1: "required",
			postnr1: "required",
			poststed1: "required",
			studiested: "required",
			studieplassNavn: "required",
			land: "required",
			studieretning: "required",
			karakter: "required",
			begynt: "required",
			avsluttet: "required",
			stillingFar: "required",
			stillingMor: "required",
			inntektFar: "required",
			inntektMor: "required",
			inntektS: "required",
			formueFar: "required",
			formueMor: "required",
			formueS: "required",
			studiegjeld: "required",
			belop: "required"
		},
		messages: {
			fornavn: "Fornavn er påkrevd",
			etternavn: "Etternavn er påkrevd",
			fodselsdato: "Fødselsdato er påkrevd",
			epost: "E-post er påkrevd",
			kontonummer: "Kontonummer er påkrevd",
			adresse1: "Adresse for hjemsted er påkrevd",
			postnr1: "Postnummer for hjemsted er påkrevd",
			poststed1: "Poststed for hjemsted er påkrevd",
			studiested: "Studiested må fylles ut",
			studieplassNavn: "Skolens navn må fylles ut",
			land: "Land må fylles ut",
			studieretning: "Studieretning må fylles ut",
			karakter: "En Gj.sn.karakter må fylles ut",
			begynt: "En dato for når studiet begynte er påkrevd",
			avsluttet: "En dato for når studiet skal være avsluttet er påkrevd",
			stillingFar: "Stilling til far må oppgis",
			stillingMor: "Stilling til mor må oppgis",
			inntektFar: "Innktekt til far må oppgis",
			inntektMor: "Inntekt til mor må oppgis",
			inntektS: "Inntekt til søker må oppgis",
			formueFar: "Nettoformue til far må oppgis",
			formueMor: "Nettoformue til mor må oppgis",
			formueS: "Nettoformue til søker må oppgis",
			studiegjeld: "Søkers studiegjeld må oppgis",
			belop: "Du må angi et beløp"
		}
		
	});
});

function confirmApplication() {
	var confirmMessage = confirm('Har du printet ut søknaden? Vi anbefaler deg å gjøre dette nå før du bekrefter. Søknaden skal merkes med løpenummeret du mottar i neste skjermbilde og legges ved dokumentene som skal ettersendes. Vil du bekrefte?');
	
	if(confirmMessage)
		return true;
	else
		return false;
}

function setMasks() {
    $('#inntektFar').setMask();
	$('#inntektMor').setMask();
    $('#inntektS').setMask();
	$('#formueFar').setMask();
	$('#formueMor').setMask();
	$('#formueS').setMask();
	$('#studiegjeld').setMask();
	$('#belop').setMask();
	$('#fodselsdato').setMask({mask:'99.99.9999'});
	$('#begynt').setMask({mask:'99.99.9999'});
	$('#avsluttet').setMask({mask:'99.99.9999'});
	$('#kontonummer').setMask({mask:'9999 99 99999'});
	$('#postnr1').setMask({mask:'9999'});
	$('#postnr2').setMask({mask:'9999'});
}

function addFormField() {
	var id = document.getElementById("id").value;
	
	$("#studys").append("<span id='row" + id + "'><input type='text' size='20' name='studieSteder[]' id='txt" + id + "'> <a href='#' onClick='removeFormField(\"#row" + id + "\"); return false;'>Slett</a><br /></span>");

	$("#row" + id).highlightFade({
		speed:1000
	});

	id = (id - 1) + 2;
	document.getElementById("id").value = id;
}

function removeFormField(id) {
	$(id).remove();
}

function addVerv() {
	var id = document.getElementById("id").value;
	
	$("#vervs").append('<span id="row' + id + '"><textarea name="verv[]" id="txt' + id + '"></textarea><a href="#" onClick="removeFormField(\'#row' + id + '\'); return false;">Slett</a><br /></span>');	
}

function showBelop() {
	$("#belop").html('');
	$("#belop").append('<label>Oppgi bel&oslash;p <span class="required">*</span></label> <br /> <input type="text" name="belop" id="belop" alt="decimal" value="" />');	
	setMasks();
}

function removeBelop() {
	$("#belop").html('');
	setMasks();
}

function changeLive() {
	$("#status").html('<label>Hvem er ikke i live <span class="required">*</span></label><br /> <select name="live" id="live" onClick="alterForm(this.value);"> <option value="">Velg</option> <option value="far">Far</option> <option value="mor">Mor</option> <option value="begge">Begge</option> </select>');
}

function addLive() {
	$("#status").html('<label>Deres sivilstand <span class="required">*</span></label> <br /> <select name="sivilstand" id="sivilstand"> <option value="gift">Gift</option> <option value="samboere">Samboere</option> <option value="skilt">Skilt</option> </select>');
	
	$("#ifar").html('<input type="text" name="inntektFar" id="inntektFar" alt="decimal" value="" />');
	$("#ifarl").html('Alminnelig inntekt far <span class="required">*</span>');
	$("#sfar").html('<label>Stilling far <span class="required">*</span></label> <br /> <input type="text" name="stillingFar" id="stillingFar" value="" />');
	$("#ffarl").html('Nettoformue far <span class="required">*</span>');
	$("#ffar").html('<input type="text" name="formueFar" id="formueFar" alt="decimal" value="" />');
	$("#smor").html('<label>Stilling mor <span class="required">*</span></label> <br /> <input type="text" name="stillingMor" id="stillingMor" value="" />');
	$("#imorl").html('Alminnelig inntekt mor <span class="required">*</span>');
	$("#imor").html('<input type="text" name="inntektMor" id="inntektMor" alt="decimal" value="" />');
	$("#fmorl").html('Nettoformue mor <span class="required">*</span>');
	$("#fmor").html('<input type="text" name="formueMor" id="formueMor" alt="decimal" value="" />');
	
	setMasks();
}

function alterForm(value) {
	var type = value;
	switch(type) {
		case "mor":
			$("#smor").html('');
			$("#imor").html('');
			$("#imorl").html('');
			$("#fmorl").html('');
			$("#fmor").html('');
			
			$("#ifar").html('<input type="text" name="inntektFar" id="inntektFar" alt="decimal" value="" />');
			$("#ifarl").html('Alminnelig inntekt far <span class="required">*</span>');
			$("#sfar").html('<label>Stilling far <span class="required">*</span></label> <br /> <input type="text" name="stillingFar" id="stillingFar" value="" />');
			$("#ffarl").html('Nettoformue far <span class="required">*</span>');
			$("#ffar").html('<input type="text" name="formueFar" id="formueFar" alt="decimal" value="" />');
			
			setMasks();
		break;
		case "far":
			$("#sfar").html('');
			$("#ifar").html('');
			$("#ifarl").html('');
			$("#ffarl").html('');
			$("#ffar").html('');
			
			$("#smor").html('<label>Stilling mor <span class="required">*</span></label> <br /> <input type="text" name="stillingMor" id="stillingMor" value="" />');
			$("#imorl").html('Alminnelig inntekt mor <span class="required">*</span>');
			$("#imor").html('<input type="text" name="inntektMor" id="inntektMor" alt="decimal" value="" />');
			$("#fmorl").html('Nettoformue mor <span class="required">*</span>');
			$("#fmor").html('<input type="text" name="formueMor" id="formueMor" alt="decimal" value="" />');
			
			setMasks();
		break;
		case "begge":
			$("#sfar").html('');
			$("#ifar").html('');
			$("#ifarl").html('');
			$("#ffarl").html('');
			$("#ffar").html('');
			$("#smor").html('');
			$("#imor").html('');
			$("#imorl").html('');
			$("#fmorl").html('');
			$("#fmor").html('');
			
			setMasks();
		break;
	}
}