$(function() {
	$('.error').hide();
	$("#submit_btn").click(function() {
		// validate and process form here
		$('.error').hide();

		var formname = $("input#formname").val();
		if (formname == "") {
			$("dt.formname_error").css("background-color", "#e24d4d");
			$("dd.formname_error").css("background-color", "#e08787");
			$(".formname_error label").css("color", "#ffffff");
			$("input#formname").focus();
			return false;
		}
		
		var formemail = $("input#formemail").val();
		if (formemail == "") {
			$("dt.formemail_error").css("background-color", "#e24d4d");
			$("dd.formemail_error").css("background-color", "#e08787");
			$(".formemail_error label").css("color", "#ffffff");
			$("input#formemail").focus();
			return false;
		}
	
		var formnachricht = $("textarea#formnachricht").val();
			if (formnachricht == "") {
			$("dt.formnachricht_error").css("background-color", "#e24d4d");
			$("dd.formnachricht_error").css("background-color", "#e08787");
			$(".formnachricht_error label").css("color", "#ffffff");
			$("textarea#formnachricht").focus();
			return false;
		}

		var dataString = 'name='+ formname + '&email=' + formemail + '&nachricht=' + formnachricht;
		//alert (dataString);return false;
		$.ajax({
			type: "POST",
			url: "root/scripts/process.php",
			data: dataString,
			success: function() {
				 $('#contact_form').html("<div id='message'></div>");
				$('#message').html("<p><strong>Vielen Dank.</strong></p>")
				.append("<p>Das Formular wurde versendet.</p>")
				.hide()
				.fadeIn(1500, function() {
					$('#message');
				});
			}
		});
		return false;

	});
});