$(document).ready(function(){
	$('#date').datepicker({ showAnim: 'slide' }); // Making the date field a date picker
	$('#formSubmit').click(function(){
		validateForm();
	});

	function validateForm() {	
		var name = $('#contactName').val();
		var num = $('#contactNum').val();
		var item = $('#contactProduct').val();
		var date = $('#date').val();
		var time = $('#timeHour').val() + " at " + $('#timeMinute').val();
	
		if(name==""||num==""||date==""||num.length<10||item=="error"||name==" "||date==" "||item=="error") {
			$('#errorBox').fadeIn();
		}
		else {
			submitForm();
		}
		
	}
	function submitForm() {
		var name = $('#contactName').val();
		var num = $('#contactNum').val();
		var item = $('#contactProduct').val();
		var date = $('#date').val();
		var time = $('#timeHour').val() + " at " + $('#timeMinute').val();
			
		$.post("scripts/indexContactSubmit.php", { name: name, num: num, item: item, date: date, time: time },
	  		function(data){
	  			$('#contactForm').fadeOut();
  				if(data == 1){$('#errorBox').fadeOut();$('#sendError').fadeOut();setTimeout("$('#successMessage').fadeIn()",500);}
  				else{$('#errorBox').fadeOut();$('#successMessage').fadeOut();setTimeout("$('#sendError').fadeIn()",500);}
		});
	}
});