$(document).ready(function() {
	$('form#fullorderForm').submit(function() {
		$('form#fullorderForm .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').before('<p class="error">Please enter a valid Name</span>');
				}
				if($(this).hasClass('email')) {
				$('.email').css({'border-color' : 'red'});
				$('.email-label').before('<p class="error">Please enter a valid Email</span>');
				}
				if($(this).hasClass('phone')) {
				$('.phone').css({'border-color' : 'red'});
				$('.phone-label').before('<p class="error">Please enter a valid Phone Number</span>');
				}
				if($(this).hasClass('address')) {
				$('.address').css({'border-color' : 'red'});
				$('.address-label').before('<p class="error">Please enter a valid Address</span>');
				}
				if($(this).hasClass('ceremony')) {
				$('.ceremony').css({'border-color' : 'red'});
				$('.ceremony-label').before('<p class="error">Please enter your Ceremony name and address</span>');
				}
				if($(this).hasClass('reception')) {
				$('.reception').css({'border-color' : 'red'});
				$('.reception-label').before('<p class="error">Please enter your Ceremony name and address</span>');
				}
				if($(this).hasClass('collection')) {
				$('.collection').css({'border-color' : 'red'});
				$('.collection-label').before('<p class="error">Please choose your required design</span>');
				}
				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').before('<p class="error">Please enter a valid  Email</span>');
					$('.email').css({'border-color' : 'red'});
				hasError = true;
				}
			} else { 		
		  	$(this).css({'border-color' : '#909090'});	
		  }		  

		});
		if(!hasError) {
			
			var formInput = $(this).serialize();
			$.post($(this).attr('action'),formInput, function(data){
				$('form#fullorderForm').slideUp("fast", function() {				   
					$(this).before('<p class="thanks"><strong>Thanks!</strong> Your order was successfully sent.</p>');
					$('form#orderForm input').css({'border-color' : '#909090'});
					$('form#orderForm textarea').css({'border-color' : '#909090'});
				});
			});
		}
		
		return false;
		
	});
});