$(document).ready(function(){
	$('<b class="png"></b>').appendTo("div.bird1");
	$('<b class="png"></b>').appendTo("div.bird2");
	$('<b class="png"></b>').appendTo("div.bird3");
	$('<b class="png"></b>').appendTo("div.bird4");
	$('<b class="png"></b>').appendTo("div.bird5");
	$('<b class="png"></b>').appendTo("div.bird6");
	$('<b class="png"></b>').appendTo("div.bird7");

	$("#submit").click(function(){					   				   
		$(".error").hide();
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		
		var nameVal = $("#name").val();
		if(nameVal == '') {
			$(".nameDiv").before('<p class="error">You forgot to enter your name.</p>');
			hasError = true;
		}
		
		var emailVal = $("#email").val();
		if(emailVal == '') {
			$(".emailDiv").before('<p class="error">You forgot to enter your email address.</p>');
			hasError = true;
		} else if(!emailReg.test(emailVal)) {	
			$(".emailDiv").before('<p class="error">Enter a valid email address.</p>');
			hasError = true;
		}
		
		var commentsVal = $("#comments").val();
		if(commentsVal == '') {
			$(".commentsDiv").before('<p class="error">You forgot to enter your message.</p>');
			hasError = true;
		}
		
		
		if(hasError == false) {
			$(this).hide();
			$("#sendEmail p.buttons").append('<img src="images/loading.gif" alt="Loading" id="loading" />');
			
			$.post("send-email.php",
   				{ name: nameVal, email: emailVal, comments: commentsVal },
   					function(data){
						$("#sendEmail").slideUp("normal", function() {				   
							
							$("#sendEmail").before('<h1>Your message has been successfully sent.</h1>');											
						});
   					}
				 );
		}
		
		return false;
	});						   
});