$(document).ready(function (){
	$("a#clickthis").click(function () {
		$("div#newsletter").fadeIn("slow");
	});
	$("input#newsletter-cancel").click(function () {
		$("div#newsletter").fadeOut("slow");
	});
});

$(function() {
	$("#newsletter-form").validate({
		rules: {
			newsletterfirst: {
				required: true,
				minlength: 2
			},
			newsletterlast: {
				required: true,
				minlength: 2
			},
			newsletteremail: {
				required: true,
				email: true
			}
		},
		messages: {
			newsletterfirst: "<div style=\"color: #FFFFFF; position: absolute; bottom: 135px; left: 220px; z-index: 20;\">Please enter your first name</div>",
			newsletterlast: "<div style=\"color: #FFFFFF; position: absolute; bottom: 110px; left: 220px; z-index: 20;\">Please enter your last name</div>",
			newsletteremail: "<div style=\"color: #FFFFFF; position: absolute; bottom: 85px; left: 220px; z-index: 20;\">Please enter a valid email address</div>"
		}
	});
});