$(function() {
	$('.error').hide();
	$('input.text-input').css({backgroundColor:"#FFFFFF"});
	$('input.text-input').css({border:"#181818 1px solid"});
  	$('input.text-input').focus(function(){
    	$(this).css({backgroundColor:"#ffef82"});
  	});
  	$('input.text-input').blur(function(){
   		$(this).css({backgroundColor:"#FFFFFF"});
  	});
  	$('textarea').focus(function(){
    	$(this).css({backgroundColor:"#ffef82"});
  	});
  	$('textarea').blur(function(){
   		$(this).css({backgroundColor:"#FFFFFF"});
  	});
	
	$('.button').click(function(){
		//validate and process from here
		
		$('.error').hide();
			var name= $('input#name').val();
				if (name == "") {
					$('label#name_error').show();
					$('input#name').focus();
					return false;
				}
				
			var vorname= $('input#vorname').val();
				if (vorname == "") {
					$('label#vorname_error').show();
					$('input#vorname').focus();
					return false;
				}
				
			var email = $('input#email').val();
				if (email == "") {
					$('label#email_error').show();
					$('input#email').focus();
					return false;
				}
			
			var strasse = $('input#strasse').val();
			var ort = $('input#ort').val();
			var tel = $('input#tel').val();
			var nachricht = $('textarea').val();
			
			var dataString = 'name=' + name + '&vorname= ' + vorname + '&strasse=' + strasse + '&ort=' + ort + '&email=' + email + '&tel=' + tel + '&nachricht=' + nachricht;  
   			//alert (dataString);return false;  
  			$.ajax({  
   				type: "POST",  
  				url: "bin/process.php",  
   				data: dataString,   
  				success: function() {  
   					$('#contact_form').html("<div class='middleTop'></div>");  
   					$('div.middleTop').html("<h2>Ihre Nachricht hat uns erreicht!</h2>")  
  					.append("<p>Wir werden uns so schnell wie m&ouml;glich mit Ihnen in Verbindung setzen.</p>")  
  					.hide()  
  					.fadeIn(1500);  
 				}  
  			});  
			return false;  
		
	});	   
});