$(document).ready(function() {
	// Skjul kursdetaljer som standard
	$(".kurs .kursdetaljer").css("display","none");
	
	// Vis / skjul kursdetaljer på klikk
	$(".lesmeromkurs").toggle(function () {
		$(this).siblings("div.kursdetaljer").animate({
			height: 'toggle'
		},{
			duration: 500
		});
	}, 
	function() {
		$(this).siblings("div.kursdetaljer").animate({
			height: 'toggle'
		},
		{
			duration: 500
		});
	});

	// Legg til mulighet for flere deltakere i påmeldingsskjema
	var teller = 1;
	$("#leggtildeltaker").bind('click', function() {
		teller += 1;
		data = '<tr>'
             + '	<td class="odd"><input id="fornavn_' + teller + '" class="fornavn" type="text" name="ekstradeltaker[' + teller + '][fornavn]" /></td>'
             + '	<td class="even"><input id="etternavn_' + teller + '" class="etternavn" type="text" name="ekstradeltaker[' + teller + '][etternavn]" /></td>'
             + '	<td class="odd"><input id="epost_' + teller + '" class="epost" type="text" name="ekstradeltaker[' + teller + '][epost]" /></td>'
             + '	<td class="even"><input id="mobil_' + teller + '" class="mobil" type="text" name="ekstradeltaker[' + teller + '][mobil]" /></td>'
             + '	<td class="odd"><span class="fjernlinje">Fjern</span></td>'
             + '</tr>';
        $("#fleredeltakere tr:last").after(data);
	});
	
	// Valider lite skjema før innsendelse
	$('form#boligskolen').submit(function(event) {
		// Fjern eventuelle feilmeldinger først
		$(".feilmelding").remove();
		
		var skjema_ok 			= false;
		//var kurs_ok 			= false;
		var deltaker_ok 		= false;
		var andre_deltakere_ok 	= false;
	
		//if (sjekk_kurs ("#kursoversikt")) {
		//	kurs_ok = true;
		//} else {
		//	var feilmelding = '<div id="feilmelding" class="feilmelding">'
		//					+ '	Du må velge et kurs før du kan sende kurspåmeldingen'
		//					+ '</div>';
		//	$("#kursoversikt").before(feilmelding);
		//	window.location = '#feilmelding';
		//}
		if (sjekk_deltaker ("#boligskolenDeltakertabell")) {
			deltaker_ok = true;
		}
		if (sjekk_andre_deltakere ("#fleredeltakere")) {
			andre_deltakere_ok = true;
		}

		//if (kurs_ok && deltaker_ok && andre_deltakere_ok) {
		if (deltaker_ok && andre_deltakere_ok) {
			return true;
		} else {
			event.preventDefault ();
			return false;
		}
	});
	
	// Valider stort skjema før innsendelse
	$('form#storpaamelding').submit(function(event) {
		// Fjern eventuelle feilmeldinger først
		$(".feilmelding").remove();
		
		var skjema_ok 			= false;
		var kurs_ok 			= false;
		var deltaker_ok 		= false;
		var andre_deltakere_ok 	= false;
	
		if (sjekk_kurs ("#kursoversikt")) {
			kurs_ok = true;
		} else {
			var feilmelding = '<div id="feilmelding" class="feilmelding">'
							+ '	Du må velge et kurs før du kan sende kurspåmeldingen'
							+ '</div>';
			$("#kursoversikt").before(feilmelding);
			window.location = '#feilmelding';
		}
		if (sjekk_deltaker ("#kurspameldingsskjema")) {
			deltaker_ok = true;
		}
		if (sjekk_andre_deltakere ("#fleredeltakere")) {
			andre_deltakere_ok = true;
		}
		if (kurs_ok && deltaker_ok && andre_deltakere_ok) {
			return true;
		} else {
			event.preventDefault ();
			return false;
		}
	});
	
	// Fjern andre deltakere linjer
	$('.fjernlinje').live('click', function() {
		$(this).parents('tr').remove();
	});
});



/**
 * Sjekk om et eller flere kurs er valgt
 * @param element
 * 	Element med input felt
 * @return bool
 */
function sjekk_kurs (element) {
	var kurs_ok = false;
	$(element).find('input[type=checkbox]').each(function() {
		if ($(this).is(':checked')) {
			kurs_ok = true;
		}
	});
	return kurs_ok;
}



/**
 * Sjekk deltakere
 * @param element
 * 	Element med input felt
 * @return bool
 */
function sjekk_deltaker (element) {
	var deltaker_ok = false;
	$(element).find('input[type=text]').each(function() {
		if ($(this).is('#frm_DATA_ALPH_1')) {
			if ($(this).val() == '') {
				$(this).css('border','1px solid #eca0a0');
				$(this).css('background-color','#f8e0e0');
				deltaker_ok = false;
			} else {
				$(this).css('border','1px solid #333333');
				$(this).css('background-color','#ffffff');
				deltaker_ok = true;
			}
		}
		else if ($(this).is('#frm_kontaktperson_fornavn')) {
			if ($(this).val() == '') {
				$(this).css('border','1px solid #eca0a0');
				$(this).css('background-color','#f8e0e0');
				deltaker_ok = false;
			} else {
				$(this).css('border','1px solid #333333');
				$(this).css('background-color','#ffffff');
				deltaker_ok = true;
			}
		}
		else if ($(this).is('#frm_kontaktperson_etternavn')) {
			if ($(this).val() == '') {
				$(this).css('border','1px solid #eca0a0');
				$(this).css('background-color','#f8e0e0');
				deltaker_ok = false;
			} else {
				$(this).css('border','1px solid #333333');
				$(this).css('background-color','#ffffff');
				deltaker_ok = true;
			}
		}
		else if ($(this).is('#frm_telefon_3')) {
			if ($(this).val() == '') {
				$(this).css('border','1px solid #eca0a0');
				$(this).css('background-color','#f8e0e0');
				deltaker_ok = false;
			} else {
				$(this).css('border','1px solid #333333');
				$(this).css('background-color','#ffffff');
				deltaker_ok = true;
			}
		}
	});
	return deltaker_ok;
}



/**
 * Sjekk andre deltakere
 * @param element
 * 	Element med input felt
 * @return bool
 */
function sjekk_andre_deltakere (element) {
	var antall_linjer = $(element).find('tr').length;
	var andre_deltakere_ok = false;
	$(element).find('tr').each(function(e) {
		if ((antall_linjer > 2) && (e < antall_linjer-1)) {
			if (sjekk_rad ($(this))) {
				andre_deltakere_ok = true;
			} else {
				andre_deltakere_ok = false;
			}
		} else {
			// resett bakgrunner
			$(this).find('td input').each(function(f) {
				$(this).css('border','1px solid #333333');
				$(this).css('background-color','#ffffff');
				andre_deltakere_ok = true;
			});
		}
	});
	return andre_deltakere_ok;
}



/**
 * Sjekk rad av input felt
 * @param element
 * 	Element med input felt
 * @return bool
 */
function sjekk_rad (element) {
	var rad_ok = true;
	var e = element.get(0);
	$(e).find('td input').each(function(f) {
		if ($(this).val() == '') {
			$(this).css('border','1px solid #eca0a0');
			$(this).css('background-color','#f8e0e0');
			rad_ok = false;
		} else {
			$(this).css('border','1px solid #333333');
			$(this).css('background-color','#ffffff');
			rad_ok = true;
		}
	});
	return rad_ok;
}