Event.observe(window, 'load', function() { //SE TILL ATT SIDAN LADDAT KLART
	// 1. SÄTT FOKUS PÅ FÖRSTA INMATNINGSFÄLTET
	Form.focusFirstElement('kontakt');
	// 2. LYSSNARE. LYSSNA EFTER SPECIFIKA HÄNDELSER
	Event.observe('kontakt','submit',submitForm); // skicka formuläret
	Event.observe('namn','blur',function(e){ checkValue('namn');});
	Event.observe('adress','blur',function(e){ checkValue('adress');});
	Event.observe('padress','blur',function(e){ checkValue('padress');});
	Event.observe('telefon','blur',function(e){ checkValue('telefon');});
	Event.observe('mobil','blur',function(e){ checkValue('mobil');});
	Event.observe('epost','blur',function(e){ checkValue('epost');});
	Event.observe('bnamn','blur',function(e){ checkValue('bnamn');});
	Event.observe('bfdat','blur',function(e){ checkValue('bfdat');});
	Event.observe('bstatus','blur',function(e){ checkValue('bstatus');});
	Event.observe('termin','blur',function(e){ checkValue('termin');});
	Event.observe('tid','blur',function(e){ checkValue('tid');});
//	Event.observe('meddelande','blur',function(e){ checkValue('meddelande');});
});
	// 3. DEFINIERA FELMEDDELANDEN
	var errMess = new Array();
	errMess['namn']       = "Ange ditt namn";
	errMess['adress']     = "Ange din adress";
	errMess['padress']    = "Ange din postadress";
	errMess['telefon']    = "Ange ditt hemtelefonnr";
	errMess['mobil']      = "Ange ditt mobilnr";
	errMess['epost']      = "Ange din e-postadress";
	errMess['epost2']     = "Ogiltig e-postadress";
	errMess['bnamn']      = "Ange barnets namn";
	errMess['bfdat']      = "Ange barnets födelsedatum";
	errMess['bstatus']    = "Ange Nyb. eller Forts-åkare";
	errMess['termin']     = "Ange antal terminer";
	errMess['tid']        = "Ange önskad tid";
//	errMess['meddelande'] = "Fyll i anmälan";

	// 4. FUNKTION FÖR ATT VALIDERA INMATNING I ETT FÄLT
	// SVARAR TRUE ELLER FALSE OM VALIDERINGEN LYCKADES
	function checkValue(valName) // tar emot id-namnet på fältet som ska valideras
	{
		// 4a. VALIDERA ATT FÄLTET ÄR IFYLLT
		var valFlag = ($F(valName))?true:false;
		infoMess = ($F(valName))?"OK":errMess[valName]; // Sätt OK eller felmeddelande

		// 4b1. EXTRA VALIDERING AV SELECT-FÄLT
		if (valName == 'bstatus' && valFlag)
		{
			if ($F(valName) == ("--- välj här ---"))  //ogiltig val?
			{
				infoMess = errMess['bstatus']; valFlag = false; // Sätt felmeddelande
			}
		}

		if (valName == 'termin' && valFlag)
		{
			if ($F(valName) == ("--- välj här ---"))  //ogiltig val?
			{
				infoMess = errMess['termin']; valFlag = false; // Sätt felmeddelande
			}
		}

		if (valName == 'tid' && valFlag)
		{
			if ($F(valName) == ("--- välj här ---"))  //ogiltig val?
			{
				infoMess = errMess['tid']; valFlag = false; // Sätt felmeddelande
			}
		}

		// 4b. EXTRA VALIDERING AV E-POSTFÄLTET
		if (valName == 'epost' && valFlag)
		{
			if (!(($F(valName).indexOf(".") > 2) && ($F(valName).indexOf("@") > 0))) //ogiltig e-postadress?
			{
				infoMess = errMess['epost2']; valFlag = false; // Sätt felmeddelande
			}
		}
		// 4c. SKRIV FELMEDDELANDE TILL SKÄRMEN I INFO-ELEMENTET
		Element.update(valName+'info',infoMess); // id-namnet är samma som inmatningsfältet + tillägget info

		// 4d. UPPDATERA CLASS-NAMNET PÅ INFO-ELEMENTET TILL TRUE ELLER FALSE (DET BLIR OLIKA FÄRGER PÅ TEXTEN)
		$(valName+'info').removeClassName('true'); $(valName+'info').removeClassName('false');
		if (valFlag) {$(valName+'info').addClassName('true');} else {$(valName+'info').addClassName('false');}
		return valFlag; // true or false
	}
	// 5. SKICKA FORMULÄRET SOM EN AJAX-REQUEST
	function submitForm(e)
	{
		// 5a. STOPPA SKICKANDET (så att vi får kontroll)
		if (e && e.preventDefault)
		e.preventDefault(); // DOM style

		e.cancelBubble = true;
		e.returnValue = false; // IE STYLE

		if (e.stopPropagation) { 	//Firefox style
			e.stopPropagation();
			e.preventDefault();
		}
		// 5b. SÄTT IGÅNG SKICKANDE ENDAST OM ALLA FÄLT VALIDERAR TILL TRUE
		if ((checkValue('namn')) && 
			(checkValue('epost'))   && 
			(checkValue('adress'))  && 
			(checkValue('padress')) && 
			(checkValue('telefon')) && 
			(checkValue('mobil'))   && 
			(checkValue('bnamn'))   && 
			(checkValue('bfdat'))) 

	//		(checkValue('bstatus')) && 
	//		(checkValue('termin'))  && 
	//		(checkValue('tid')))
		{
			$('kontakt').request({ // Inbyggd Ajax-request
			onCreate: function(){Element.update('content','<img src="/bilder/ajaxloader.gif"/>');}, // Ersätt formuläret med en loader-bild
			onComplete: function(){ Element.update('content','<p>Tack f&ouml;r ditt meddelande!</p><p><a href="http://www.gkk.se/">G&ouml;teborgs Konst&aring;kningsklubb</a></p>'); } // Slutmeddelande
			})	
		}
	}