$.facebox.settings.opacity = 0.25;

$(document).ready(function() {
	$("div#registerButton").mousedown(function() {
		$(this).css("border-style","inset");
	});
	$("div#registerButton").mouseup(function() {
		$(this).css("border-style","outset");
	});
	$("div#registerButton").mouseout(function() {
		$(this).css("border-style","outset");
	});
	$("div#registerButton").click(function() {
		jQuery.facebox(registerFormHtml);
	});
	$("a#registerButtonLink").mousedown(function(event) {
		event.preventDefault();
	});
	$("a#registerButtonLink").click(function(event) {
		event.preventDefault();
	});
});

$(document).bind('reveal.facebox', function() {
	$("div#facebox form:first").validate({
		rules: {
			"name": {
				required: true
			},
			"email": {
				required: true,
				email: true
			}
		}
	});
	
	$("div#facebox form:first").submit(function(event) {
		event.preventDefault();
		
		var checkedInterests = new Array();
		
		$(this).find("input[name=interest]:checked").each(function() {
			checkedInterests.push($(this).val());
		});
		
		$.ajax({
			type: "POST",
			data: ({
				name: $(this).find("input[name=name]").val(),
				email: $(this).find("input[name=email]").val(),
				interests: checkedInterests.join(",")
			}),
			url: "registerSend.cfm",
			success: function(textData, textStatus) {
				if (textData.indexOf("Error") == -1) {
					$("div#facebox div.content:first").html('<div id="thankYouText">Thank you for registering for updates.</div>');
					setTimeout("jQuery(document).trigger('close.facebox')",4000);
				}
			},
			error: function(XMLHttpRequest, textStatus, errorThrown) {
				$("div#facebox div.content:first").append('<div id="errorText" class="error">Your request could not be submitted at this time. Please try again.</div>');
				setTimeout("$('div#facebox div#errorText').remove()",4000);
			}
		});
		
		return false;
	});
});

var registerFormHtml = '<form name="Form1" class="registerForm" action="registerSend.cfm" method="post">\
   <table border="0" cellspacing="0" cellpadding="5" class="registerTable">\
    <tr>\
      <th colspan="3">\
		<span class="header">Register for updates by providing your information below.</span>\
	  </th>\
    </tr>\
	<tr>\
		<th colspan="3">\
			<hr size="1" />\
		</th>\
	</tr>\
    <tr>\
    	<th>Name:</th>\
    	<td>\
			<input type="text" name="name" size="40">\
			<br />\
			<label for="name" generated="true" class="error">This field is required.</label>\
		</td>\
    </tr>\
    <tr>\
    	<th>E-mail:</th>\
    	<td>\
			<input type="text" name="email" size="40">\
			<br />\
			<label for="email" generated="true" class="error">This field is required.</label>\
		</td>\
    </tr>\
    <tr>\
    	<th>Interests:</th>\
    	<td colspan="2">\
    		<table cellpadding="5" cellspacing="5" border="0">\
    		<tr>\
    			<td><input type="checkbox" name="interest" value="Buy" id="interest1" /><label for="interest1">Buy</label></td>\
    			<td><input type="checkbox" name="interest" value="Sell" id="interest2" /><label for="interest2">Sell</label></td>\
    		</tr>\
    		<tr>\
    			<td><input type="checkbox" name="interest" value="Auction" id="interest3" /><label for="interest3">Auction</label></td>\
    			<td><input type="checkbox" name="interest" value="Exclusive Listing" id="interest4" /><label for="interest4">Exclusive Listing</label></td>\
    		</tr>\
			<tr>\
				<td><input type="checkbox" name="interest" value="Investment" id="interest5" /><label for="interest5">Investment</label></td>\
			</tr>\
			<tr>\
				<td><div class="note">Please check all that apply</div></td>\
    		</table>\
    	</td>\
    </tr>\
    <tr> \
      <th colspan="2">\
		<input type="submit" class="sendButton" value="Send">\
	  </th>\
    </tr>\
  </table>\
 </form>';