document.write('<div id="addEmailForm" style="padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 0px;">');
document.write('<div style="text-align: right;"><input id="signUpEmail" maxlength="100" name="signUpEmail" size="40" type="text" value="Sign up for emails" /></div>');
document.write('<div id="submitEmailForm" style="font-size: 13px; cursor: pointer; font-weight: bold; text-decoration: underline; text-align: right;">Submit</div>');
document.write('</div>');
$(function() {	
  $("#signUpEmail").css("border","1px solid #666").css("font-family","Arial, Helvetica, san-serif").css("font-style","italic").css("font-size","10px").css("color","#666").css("background-color","#ddd").css("width","200px");                
	$("#signUpEmail").click(function() {
		$(this).css("color","#000").css("font-style","normal").val("");
	});
	var signUpForEmail = function() {
		if($("#signUpEmail").val() == "" || $("#signUpEmail").val() == "Sign up for emails") {
			alert("You cannot leave the email field empty."); 
			$("#signUpEmail").focus();
			return false;
		} else {
			var holder = $("#addEmailForm").html();
			var mailContent = $("#signUpEmail").val();
			$("#addEmailForm").html('<img alt="waiting" border="0" src="/images/loadingAnimation.gif" />');
			$.post("/ajax/ajax_addToMaillist.cfm", { 
				email: mailContent 
			},function(response){
				if($.trim(response) == "OK") {
					$("#addEmailForm").html('<span style="font-size: 13px; font-weight: bold; color: #fff;">Thanks!</span>');
				} else {
					alert(response);
					$("#addEmailForm").html(holder);$("#submitEmailForm").bind("click",signUpForEmail);
				}
			}, "html");
		}
	} 
	$("#submitEmailForm").bind("click",signUpForEmail);
});