$(document).ready(function()
{
	$("#newsletter_form").ajaxForm({beforeSubmit: newsletter_check, success: newsletter_done});
	
	var nl_text = "Enter email address";
	$("#newsletter_form input[name=email]")
		.css({color: '#888'})
		.val(nl_text)		
		.focus(function()
		{
			if(this.value == nl_text)
				this.value = "";
			$(this).css('color', '#000');
		})
		.blur(function()
		{
			if(this.value == '')
			{
				this.value = nl_text;
				$(this).css('color', '#888');
			}
		})
});

function newsletter_check(formData, j_form, options)
{
	var e_form = j_form[0];
	if(!/^(("[\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.test(e_form.email.value)) 
	{
		var html = "<div style='text-align: center; font-weight: bold;'>Newsletter<br /><br />Please enter a valid email address</div>";
		popup.inline(html);
		return false;
	}
}
function newsletter_done()
{
	$("#newsletter_form").css({padding: "5px", border: '2px solid #888'})
		.html('Your subscription has been submitted.  You will receive a confirmation at the email address you provided.');
}