// wait for the DOM to be loaded 
$(document).ready(function() { 
$('.error').hide();

// form validation
$(function() {	   
		$(".contactformsubmit").click(function() { 
									
			$('.error').hide();
			$('span.error-keyup-4').remove();
			$('span.error-keyup-5').remove();
			
			// validate the form first
			var cdfullname = $("input#cdfullname").val(); 
			cdfullname =  $.trim(cdfullname); 				  
        		if (cdfullname == "") {   
      				$("span#cdfullname_error").show();   
      				$("input#cdfullname").focus();   
      			return false;
	    	}
			
			if (cdfullname == "Name") {   
      				$("span#cdfullname_error").show();   
      				$("input#cdfullname").focus();   
      			return false;
	    	}
			
			var cdemail = $("input#cdemail").val();
			cdemail =  $.trim(cdemail);    
        		if (cdemail == "") {   
      				$("span#cdemail_error").show();   
      				$("input#cdemail").focus();   
      			return false;
	    	}
			
			if (cdemail == "Email") {   
      				$("span#cdemail_error").show();   
      				$("input#cdemail").focus();   
      			return false;
	    	}
			// regex validation on email address
			var emailRegex = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/;
			if(!emailRegex.test($('input#cdemail').val() )) {
				$("input#cdemail").after('<span class="error-keyup-5">Format someone@somewhere.com</span>');
				$("input#cdemail").focus();
				return false;
			}
			
			
			var cdphone = $("input#cdphone").val();
			cdphone =  $.trim(cdphone);    
        		if (cdphone == "") {   
      				$("span#cdphone_error").show();   
      				$("input#cdphone").focus();   
      			return false;
	    	}
			
			if (cdphone == "Phone") {   
      				$("span#cdphone_error").show();   
      				$("input#cdphone").focus();   
      			return false;
	    	}
			
			var pnumRegex = /^[2-9]\d{2}-\d{3}-\d{4}$/;
			if(!pnumRegex.test($('input#cdphone').val() )) {
				$("input#cdphone").after('<span class="error-keyup-4">Format xxx-xxx-xxxx</span>');
				$("input#cdphone").focus();
				return false;
			}

		
			
			
			var cdcomments = $("textarea#cdcomments").val();
			cdcomments =  $.trim(cdcomments);       
        		if (cdcomments == "") {   
      				$("span#cdcomments_error").show();   
      				$("textarea#cdcomments").focus();   
      			return false;
	    	}
			
			if (cdcomments == "Comments") {   
      				$("span#cdcomments_error").show();   
      				$("textarea#cdcomments").focus();   
      			return false;
	    	}
			
			
		// submit the form
		var cdfullname = $("input#cdfullname").val();
		var cdemail = $("input#cdemail").val();
		var cdphone = $("input#cdphone").val();
		var cdcomments = $("textarea#cdcomments").val();
		// hidden fields
		var cdtrackingurl = $("input#cdtrackingurl").val();
		
		
		var dataString = 'cdfullname='+ cdfullname + '&cdemail=' + cdemail + '&cdphone=' + cdphone + '&cdcomments=' + cdcomments + '&cdtrackingurl=' + cdtrackingurl;
				
		$.ajax({   
  			type: "POST",   
  			url: "http://www.clothingdonations.org/wp-content/themes/clothingdonationv1/app-contactus/script-contact-us.php",
			data: dataString,   
  			success: function() {   
    						$('.cdbluecontactbox-padder').html("<div class='cdbluecontactbox-ty'></div>");   
				    		$('.cdbluecontactbox-ty').html("<h2>Thank you</h2>")
    						.append("<p>Your message has been sent.</p>").fadeIn('normal');
							
			}
							
				});   
				return false;
		
		}); 
	});
	
});
// closes the very first tag