$(document).ready(function(){

	/* Setup the sliders for the portfolio items */
	$("#controller").jFlow({
		slides: "#slides",
		controller: ".jFlowControl", // must be class, use . sign
		slideWrapper : "#jFlowSlide", // must be id, use # sign
		selectedWrapper: "jFlowSelected",  // just pure text, no sign
		width: "100%",
		height: "370px",
		duration: 600,
		prev: ".jFlowPrev", // must be class, use . sign
		next: ".jFlowNext" // must be class, use . sign
	});
			
	/* Handle the contact form animations and AJAX submission */
	$("#submit").click(function(){					   				   
		$(".error").hide();
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		
		var name = $("#name").val();
		if(name == '') {
			$("#name").after('<span class="error">You forgot to enter your name.</span>');
			hasError = true;
		}
				
		var email = $("#email").val();
		if(email == '') {
			$("#email").after('<span class="error">You forgot to enter your email address.</span>');
			hasError = true;
		} else if(!emailReg.test(email)) {	
			$("#email").after('<span class="error">That email address doesn&rsquo;t look right.</span>');
			hasError = true;
		}
				
		var message = $("#message").val();
		if(message == '') {
			$("#message").after('<span class="error">You forgot to enter your message.</span>');
			hasError = true;
		}
				
		if(hasError == false) {
			$(this).hide();
			$("#submit").after('<img src="images/loading.gif" alt="Loading" id="loading" class="right_align" />');
					
			$.post("sendemail.php",
				{ name: name, email: email, message: message },
					function(data){
						$("#contact_form").slideUp("normal", function() {				   
								$("#contact_form").before('<p>Thanks for your message!</p><p>I will get back to you as soon as possible.</p>');											
						});
		   			}
			);
		}
				
		return false;
	});		
			
});
