window.addEvent('domready', function() { 

////////Felder in Variablen speichern////////
var els = $$('div.ausfuellen');
var pfeld = $$('.required, reqemail');
var inputfeld = $$('input, select, textarea');


////////Aktionen beim Laden der Seite////////
test = new Array(); //Array für ausfuellen Variable, um sie im globalen setTimeout zu verwenden
els.each(function(ausfuellen, i) {
	
	//ausfaden der Pfeile am Anfang
	ausfuellen.morph('.fadeout');
	ausfuellen.morph('.fadeout');
	
		
	test[i] = ausfuellen //Array das aktuelle Feld mitteilen
})





////////Alle Inputfelder////////
inputfeld.each(function(ausfuellen, i) { 
	
	///Ausfaden wenn man auf das Inputfeld klickt///
	ausfuellen.addEvent('focus', function() {
		if (ausfuellen.className == "required" || ausfuellen.className == "reqemail") {
			$('fill_'+ausfuellen.id).morph(".fadeout");
			$('fill_'+ausfuellen.id).morph(".fadeout");
		}	
	});

	///Einfaden wenn das Feld leer ist und man den Focus verliert///
	ausfuellen.addEvent('blur', function() {
		emailpat = /^([a-zA-Z0-9])+([\.a-zA-Z0-9_-])*@([a-zA-Z0-9\-])+(\.[a-zA-Z]{2,4})$/;
		if (ausfuellen.className == "required" && ausfuellen.value == ""){
			$('fill_'+ausfuellen.id).setStyle('display', 'block');
			$('fill_'+ausfuellen.id).morph(".fadein");	
			
		} else if (ausfuellen.className == "reqemail" && !emailpat.test( ausfuellen.value)){
			$('fill_'+ausfuellen.id).setStyle('display', 'block');
			$('fill_'+ausfuellen.id).morph(".fadein");
		}
			
	});

});


////////Formtest Funktion////////
function formtest(feld) {
	emailpat = /^([a-zA-Z0-9])+([\.a-zA-Z0-9_-])*@([a-zA-Z0-9\-])+(\.[a-zA-Z]{2,4})$/;
	
	if($(feld).className == "required" && ($(feld).value == "" || $(feld).value.length == 0)) {
		$('fill_'+feld).setStyle('display', 'block');
		$('fill_'+feld).morph(".fadein");
		return false;
	} else if($(feld).className == "reqemail" && (!emailpat.test( $(feld).value))) {
		$('fill_'+feld).setStyle('display', 'block');
		$('fill_'+feld).morph(".fadein");
		return false;
	} else {
		$('fill_'+feld).setStyle('display', 'block');
		$('fill_'+feld).morph(".fadeout");
		return true;
	}
}


////////Event beim Klicken des Absenden Buttons////////
$('sendbutton').addEvent('click', function(e) { 
	

	//Funktionen aufrufen und abfragen ob richtig ausgefüllt wurde, ansonnsten abschick event stoppen

	arg1 = formtest('vorname');
	arg2 = formtest('nachname');
	arg3 = formtest('email');
	arg4 = formtest('anliegen');
	
	
	if ( !arg1 || !arg2 || !arg3 || !arg4) {
		new Event(e).stop()	
	}
		
});


});