$('document').ready(function() { 

	$('#result-container').slideUp('fast');
	
// Send mail to ajax

    var options = { 
        target:        '#result-container',   // target element(s) to be updated with server response 
        beforeSubmit:  showRequest,  // pre-submit callback 
        success:       showResponse  // post-submit callback
        
           }; 
 
    // bind form using 'ajaxForm' 
    $('#contact').ajaxForm(options);
    
    // pre-submit callback 
function showRequest(formData, jqForm, options) {
	$('#contact-form form').slideUp('fast');
    // formData is an array; here we use $.param to convert it to a string to display it 
    // but the form plugin does this for you automatically when it submits the data 
    var queryString = $.param(formData); 
 
    // jqForm is a jQuery object encapsulating the form element.  To access the 
    // DOM element for the form do this: 
    // var formElement = jqForm[0]; 
 
//    alert('About to submit: \n\n' + queryString); 
 
    // here we could return false to prevent the form from being submitted; 
    // returning anything other than false will allow the form submit to continue
	
    return true; 
} 
 
// post-submit callback 
function showResponse(responseText, statusText)  {
	$('#result-container').slideDown('slow');
	
	$('#return-to-message').click(function() {
		$('#result-container').slideUp('fast')
		$('#contact-form form').slideDown('slow');
		return false;
	});
	
    // for normal html responses, the first argument to the success callback 
    // is the XMLHttpRequest object's responseText property 
 
    // if the ajaxForm method was passed an Options Object with the dataType 
    // property set to 'xml' then the first argument to the success callback 
    // is the XMLHttpRequest object's responseXML property 
 
    // if the ajaxForm method was passed an Options Object with the dataType 
    // property set to 'json' then the first argument to the success callback 
    // is the json data object returned by the server 

}

});