$(document).ready(function() {

    $("#contactForm").submit(function() {
        //get input field values data to be sent to server
        var post_data = {
        	'formName':"contact",
        	'fields':{
'lastName': $('#contactForm input[name=lastName]').val(),
'firstName': $('#contactForm input[name=firstName]').val(),
'mail': $('#contactForm input[name=mail]').val(),
'privacy': $('#contactForm input[name=privacy]').prop('checked'),
'phone': $('#contactForm input[name=phone]').val(),
'street': $('#contactForm input[name=street]').val(),
'company': $('#contactForm input[name=company]').val(),
'city': $('#contactForm input[name=city]').val(),
'zip': $('#contactForm input[name=zip]').val(),
'message': $('#contactForm textarea[name=message]').val()
			}
        };

        //Ajax post data to server
        $.post('ajax_contact.php', post_data, function(response){
        	
        	console.log(response);
        	$("#contactForm .form-group.has-error").removeClass('has-error');
        	for(fieldName in response.fields) {
        		$("#contactForm #"+fieldName).closest('.form-group').addClass('has-error');
        	}
            if(response.type == 'error'){ //load json data from server and output message
            	var result = '<div class="alert alert-danger">'+response.text+'</div>';     
            } else {
            	var result = '<div class="alert alert-success">'+response.text+'</div>';
                $("#contactForm button[type=submit]").slideUp(); //hide form after success
            }
            $("#submitResult").hide().html(result).slideDown();
        }, 'json');
         return false;
    });
});