$(document).ready(function() {
	$("#kontaktform").validate();
  //click event für submit button
  
  $('#submit_kontakt').click(function () {		
		
  //Daten von den HTML Feldern in JS-Vars übersetzen
  var name = $('input[name=name]');
  var email = $('input[name=email]');
  var betreff = $('select[name=betreff]');
  var adresse = $('input[name=adresse]');
  var telefon = $('input[name=telefon]');
  var text = $('textarea[name=text]');
  var date = $('input[name=date]');
    
  //die Daten sollen per GET an das PHP Skript weitergeleitet werden. Daf�r bauen wir einen 
  //String
  var data = 
	'name=' + name.val() + 
	'&email=' + email.val() + 
	'&betreff=' + betreff.val() + 
	'&adresse=' + adresse.val() +
	'&telefon=' + telefon.val() +
	'&date=' + date.val() +
	'&text=' +  encodeURIComponent(text.val());
			
  //Icon während des Requests einblenden
  $('.loading_icon').show();
		
  //Request abschicken
  $.ajax({
	//Ort des Skriptes in dem die per GET übertragenen Daten verarbeitet werden sollen
	url: "inc/kontaktdata.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,			
	//bei Antwort des Requests (Response)
	success: function (reqCode) {				
	//wenn saveData.php true bzw. den Status 1 zur�ckliefert
		if (reqCode==1) {					
			//verstecken des Formulars
			$('.kontaktform').fadeOut('slow');					
			//anzeigen der Erfolgsmeldung
             $('.loading_icon').hide();
			$('.done').fadeIn('slow');
					
		//wenn der Request eine Form von false zurückschickt, Fehler ausgeben.
		} else if (reqCode==2) {
			alert('Fehler beim Abschicken des Formulares.');
             $('.loading_icon').hide(); 
		} else if (reqCode==3) {
			 alert ('PHP Validierung fehlgeschlagen');
			 $('.loading_icon').hide();
		} else {
			alert ('Unbekannter Fehler');
			$('.loading_icon').hide();
		}

		
	}	//reqCode function
});
		
	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.
	});	
});	
