$(document).ready(function() {
	$("#mySubmit").click(function() {
		$('#MessageBar').empty();
		var Email = $("input#Email").val();
		var Email_Confirm = $("input#Email_Confirm").val();
		var Password = $("input#Password").val();
		var Password_Confirm = $("input#Password_Confirm").val();
		var How = $("select#How").val();
		var How_Other = $("input#How_Other").val();
		var OptIn = $("#OptIn:checkbox:checked").val();
		var myData = "Email="+Email+"&Email_Confirm="+Email_Confirm+"&Password="+Password+"&Password_Confirm="+Password_Confirm+"&How="+How+"&How_Other="+How_Other+"&OptIn="+OptIn;
		//alert(myData);
		$.ajax({
			url: "/submit_CreateAccount.asp",
			type: 'post',
			data: myData,
			dataType: "html",
			async: false,
			success: function(response) {
				$("#Response").delay(1000).fadeOut(function() {
					if (response == 'Success') {
						$('#myForm').fadeOut('slow', function() {
							$('#myForm').html("Thanks for signing up. You'll now get access to great offers and news.<br /><br/>Make sure you become a friend on <a target='_blank' href='http://www.facebook.com/pages/Chestees-T-Shirts/73727190886'>Facebook</a> as well");
							$('#myForm').fadeIn('slow');
						});
						$('#MessageBar').append("<div class='SuccessBar'></div>");
						$(window).scrollTop(0);
						strMsg = "<div style='width:850px; margin:0 auto;'>"
						strMsg = strMsg + "<div class='ErrorBar_L'><img src='/images/icon-donut.png' width='39' height='35'></div>"
						strMsg = strMsg + "<div class='ErrorBar_R'>Thanks for the signing up! Enjoy a donut.</div>"
						strMsg = strMsg + "<div class='clear'></div></div>";
						$(".SuccessBar").html(strMsg);
						$('#MessageBar').delay(1000).slideDown('slow');
					} else {
						$('#MessageBar').append("<div class='ErrorBar'></div>");
						$(window).scrollTop(0);
						strError = "<div style='width:850px; margin:0 auto;'>"
						strError = strError + "<div class='ErrorBar_L'><img src='/images/icon-error-lg.png' width='39' height='35'></div>"
						strError = strError + "<div class='ErrorBar_R'>" + response + "</div>";
						strError = strError + "<div class='clear'></div></div>";
						$(".ErrorBar").html(strError);
						$('#MessageBar').delay(1000).slideDown('slow');
					}
				})
			}}); //END ajax
	});
}); //END Document