window.addEvent('domready', function(e) {

	$("btnSend").addEvent('click', function(event){
		$("txtBoxGood").setStyle("display","none");
		$("txtBoxBad").setStyle("display","none");
		
		var name = $("txtName").value;
		var email = $("txtMail").value;
		var message = $("txtMessage").value;
		
		var error = "<ul>";
		if (name == "") error += "<li>Please fill the Name field.</li>";
		if (email == "") error += "<li>Please fill the E-Mail field.</li>";
		if (message == "") error += "<li>Please fill the Message field.</li>";
		if (!VerifyEmail(email)) error += "<li>Please provide correct e-mail address</li>";
		error += "</ul>";
		
		if (error.length > 10)
		{
			$("txtBoxBad").setHTML(error);
			$("txtBoxBad").setStyle("display","block");
		}
		else
		{
			var jSonRequest = new Json.Remote(baseurl + "/ajax/tellafriend.php", 
			{
				method: 'post',
				onComplete: function(results){
					$("txtBoxGood").setText("Thank you for your message.");
					$("txtBoxGood").setStyle("display","block");
				},
				onTimeout: function(){
					$("txtBoxBad").setText("Timeout error: Couldn't send Message.");
					$("txtBoxBad").setStyle("display","block");
				},
				onFailure: function(){
					$("txtBoxBad").setText("Script error: Couldn't send Message.");
					$("txtBoxBad").setStyle("display","block");
				}
			}
			).send({'name': name, 'email': email, 'message': message});
		}

	});
	
	$("btnReset").addEvent('click', function(event){
		Clear();
	});
	
	function Clear(){
			$("txtBoxGood").setStyle("display","none");
			$("txtBoxBad").setStyle("display","none");
			$("txtName").setText("");
			$("txtMail").setText("");
			$("txtMessage").setText("");
	}	
	
	function VerifyEmail(email){
		var status = false;     
		var emailRegEx = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
		
     	if (email.search(emailRegEx) == -1)
          return false;
     	else
          return true;
	}	
});