$(function(){

    $('#textarea').val('');
    $('#send').click(function(){
        error = false;
        emailerror = false;
        checkForm('subject');
        checkForm('name');
        checkEmail('email');
        checkForm('textarea');
        if (error == true) {
            $('#error').show();
            $('#error').html('Bitte füllen Sie alle Felder aus. ');
        }
        if (emailerror == true) {
            $('#error').show();
            if (error == true) {
                $('#error').html('Bitte f&uuml;llen Sie alle Felder aus.<br>Bitte geben Sie eine g&uuml;ltige E-Mail Adresse an.');
            }
            else {
                $('#error').html('Bitte geben Sie eine g&uuml;ltige E-Mail Adresse an.');
            }
        }
        
        if (error == false && emailerror == false) {
            $('#error,#form').hide();
            $('#sent').show();
            $.ajax({
                type: 'POST',
                url: '/ajax/contact/',
                data: {
                    "subject": $('#subject').val(),
                    "name": $('#name').val(),
                    "telefon": $('#tel').val(),
                    "email": $('#email').val(),
                    "text": $('#textarea').val()
                }
            });
        }
        return false;
    });
    $('input').keyup(function(){
        $(this).removeClass('error');
    })
    $('select').change(function(){
        $(this).removeClass('error');
    })
});



function checkForm(id){
    if ($('#' + id).val().length > 2) {
        $('#' + id).removeClass('error');
    }
    else {
        $('#' + id).addClass('error');
        error = true;
    }
}


function checkArea(id){
    if ($('#' + id).html().length > 3) {
        $('#' + id).removeClass('error');
    }
    else {
        $('#' + id).addClass('error');
        error = true;
    }
}

function checkEmail(id){
    var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
    if (filter.test($('#' + id).val())) {
        $('#' + id).removeClass('error');
    }
    else {
        $('#' + id).addClass('error');
        emailerror = true;
    }
}