// JavaScript Document
$(document).ready(function(){

//click event f�r submit button
$('#submit').click(function () {

  //Daten von den HTML Feldern in JS-Vars �bersetzen
  //Anrede
  if($('input[name=anrede][value=frau]').attr("checked")){var anrede = "Frau";}
  else{var anrede = "Herr";}
  
  var vorname = $('input[name=vorname]').val();
  var nachname = $('input[name=nachname]').val();
  var email = $('input[name=email]').val();
  var tel = $('input[name=phone]').val();
 
  //Nähmaschine
  if($('input[name=naehmaschine][value=ja]').attr("checked")){var maschine = "Ja";}
  else{var maschine = "Nein";}
  
  var projekt = $('input[name=naehprojekt]').val();
  var text = $('textarea[name=nachricht]').val();
  
  
  
   //die Daten sollen per GET an das PHP Skript weitergeleitet werden. Daf�r bauen wir einen
  //String
  var data = 'anrede' + anrede + '&vorname=' + vorname + '&nachname=' + nachname + '&email=' + email + '&phone=' + tel + '&projekt=' + projekt + '&text=' +  encodeURIComponent(text);


	//Request abschicken
	$.ajax({
		//Ort des Skriptes in dem die per GET �bertragenen Daten verarbeitet werden sollen
		url: "contact_antwort.php",
		//Angabe der GET Methode, auch POST w�re m�glich. Allerdings nur sinnvoll
				//bei gr��eren Datenmengen
		type: "POST",
		//Daten die gesendet werden sollen
		data: data,
		error: function () {
			$('form[name=contact]').fadeOut('slow');
			$('#error').fadeIn('slow');
		},
		//bei Antwort des Requests (Response)
		success: function (xhr, reqCode) {
			//wenn saveData.php true bzw. den Status 1 zur�ckliefert
			if (reqCode==1) {
				//verstecken des Formulars
				$('form[name=contact]').fadeOut('slow');
				$('#senden').fadeIn('slow');
			}
		},
		complete: function(xhr, status){
						
			if(status == "success"){
				$('form[name=contact]').fadeOut('slow');
				//anzeigen der Erfolgsmeldung
				$('#senden').fadeOut('slow');
				$('#antwort').fadeIn('slow');
			}
			else{
				$('#error').fadeIn('slow');
				
			}
		}
	});

return false;
//der return wird ben�tigt, damit das Formular nicht tats�chlich abgeschickt wird und        
//sich nicht wie ein normales Form mit Seiten Refresh verh�lt.
}); 

});