// JavaScript Document
$(function() {
	$('.error').hide();
	$('input.textform').css({backgroundColor:"#fff"});

	// on focus change bg color
	$('input.textform').focus(function(){
		$(this).css({backgroundColor:"#fff"});
	});

	$('input.textform').blur(function(){
		$(this).css({backgroundColor:"#fff"});
	});
	
	$('textarea.textform').css({background:"#fff"});

	// on focus change bg color
	$('textarea.textform').focus(function(){
		$(this).css({background:"#fff"});
	});

	$('textarea.textform').blur(function(){
		$(this).css({background:"#fff"});
	});	

	$(".js-submit").click(function() {
		$('.error').hide();		
	
		var name = $("input#cust_name").val();
		if (name == "") {
			$("p#cust_name_error").show();
			$("input#cust_name").focus();
			/*$("input#cust_name").css({background:"#ffddaa"});*/
		return false;
		}	

		var telno = $("input#cust_tel").val();
		if (telno == "") {
			$("p#cust_tel_error").show();
			$("input#cust_tel").focus();
			/*$("input#cust_tel").css({background:"#ffddaa"});*/
		return false;
		}	
		if (telno.length > 11) {
			$("p#cust_tel_error_length").show();
			$("input#cust_tel").focus();
			/*$("input#cust_tel").css({background:"#ffddaa"});*/
		return false;
		}		
		var email = $("input#cust_email_address").val();	
		if (email == "") {
			$("p#cust_email_address_error").show();
			$("input#cust_email_address").focus();
			/*$("input#cust_email_address").css({background:"#ffddaa"});*/
		return false;
		}

		var comments = $("textarea#cust_comments").val();
		if (comments == "") {
			$("p#cust_comments_error").show();
			$("textarea#cust_comments").focus();
			/*$("textarea#cust_comments").css({background:"#ffddaa"}):*/
		return false;
		}

		var dataString = 'cust_name='+ escape(name) + '&cust_email_address=' + escape(email) + '&cust_tel=' + escape(telno) + '&cust_comments=' + escape(comments);

		//alert (dataString);return false;
		
		$.ajax({
			type: "POST",
			url: "../includes/emailer.asp",
			data: dataString,
			success: function() {
				$('#contactForm').html("<div id='message' style='margin: 25px 0px 15px 0px; text-align: right;'></div>");
				$('#message').html("<p >Thanks for your enquiry!</p>")
				.append("<p>We will be in touch soon.</p>")
				.hide()
				.fadeIn(1500, function() {
				  $('#message').append("<img id='checkmark' src='../email/check.png' />");
				});
		  	}
		});
		return false;
	});
});

function showForm() {
	document.write("<form name=\"contact\" action=\"\" method=\"post\">");
	document.write("<fieldset>");
	document.write("<p class=\"formtitle\">Fill in your details below and we will get back to you asap...<\/p>");
	document.write("<p class=\"error cust_name_error\" id=\"cust_name_error\">* Name is required.<\/p>");
	document.write("<p class=\"error cust_tel_error\" id=\"cust_tel_error\">* Telephone is required.<\/p>");
	document.write("<p class=\"error cust_tel_error_length\" id=\"cust_tel_error_length\">* Telephone is too long.<\/p>");	
	
	document.write("<p class=\"error cust_tel_error_isnumeric\" id=\"cust_tel_error_isnumeric\">* Telephone is invalid.<\/p>");		
	
	
	document.write("<p class=\"error cust_email_address_error\" id=\"cust_email_address_error\">* Email is required.<\/p>");
	document.write("<p class=\"error cust_comments_error\" id=\"cust_comments_error\">* Comments is required.<\/p>");	

	document.write("<p><label for=\"cust_name\">Name:<\/label><input type=\"text\" name=\"cust_name\" id=\"cust_name\" class=\"textform\" \/><\/p>");
	document.write("<p><label for=\"cust_tel\">Tel no:<\/label><input type=\"text\" name=\"cust_tel\" id=\"cust_tel\" class=\"textform\" \/><\/p>");
	document.write("<p><label for=\"cust_email_address\">Email:<\/label><input type=\"text\" name=\"cust_email_address\" id=\"cust_email_address\" class=\"textform\" \/><\/p>");
	document.write("<p><label for=\"cust_comments\" class=\"comments\">Comments:<\/label><textarea name=\"cust_comments\" rows=\"4\" cols=\"150\" id=\"cust_comments\" class=\"textform\"><\/textarea><\/p>");
	document.write("<p><button class=\"submit js-submit\" type=\"submit\" name=\"submit1\">Submit<\/button><\/p>");
	document.write("<\/fieldset>");
	document.write("<\/form>");
};