$(document).ready(function() {

	/*
	 
	$("#joinMailingList").click(function() {
		var action = $("#emailForm").attr('action');
		var form_data = {
			email: $("#email").val(),
			is_ajax: 1
		};

		$.ajax({
			type: "POST",
			url: action,
			data: form_data,
			success: function(response)
			{
				if(response == 'success'){
					$("#emailForm").slideUp('slow', function() {
						$("#message").html("<p class='inputTextSuccess'>We've got it! You'll hear from us about LessonLogs version 2 as things progress.</p>");
					});
				}else if(response == 'exists'){
					$("#emailForm").slideUp('slow', function() {
						$("#message").html("<p class='inputTextError'>You're already on our update list for LessonLogs version 2.</p>");
					});
				}else if(response == 'error'){
					$("#message").html("<p class='inputTextError'>We didn't receive your email address. Please try again.</p>");
				}
			}
		});

		return false;
	});
	 */
	
	
	
	
	

	$("#emailForm").validate({
		rules: {
			email: {
				required: true,
				email: true
			}
		},
		messages: {
			email: {
				required: ""
			}
		},
		errorClass: "inputBGError",
		highlight: function(element, errorClass) {
			jQuery(element).addClass(errorClass);
		},
		unhighlight: function(element, errorClass) {
			jQuery(element).removeClass(errorClass);
		},
		errorPlacement: function(error, element) {

		},
		submitHandler: function() { 
			jQuery.ajax({
				type: "POST",
				url: "joinMailingList.php",
				data: jQuery("#emailForm").serialize(),
				target: '#emailForm',
				beforeSubmit: showRequest,
				success: showResponse,
				error: showError
			}); 
			
			//form.submit();

		}
	});

	
	function showRequest(formData, jqForm, options){
		
	}
	function showResponse(responseText, statusText, xhr, $form){
		if(responseText=="success"){
			$("#emailForm").slideUp('slow', function() {
				$("#message").html("<p class='inputTextSuccess'>We've got it! You'll hear from us about LessonLogs version 2 as things progress.</p>");
			});
		}else if(responseText=="exists"){
			$("#emailForm").slideUp('slow', function() {
				$("#message").html("<p class='inputTextSuccess'>We've got it already! You previously entered your email address to receive updates for LessonLogs Version 2.</p>");
			});
		}else if(responseText=="error"){
			$("#emailForm").slideUp('slow', function() {
				$("#message").html("<p class='inputTextError'>Woops. Something went wrong. Please try back later.</p>");
			});
		}else if(responseText=="failed"){
			$("#emailForm").slideUp('slow', function() {
				$("#message").html("<p class='inputTextError'>We weren't able to process your email address at the moment. Please try back later.</p>");
			});
		}else if(responseText=="invalid domain"){
			$("#email").addClass("inputBGError");
		}else{
			$("#emailForm").slideUp('slow', function() {
				$("#message").html("<p class='inputTextSuccess'>"+responseText+"</p>");
			});
		}
	}
	function showError(responseText, statusText, xhr, $form){
		$("#message").html = responseText;
	}
});

function toggleEmailMessage(){
	if(document.getElementById('email').value=="Enter Your Email Address"){
		document.getElementById('email').value="";
	}else if(document.getElementById('email').value==""){
		document.getElementById('email').value = "Enter Your Email Address"; 
	}
}

function signUpBtnUp(){
	document.getElementById("joinMailingList").src = "style/images/sign_up_01_up.png";
}

function signUpBtnOver(){
	document.getElementById("joinMailingList").src = "style/images/sign_up_01_over.png";
}

function letThemKnowBtnUp(){
	document.getElementById("contactEmailsBtn").src = "style/images/let_them_know_01_up.png";
}

function letThemKnowBtnOver(){
	document.getElementById("contactEmailsBtn").src = "style/images/let_them_know_01_over.png";
}

function signInBtnUp(){
	document.getElementById("signInBtn").src = "style/images/sign_in_01_up.png";
}
function signInBtnOver(){
	document.getElementById("signInBtn").src = "style/images/sign_in_01_over.png";
}