// JavaScript Document
    //Jquery Form Validation
$(document).ready(function(){
    //form validator
    $('#contactfrm').validate({
        rules:{
            name: "required",
            email:{
                required: true,
                email: true
            },
            bedrijfsnaam: "required",
            comment: "required"
        },
        messages:{
            name: "Vul A.U.B een naam in",
            email: "Vul A.U.B een email adres in",
            comment: "Vul A.U.B een Vraag in",
            bedrijfsnaam: "Vul A.U.B een bedrijfsnaam in"
        }
    });
    //einde form validator
    
    //form style changer
        //naam
        $('#name').click(function(){
            $('#name').css("border-color","red");
        });
        $('#name').blur(function(){
           $('#name').css("border-color","#4492db") 
        });
        
        //bedrijfsnaam
        $('#bedrijfsnaam').click(function(){
            $('#bedrijfsnaam').css("border-color","red");
        });
        $('#bedrijfsnaam').blur(function(){
            $('#bedrijfsnaam').css("border-color","#4492db") 
        });
        
        //email
        $('#email').click(function(){
            $('#email').css("border-color","red");
        });
        $('#email').blur(function(){
            $('#email').css("border-color","#4492db") 
        });
        
        //vraag
        $('#comment').click(function(){
            $('#comment').css("border-color","red");
        });
        $('#comment').blur(function(){
            $('#comment').css("border-color","#4492db") 
        });
    //einde form style changer
});