$(function() {
	$('a.modal').click(function(){
		$('html, body').animate({scrollTop:0}, 'fast');
		$('.modal-success, .modal-error').hide();
		$('form#modal-contactForm').show();		
		$('#modal-name').val('Your name');
		$('#modal-email').val('Your email address');
		$('#modal-comment').val('Please enter your message');
		$('div#modal-contact').fadeIn('fast');

		return false;
	});
	$('div#modal-close').click(function() {
		$('div#modal-contact').stop().fadeOut('fast');

	});
	$('#modal-email').focus(function() {
		$(this).val(' ');
	});
	$('#modal-name').focus(function() {
		$(this).val(' ');
	});
	$('#modal-comment').focus(function() {
		$(this).val(' ');
	});
	$('#modal-contactForm textarea').focus(function() {
        $(this).val('');
    });

	$('input#modal-submit').click(function() {
	$('.modal-error').hide().remove();
		var name = $('#modal-name').val();
		var email = $('#modal-email').val();
		var comment = $('#modal-comment').val();
		
		var error_count = 0;
		
			var email_regex = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/;
		
			if(name == '') {
				$('#modal-contact_header').after('<p class="modal-error">Please enter your name</p>');
				error_count += 1;
			}
			
			if(!email_regex.test(email)) {
				$('#modal-contact_header').after('<p class="modal-error">Please enter your email</p>');
				error_count += 1;
			}
			
			if(comment == '') {
				$('#modal-contact_header').after('<p class="modal-error">Please enter a message</p>');
				error_count += 1;
			}
			
			if(error_count === 0) {
				$.ajax({
					type: "post",
					url: "send.php",
					data: "name=" + name + "&email=" + email + "&comment=" + comment,
					error: function() {
						$('.modal-error').hide();
						$('#modal-sendError').slideDown('slow');
					},
					success: function () {
						$('.modal-error').hide();
						$('.modal-success').slideDown('slow');
						$('form#modal-contactForm').fadeOut('slow');
					}				
				});	
			}			
			else {
                $('.modal-error').show();
            }
			
		return false;
	});
	
});