$(document).ready(function() {
	var link = $('<a class="actionlink" href="' + window.location + '"><img src="/images/email.gif" alt="email icon" style="border: 0; display: inline;" /> Email</a>');
	link.click(function(event) {
		var popup = $('#emailpopup');
		if (popup.length == 0) {
			popup = $(
				'<div id="emailpopup" style="position: absolute; left: 50%; top: 50%; margin: -12em 0 0 -18em; width: 36em; background: #fff; border: 2px solid #6C6F07;"><a style="display: block; float: right; padding: 4px;" id="closebox" href="' + window.location + '">[close]</a>' + 
				'<h3 style="padding: 0; margin: 0.5em; font-weight: bold; color: #6C6F07">Email a friend or colleague about this title</h3>' +
				'<div id="emailcontent"><p style="padding: 0; margin: 0.5em;">Enter a friend or colleague\'s email address in the box below, enter your details, add a personal message then click "send" to send them a link to this page.</p>' +
				'<table cellspacing="0" cellpadding="3" border="0" style="margin: 1.15em 0.5em 0.5em 0.5em;">' +
				'<tr><td>Send to email: </td><td><input style="font: 1em/1.15em Verdana, sans-serif; width: 22em;" type="text" id="emailaddress" /></td></tr>' +
				'<tr><td>Your name: </td><td><input style="font: 1em/1.15em Verdana, sans-serif; width: 22em;" type="text" id="sendername" /></td></tr>' +
				'<tr><td>Your email: </td><td><input style="font: 1em/1.15em Verdana, sans-serif; width: 22em;" type="text" id="senderemail" /></td></tr>' +
				'<tr><td>Personal message: </td><td><textarea style="font: 1em/1.15em Verdana, sans-serif; width: 22em;" rows="4" cols="30" id="emailmessage"></textarea></td></tr>' +
				'<tr><td><input id="emailsend" type="submit" value="Send" /></td><td><p style="font-size: 90%; margin: 0; padding: 0; width: 24em;">Please note: Boffins will not store any information submitted in the form above.</p></td></tr>' +
				'</table></div></div>'
			);
		}

		popup.find('#closebox').click(function(event) {
			event.preventDefault();
			$(this).parent().fadeOut('fast');
		});

		/*
		popup.find('#emailmessage').focus(function() {
			if ($(this).val() == 'Your personal message...') {
				$(this).val('');
			}
		}).blur(function() {
			if ($(this).val() == '') {
				$(this).val('Your personal message...');
			}
		});
		*/

		/*
		popup.find('#emailaddress').focus(function() {
			if ($(this).val() == 'email address') {
				$(this).val('');
			}
		}).blur(function() {
			if ($(this).val() == '') {
				$(this).val('email address');
			}
		});
		*/

		popup.find('#emailsend').click(function() {
	
			var email = /[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}/i;
			if ($('#emailname').val() == '') {
				alert("Please enter your name.");
			} else if ($('#emailmessage').val() == '' ||	$('#emailmessage').val() == 'Your personal message...') {
				alert("Please enter a personal message.");
			} else if (!email.test($('#emailaddress').val())) {
				alert("Please enter a valid email address.");
			} else {
				var regexp = /books\/([^\/]+)/;
				var url = regexp.exec(window.location.href);
				alert(url);

				var data = {
					'sendername':	$('#sendername').val(),
					'senderemail':	$('#senderemail').val(),
					'message':		$('#emailmessage').val(),
					'address':		$('#emailaddress').val(),
					'ISBN':			url[1]
					};
				$('#emailcontent').load("/email.php", data);
				$('#closebox').click(function(event) {
					event.preventDefault();
					$(this).parent().fadeOut('fast', function() {
						$('#emailpopup').remove();
					});
				});
			}
		});

		popup.hide();
		$('body').prepend(popup);

		event.preventDefault();
		popup.fadeIn('fast');
	});
	$('#printable').after(link);
});