$(document).ready(function(){
    $('.contactForm input[name=naam], .contactForm input[name=mail], .contactForm textarea[name=text]').each(function(index){
        $(this).val($(this).attr('startwaarde'));
        $(this).focusin(function(){
            if($(this).val() == $(this).attr('startwaarde')){
                $(this).val('');
            }
        });
        $(this).focusout(function(){
            if($(this).val() == ''){
                $(this).val($(this).attr('startwaarde'));
            }
        });
    });
    $('.contactFormMess').click(function(){
        $('.contactFormMess, .contactFormMessBg').css('display','none');
        $('.contactFormMessBg').html('');
        $('.contactForm, .contactFormBg').css('display','block');
    });
    $('.contactForm input[name=knop]').click(function(){
        var o_naam = $('.contactForm input[name=naam]');
        var o_mail = $('.contactForm input[name=mail]');
        var o_text = $('.contactForm textarea[name=text]');
        var s_mess = '';
        if(o_naam.val() == '' || o_naam.val() == o_naam.attr('startwaarde')){
            s_mess += 'You didn\'t fill in your name<br />';
        }
        if(o_mail.val() == '' || o_mail.val() == o_mail.attr('startwaarde')){
            s_mess += 'You didn\'t fill in your e-mail address<br />';
        }
        if(o_text.val() == '' || o_text.val() == o_text.attr('startwaarde')){
            s_mess += 'You didn\'t fill in your message<br />';
        }
        if(s_mess == ''){
            $.post(
                CONTROLLERS_PHP_PATH+"contact.php",
                {
                    "action": "send",
                    "naam": o_naam.val(),
                    "mail": o_mail.val(),
                    "text": o_text.val(),
                    "startNaam": o_naam.attr('startwaarde'),
                    "startMail": o_mail.attr('startwaarde'),
                    "startText": o_text.attr('startwaarde')
                },
                function(data){
                    if(data.send == 'y'){
                        o_naam.val(o_naam.attr('startwaarde'));
                        o_mail.val(o_mail.attr('startwaarde'));
                        o_text.val(o_text.attr('startwaarde'));
                    }
                    contactFormMessSet(data.mess);
                },
                "json"
            );
        } else {
            contactFormMessSet(s_mess);
        }
    });
});
function contactFormMessSet(s_mess){
    s_mess = '<br />'+s_mess+'<br /><br />click here to go back';
    $('.contactFormMessBg').html(s_mess);
    $('.contactForm, .contactFormBg').css('display','none');
    $('.contactFormMess, .contactFormMessBg').css('display','block');
}