$(document).ready(function() {
	$('form#contactForm').submit(function() {
		$('form#contactForm .error').remove();
		var hasError = false;
		$('.requiredField').each(function() {
			if(jQuery.trim($(this).val()) == '') {
				var labelText = $(this).prev('label').text();
				if($(this).hasClass('name')) {
				$('.name').css({'border-color' : 'red'});
				$('.name-label').after('<p class="error">Please enter a valid Name</span>');
				$('.contact').css({'padding-bottom' : '45px'});
				}
				if($(this).hasClass('email')) {
				$('.email').css({'border-color' : 'red'});
				$('.email-label').after('<p class="error">Please enter a valid Email</span>');
				$('.contact').css({'padding-bottom' : '45px'});

				}
				hasError = true;
			} else if($(this).hasClass('email')) {
				var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
				if(!emailReg.test(jQuery.trim($(this).val()))) {
					var labelText = $(this).prev('label').text();
					$('.email-label').after('<p class="error">Please enter a valid  Email</span>');
					$('.email').css({'border-color' : 'red'});
		  		$('.contact').css({'padding-bottom' : '45px'});
				hasError = true;
				}
			}
		});
		if(!hasError) {
			
			var formInput = $(this).serialize();
			$.post($(this).attr('action'),formInput, function(data){
				$('form#contactForm').slideUp("fast", function() {				   
					$(this).after('<p class="thanks"><strong>Thanks!</strong> Your email was successfully sent. We will make sure to get back to you shortly</p>');
					$('.name').css({'border-color' : '#cbcbcb'});
					$('.email').css({'border-color' : '#cbcbcb'});
				 $('.contact').css({'padding-bottom' : '65px'});
				});
			});
		}
		
		return false;
		
	});
});