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('telefon','blur',function(e){ checkValue('telefon');});
	Event.observe('mobil','blur',function(e){ checkValue('mobil');});
	Event.observe('epost','blur',function(e){ checkValue('epost');});
//	Event.observe('meddelande','blur',function(e){ checkValue('meddelande');});
	Event.observe('kop_salj','blur',function(e){ checkValue('kop_salj');});
	Event.observe('vara','blur',function(e){ checkValue('vara');});
	Event.observe('alder','blur',function(e){ checkValue('alder');});
	Event.observe('storlek','blur',function(e){ checkValue('storlek');});
	Event.observe('pris','blur',function(e){ checkValue('pris');});
	Event.observe('skick','blur',function(e){ checkValue('skick');});
});
	// 3. DEFINIERA FELMEDDELANDEN
	var errMess = new Array();
	errMess['namn']       = "Ange ditt namn";
	errMess['telefon']    = "Ange ditt hemtelefonnr";
	errMess['mobil']      = "Ange ditt mobilnr";
	errMess['epost']      = "Ange din e-postadress";
	errMess['epost2']     = "Ogiltig e-postadress";
	errMess['meddelande'] = "Skriv ett meddelande";
	errMess['kop_salj']   = "Ange Köp eller Sälj";
	errMess['vara']       = "Ange vilken vara";
	errMess['alder']      = "Ange åldern på varan";
	errMess['storlek']    = "Ange storleken";
	errMess['pris']       = "Ange priset";
	errMess['skick']      = "Ange varans skick";

	// 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

		// 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. SKICKA ENDAST OM ALLA FÄLT VALIDERAR TILL TRUE
		if ((checkValue('namn')) && 
			(checkValue('epost')) && 
			(checkValue('telefon')) && 
			(checkValue('mobil')) && 
			(checkValue('kop_salj')) && 
			(checkValue('vara')) && 
			(checkValue('storlek')) && 
			(checkValue('alder')) && 
			(checkValue('pris')) && 
			(checkValue('skick')))	// && 
		//	(checkValue('meddelande')))
		{
			$('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ör din annons!</p><p><a href="http://www.gkk.se/">Göteborgs Konståkningsklubb</a></p>'); } // Slutmeddelande
			})
		}
	}
