$(document).ready(function() {
	
	//if submit button is clicked
	$('#submit').click(function () {		
		
		//Get the data from all the fields
		var name = $('input[name=name]');
		var email = $('input[name=email]');
		var number = $('input[name=number]');
		var time = $('input[name=time]');
		var date = $('input[name=date]');
		var address = $('textarea[name=address]');
		var passengers = $('select[name=passengers]');
		var car_type = $('select[name=car_type]');
		var fnumber = $('input[name=fnumber]');
		var address1 = $('textarea[name=address1]');
		var drops = $('input[name=drops]');
		var spec_req = $('input[name=spec_req]');

		
		//start the ajax
		$.ajax({
			//this is the php file that processes the data and send mail
			url: "process.php",	
			
			//GET method is used
			type: "GET",

			//pass the data			
			data: data,		
			
			//Do not cache the page
			cache: false,
			
			//success
			success: function (html) {				
				//if process.php returned 1/true (send mail success)
				if (html==1) {					
					//hide the form
					$('.form').fadeOut('slow');					
					
					//show the success message
					$('.done').fadeIn('slow');
					
				//if process.php returned 0/false (send mail failed)
				} else alert('Sorry, unexpected error. Please try again later.');				
			}		
		});
		
		//cancel the submit button default behaviours
		return false;
	});	
});