$(document).ready(function(){

    var form = $("#customForm");
    var vorname = $("#vorname");
    var vornameInfo = $("#vornameInfo");
    var nachname = $("#nachname");
    var nachnameInfo = $("#nachnameInfo");
    var email = $("#email");
    var emailInfo = $("#emailInfo");
    var phone = $("#phone");
    var phoneInfo = $("#phoneInfo");
    var betreff = $("#betreff");
    var betreffInfo = $("#betreffInfo");
    var message = $("#message");
	

    vorname.blur(validateVorname);
    nachname.blur(validateNachname);
    email.blur(validateEmail);
    phone.blur(validatePhone);
    betreff.blur(validateBetreff);
    message.blur(validateMessage);
    vorname.keyup(validateVorname);
    nachname.keyup(validateNachname);
    email.keyup(validateEmail);
    phone.keyup(validatePhone);
    betreff.keyup(validateBetreff);
    message.keyup(validateMessage);

    form.submit(function(){
        if(validateVorname() & validateNachname() & validateEmail() & validatePhone() & validateBetreff() & validateMessage())
            return true
        else
            return false;
    });
	
   
    function validateEmail(){
        //testing regular expression
        var a = email.val();
        var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/;
        //if it's valid email
        if(filter.test(a)){
            email.removeClass("error");
            emailInfo.text("Bitte geben Sie eine gültige email Adresse an!");
            emailInfo.removeClass("error");
            return true;
        }
        //if it's NOT valid
        else{
            email.addClass("error");
            emailInfo.text("Bitte geben Sie eine gültige email Adresse an.");
            emailInfo.addClass("error");
            return false;
        }
    }
    function validatePhone(){
        //if it's NOT valid
        var stripped = phone.val().replace(/[\(\)\.\-\ ]/g, '');
        //strip out acceptable non-numeric characters
        if (isNaN(parseInt(stripped))) {
            phone.addClass("error");
            phoneInfo.text("Bitte geben Sie eine gültige Telefonummer an!");
            phoneInfo.addClass("error");
            return false;
        }
        //if it's valid
        else{
            phone.removeClass("error");
            phoneInfo.text("Bitte geben Sie ihre Telefonummer ein.");
            phoneInfo.removeClass("error");
            return true;
        }
    }
    function validateVorname(){
        //if it's NOT valid
        if(vorname.val().length < 4){
            vorname.addClass("error");
            vornameInfo.text("Bitte geben Sie einen Vornamen an!");
            vornameInfo.addClass("error");
            return false;
        }
        //if it's valid
        else{
            vorname.removeClass("error");
            vornameInfo.text("Bitte geben Sie Ihren Vornamen an.");
            vornameInfo.removeClass("error");
            return true;
        }
    }
    function validateNachname(){
        //if it's NOT valid
        if(nachname.val().length < 4){
            nachname.addClass("error");
            nachnameInfo.text("Bitte geben Sie einen Nachnamen an!");
            nachnameInfo.addClass("error");
            return false;
        }
        //if it's valid
        else{
            nachname.removeClass("error");
            nachnameInfo.text("Bitte geben Sie Ihren Nachnamen an.");
            nachnameInfo.removeClass("error");
            return true;
        }
    }
    function validateBetreff(){
        //it's NOT valid
        if(betreff.val().length < 5){
            betreff.addClass("error");
            betreffInfo.text("Bitte geben Sie einen Betreff an!");
            betreffInfo.addClass("error");
            return false;
        }
        //it's valid
        else{
            betreff.removeClass("error");
            betreffInfo.text("Bitte geben Sie einen Betreff an.");
            betreffInfo.removeClass("error");
            
            return true;
        }
    }
    function validateMessage(){
        //it's NOT valid
        if(message.val().length < 10){
            message.addClass("error");
            return false;
        }
        //it's valid
        else{
            message.removeClass("error");
            return true;
        }
    }
});