$(document).ready(function() {
$("#form :input:first").focus();
var options = {
	dataType: 'json',

	beforeSubmit: function() {
		$(".required").css('background', '#fff');
		if (!$('#name').val() || !$('#telephone').val() || !$('#email').val() || !$('#message').val()) {
			var focused = false;
			$(".required").each(function(){
				if (!$(this).val())
				{
					$(this).css('background', '#ffe9e8');
					if (!focused) { $(this).focus(); focused = true; }
				}
			});
			//$(":text:first.required[value='']").focus();
			return false;
		}
		return true;
	},
	success: function(data) {
		if (data.type != 'error')
		{
			$('#output').text(data.message);
			$('#form').resetForm();
		}
		else
		{
			alert(data.message);
		}
	}

	// other available options:
	//url:       url         // override for form's 'action' attribute
	//type:      type        // 'get' or 'post', override for form's 'method' attribute
	//dataType:  null        // 'xml', 'script', or 'json' (expected server response type)
	//clearForm: true        // clear all form fields after successful submit
	//resetForm: true        // reset the form after successful submit

	// $.ajax options can be used here too, for example:
	//timeout:   3000
};

// bind form using 'ajaxForm'
$('#form').ajaxForm(options);
});