$(document).ready(function(){
  
	var emailPattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
	
	var commentPattern = /.{10,1000}/;
	
	var email = $("#email-input");
	var emailValue = email.attr("value");
	var comment = $("#comment-text");
	var commentDiv = $("#comment");
	var emailDiv = $("#email-form");
	var submitButton = $("#submit");
	var emailP = $("#email-form p");
	var commentP = $("#comment p");

	$(submitButton).attr("disabled", "disabled");
	
	$(email).focus(function() {
		$(email).val('');		
	});

	$(comment).focus(function() {
		$(comment).val('');		
	});	
	
	
		
	$(email).blur(function() {
			
		var emailBlur = $(email).val();
		if(!emailPattern.test(emailBlur) )
		{
				emailP.html("Enter a correct email address");
				$(submitButton).attr("disabled", "disabled");
				$(email).focus();
		}
		else
		{
			$(submitButton).removeAttr("disabled");
			$(emailP).empty();

		}
		
	});
	
		$(comment).blur(function() {
		var commentBlur = $(comment).val();
		if(!commentPattern.test(commentBlur))
		{
			commentP.html("Enter a value between 10-1000 characters");
			$(submitButton).attr("disabled", "disabled");
			$(comment).focus();
		}
		else
		{
			$(submitButton).removeAttr("disabled");
			$(commentP).empty();
		}		
	});
	
	
	
  });