function subscribe() {

	// Show newsletter subscription form
	$("body").append(
		'<div id="newsletter-subscribe">' +
			'<form action="subscribe.php" method="POST">' +
				'<label for="newsletter-fname">First name:</label>' +
				'<input id="newsletter-fname" name="fname" type="text" />' +
				'<label for="newsletter-lname">Last name:</label>' +
				'<input id="newsletter-lname" name="lname" type="text" />' +
				'<label for="newsletter-email">Email address:</label>' +
				'<input id="newsletter-email" name="email" type="text" />' +
				'<input id="newsletter-submit" type="submit" value="Subscribe" />' +
				'<a id="newsletter-cancel" href="javascript:closeSubscribe();">Cancel</a>' +
			'</form>' +
		'</div>'
	);
	
	// AJAX submit
	$("#newsletter-subscribe form").submit(function() {
		$.ajax({
			type: 'POST',
			url: 'subscribe.php',
			data: $(this).serialize(),
			success: subscribeComplete
		});
		return false;
	});
}

function subscribeComplete() {
	$("#newsletter-subscribe form").remove();
	$("#newsletter-subscribe").append(
		'<div id="newsletter-thank-you">' +
			'<strong>Thank you!</strong><br/>You will receive an email to confirm your subscription.' +
			'<a id="newsletter-close" href="javascript:closeSubscribe();">Close</a>' +
		'</div>'
	);
}

function closeSubscribe() {
	$("#newsletter-subscribe").remove();
}
