/*
*	
*
*
*
*/	
	
	function init_boxes() {
	
		$('#akt_typ').change(change_aktivitet);
		$('#typer_cykling').change(change_cykelaktivitet);
		$('#typer_paddling').change(change_paddlingaktivitet);
		$('#typer_klattring').change(change_klattringaktivitet);
		
		$('#div_aktivitet select').change(function () {
			if (this.value) {
				show_rest_of_form();
			}
			else {
				hide_rest_of_form();
			}
			
		
		});
		$('#antal_deltagare').keyup(function (e) {
			var antal = $('#antal_deltagare').attr('value');
			
			if (e.which) {
				key_pressed = e.which;
			}
			else if (e.keycode) {
				key_pressed = e.keycode;
			}
			
			//alert("key_pressed" + key_pressed);
			
			if ( (key_pressed < 58 && key_pressed > 47) || (key_pressed < 105 && key_pressed > 96) ) {
				change_antal_deltagare(antal);
				
				// Time out -	OBS : ger konstiga jquery-fel (?) eller inte...
				//setTimeout("move_focus_first_part()", 1700);	
				//setTimeout("alert('Hello?')", 500);
			}
		});
		
	
	}//end function init_boxes
	
	//<-- STARTUP CODE -->
	$(document).ready(function(){
	
	// DEBUG
	
	
	//--[ VALIDATE FORM ]---------------------------------------------
	
		//--- Beställning av månadsbrev ---------
	
		// validate the form when it is submitted
		$("#kontakt_form_kompakt").validate({
			wrapper: 'p',
			meta: "validate",
			errorLabelContainer: $("#kontakt_form_kompakt div.error"),
			submitHandler: function() {
			
				$('#econtainer #econtainer_typer').empty()	// Temp storage
				$.each($('#div_akt_val #div_under_typer select:hidden'), function () {
					//	Flytta icke använda select-boxar till en container div utanför formuläret.
					//	Flyttas tillbaka nedan
					$('#econtainer #econtainer_typer').append($(this).clone());
					$(this).remove();
					
				});
				
				$('#econtainer #econtainer_aktivitet').empty()	// Temp storage
				$.each($('#div_akt_val #div_aktivitet select:hidden'), function () {
					//	Flytta icke använda select-boxar till en container div utanför formuläret.
					//	Flyttas tillbaka nedan
					$('#econtainer #econtainer_aktivitet').append($(this).clone());
					$(this).remove();
					
				});
				
				
				if ( send_message('kontakt_form_kompakt') ) {
					//if ( 1==1 ){
					// send_message rensar själv formuläret. Alla element med .userinput. .resetcheckbox sätt till unchecked
					// Kompletterar här med att flytta tillbaka select-boxar och gömma de som inte behövs för att
					// starta en ny bokning.
					
					$('#econtainer #econtainer_typer select').appendTo('#div_akt_val #div_under_typer');
					$('#econtainer #econtainer_typer').empty();
					$('#econtainer #econtainer_aktivitet select').appendTo('#div_akt_val #div_aktivitet');
					$('#econtainer #econtainer_aktivitet').empty();
					
					$('#div_akt_val #div_under_typer select').hide();
					$('#div_akt_val #div_aktivitet select').hide();
					$('#div_akt_val #div_akt_typ select').attr('value', '');
					
					
					$('#rest_of_form')
					$('#rest_of_form').hide();
					
					init_boxes();
					
				}	
				
			}
		});
	
	
	//--[ INITIERA SELECT-BOXAR FÖR AKTIVITETER ]---------------------------------------------
		init_boxes();
	
		// Formating
		$.each( $('table tr'), function (){
			$(this).find('td:first').css('width', '110px');
		});
	
	});
	
			
	
	//<-- LOCAL FUNCTIONS -->
	function move_focus_first_part  () {
	$('#' + 'my_form\\[2\\]\\[data\\]').focus();
	}
	function change_aktivitet () {
	var aktivitet = $('#akt_typ').attr('value');
	//alert("aktivitet: " + aktivitet);
	
	// 1. Dölj samtliga select-listor i div_under_typer
	$('#div_under_typer select').css('display', 'none');
	$('#div_aktivitet select').css('display', 'none');
	$('#rest_of_form').css('display', 'none');
	
	
	// 2. Visa rätt select för vald aktivitet
	switch (aktivitet) {
		case 'Paddling':
			$('#typer_paddling').css('display', 'block');
			break;
	
		case 'Cykling':
			$('#typer_cykling').css('display', 'block');
			break;
		
		case 'Klattring':
			$('#typer_klattring').css('display', 'block');
			break;
	
	}//end switch	
		
	}//end function change_aktivitet
	
	
	//---------------------------------------------------------------------------------
			
	function change_cykelaktivitet () {
	var aktivitet = $('#typer_cykling').attr('value');
	//alert("aktivitet: " + aktivitet);
	
	// 1. Dölj samtliga select-listor i div_aktivitet
	$('#div_aktivitet select').css('display', 'none');
	$('#rest_of_form').css('display', 'none');
	
	
	// 2. Visa rätt select för vald aktivitet
	switch (aktivitet) {
		case 'Guidad_tur':
			$('#aktivitet_cykling_guidad_tur').css('display', 'block').attr('value', '');
			break;
		case 'Hyra_cykel':
			show_rest_of_form();
			break;
	}//end switch	
		
	}//end function change_cykelaktivitet
	
	//---------------------------------------------------------------------------------
			
	
	//---------------------------------------------------------------------------------
	
	function change_paddlingaktivitet () {
	var aktivitet = $('#typer_paddling').attr('value');
	
	// 1. Dölj samtliga select-listor i div_aktivitet
	$('#div_aktivitet select').css('display', 'none');
	$('#rest_of_form').css('display', 'none');
	
	// 2. Visa rätt select för vald aktivitet
	switch (aktivitet) {
		case 'Guidad_tur':
			$('#aktivitet_paddling_guidad_tur').css('display', 'block').attr('value', '');
			break;
		case 'Kurs':
			$('#aktivitet_paddling_kurs').css('display', 'block').attr('value', '');
			break;
		case 'Hyra':
			show_rest_of_form();
			break;
	}//end switch	
		
	}//end function change_cykelaktivitet
	
	//---------------------------------------------------------------------------------		
	
	
	//---------------------------------------------------------------------------------
	
	function change_klattringaktivitet () {
	var aktivitet = $('#typer_klattring').attr('value');
	//alert("aktivitet: " + cykelaktivitet);
	
	// 1. Dölj samtliga select-listor i div_aktivitet
	$('#div_aktivitet select').css('display', 'none');
	$('#rest_of_form').css('display', 'none');
	
	
	// 2. Visa rätt select för vald aktivitet
	switch (aktivitet) {
		case 'Prova_pa':
			$('#aktivitet_klattring_prova_pa').css('display', 'block').attr('value', '');
			break;
			
		case 'Kurs':
			$('#aktivitet_klattring_kurs').css('display', 'block').attr('value', '');
			break;
		case 'Prova_pa_klattring':
			show_rest_of_form();
			break;
	
	}//end switch	
		
	}//end function change_cykelaktivitet
	
	//---------------------------------------------------------------------------------			
	
	
	function show_rest_of_form () {
	// Visar från första deltagaren och vidare
	$('#rest_of_form').css('display', 'block');
	$('#startdatum').focus();
	}
	
	function hide_rest_of_form () {
	// Visar från första deltagaren och vidare
	$('#rest_of_form').css('display', 'none');
	
	}
	
	
	//---------------------------------------------------------------------------------
	
	function change_antal_deltagare (antal) {
	//var antal = $('#antal_deltagare').attr('value');
	
	
	
	// Time out för att hinna ta emot tvåsiffrigt ?
	
	// 1. Om antal är större än noll - visa deltagare-formulären
	if ( antal > 0 ) {
		show_deltagare(antal);
	}
	else {
		hide_deltagare();
	}
	
	
	
		
	}//end function change_cykelaktivitet
	
	//---------------------------------------------------------------------------------		
	function show_deltagare (antal) {
	
	// 1. Visa container och huvudansvarig
	$('#deltagare').css('display', 'block');
	
	
	// 2. Ska vi visa flera deltagare?
	if ( antal > 1) {
		antal--;	// Ta ej med första här. En deltagare skall alltid vara med.
		
		// 1. Ska det visas fler extradeltagare än de som är synliga nu?
		var existing = $('#fler_deltagare .extra_deltagare').length;
		//alert("existing: " + existing);
		
		if (existing < antal) {
			// Lägg till så många deltagare som vi behöver
			var ny_deltagare = "";
		
			for (i=0; i < (antal - existing); i++) {
				ny_deltagare = $('#template_extra_deltagare').clone();
				
				$(ny_deltagare).attr('id', '');				// Ta bort #template_extra_deltagare
				ny_deltagare.appendTo('#fler_deltagare');
				ny_deltagare.css('display', 'block');
				
			}//end for i
			
			// Numrera om räknare + name attributes
			var nr = 2;
			var name_nr = 0;
			var name_attr = "";
			$.each( $('#fler_deltagare .extra_deltagare'), function () {
	
				$(this).find('h1 span').text(nr);
				nr++;
				
				$.each( $(this).find('input') , function () {
					name_attr = $(this).attr('name');
					name_attr = name_attr.replace(/0/, name_nr);
					$(this).attr('name', name_attr);
					$(this).attr('id', name_attr);
					
				});
				
				name_nr++;
				
				
				//$(this).find('h1 span').text(nr + " " + name_attr);
			});
			
			
			
			
		}//end if
		else if (existing > antal) {
		
			// Plocka bort
			var remove_from = existing - (existing - antal) - 1;		//gt() is zero-based
			//alert("Remove extra!" + existing + ", " + antal + " = " + remove_from);
			$('#fler_deltagare .extra_deltagare:gt(' + remove_from + ')').remove()
			
		}
	
	}				
	else if (antal == 1 ){
		if ( $('#fler_deltagare .extra_deltagare').length ){
			$('#fler_deltagare .extra_deltagare').remove()
		}
	}
						
	}//end function show_deltagare
	
	
	function hide_deltagare () {
	
	// 1. Vis container och huvudansvarig
	$('#deltagare').css('display', 'hide');
	
	}//end function show_deltagare