$(document).ready(function(){
	
	//testing, test.html
	//$('#messageBox p').removeClass().addClass('success');
	//$("#messageBox").fadeOut(0); //hidden in css by default
	
	//stuff to do when you click submit
	$("#list-submit").click(function(){
    	
		//$("#messageBox").fadeOut(0);
		
		//pull in the variables to send
		var email = $('#email').val();
		$("#messageBox p").remove();
		
		$("#list-submit").toggle();
		$(".submit-loading").toggle();
		
		//post our variables to phplist.php / index.php
		//$.post('phplist.php', {'submit' : 'submit', 'email': email}, 
		$.post('index.php', {'submit' : 'submit', 'email': email}, 
			function(data){
				var splitString = data.split("<div id='messageBox'>"); 
				var messages = splitString[1].split("</div>");
								
				$("#messageBox").empty();
				$("#messageBox").append(messages[0]);
				//$("#messageBox").fadeIn(400);
				
				$(".submit-loading").toggle();
				$("#list-submit").toggle();
				
				var messages_class = 'email ' + $("#messageBox p").attr("class");
				var messages_text = $("#messageBox p").text();
				$("div.email").removeClass().addClass(messages_class);
				$("#email").val(messages_text);

			}
		);
		
		return false; //override normal submit action
	});
});