$(document).ready(function(){

	var form = $("form#kontaktform");
	var name = $("input#name");
	//var nachname = $("form#kontaktform input[name=nachname]");
	var email = $("input#email");
	var telefon = $("input#telefon");
	var nachricht = $("textarea#nachricht");
	var counter = $("#wordcount");
	
	counter.css("color","#c86400");
	
	
	//Passwort ändern  .removeClass("error");  .addClass("error");
	
	nachricht.keyup(function() {
		var current = nachricht.val().length;
		counter.text(current + " Zeichen");
		if(current < 30) {
			counter.text(current + " / 30 Zeichen");
			counter.css("color","#c86400");
		}
		else {
			counter.html(current + " Zeichen"); // '<img src="gfx/ok.gif" alt="" /> ' + 
			counter.css("color","green");
		}
	});
	
	$("#submitform").click(function() {
		var error = false;
		$("form label").removeClass("error");
		$("form input").removeClass("error");
		$("form textarea").removeClass("error");
				
		if(name.val() == "" || name.val().length < 3) {
			$("#lbl_name").addClass("error");
			name.addClass("error");
			error = true;
		}
		
		/*if(nachname.val() == "" || nachname.val().length < 3) {
			$("label[for=nachname]").addClass("error");
			nachname.addClass("error");
			error = true;
		}*/
		
		if(isEmail(email.val()) == false) {
			$("#lbl_email").addClass("error");
			email.addClass("error");
			error = true;
		}

		if(nachricht.val() == "" || nachricht.val().length < 30) {
			$("#lbl_nachricht").addClass("error");
			nachricht.addClass("error");
			error = true;
		}

		function isEmail(str)
		{
 			if(str == "") return false;
  			var validMail = /^[^\s()<>@,;:\/]+@\w[\w\.-]+\.[a-z]{2,}$/i;
  			return validMail.test(str);
		}
		
		
		if(error == false) {
			var dataString = 'name=' + name.val() + '&telefon=' + telefon.val() + '&email=' + email.val() + '&nachricht=' + nachricht.val();
			// Loader
			counter.css("color","#ffffff");
			counter.html('<img src="gfx/loader.gif" alt="" /> <strong>Bitte warten</strong>');
			$.ajax({
				type: "POST",
				url: "sendform.php",
				data: dataString,
				success: function(response)
				{
					if (response=="success")
					{
						counter.css("color","green");
						counter.html('<img src="gfx/ok.gif" alt="" /> <strong>Gesendet</strong>');
						name.val("");
						email.val("");
						telefon.val("");
						nachricht.val("");						
					}
					else
					{
						counter.css("color","#f3331a");
						counter.html('<img src="gfx/error.gif" alt="" /> <strong>Fehler!</strong>');
					}
				}
			});
		}
		return false;
	});
	
	// End ready funtion
});