$(function() {

	// load the modal window
	$('a.modal').click(function(){

		// scroll to top
		$('html, body').animate({scrollTop:0}, 'fast');

		// before showing the modal window, reset the form incase of previous use.
        $('.success, .error').hide();
		$('form#contactForm').show();
        // Reset all the default values in the form fields
        $('#name').val('Name');
        $('#email').val('Email Addresse');
        $('#comment').val('Deine Nachricht');

		//show the mask and contact divs
		$('#mask').show().fadeTo('', 0.7);
		$('div#contact').fadeIn();

		// stop the modal link from doing its default action
		return false;
	});
	

	// close the modal window is close div or mask div are clicked.
	$('div#close, div#mask').click(function() {
		$('div#contact, div#mask').stop().fadeOut('slow');

	});
	
		$('#contactForm input').focus(function() {
		$(this).val(' ');
	});

	// when the Submit button is clicked...
	$('input#submit').click(function() {

		// Gather data from the form
		var name = $('#name').val();
		var email = $('#email').val();
		var comment = $('#comment').val();

		// Regular expression to check the email address
		var emailOK = /[A-Za-z0-9._-]+@[A-Za-z0-9_-]+\.([a-zA-Z.]{2,5})/.test(email);

		// series of checks to make sure name and comment are not blank
		if (name != '') { //make sure name field is not blank.
			if (comment != '') { // make sure comment field is not blank
	        	if (emailOK == true) { // make sure email passed the regex check.
	        		// if all checks as passed, run ajax object.
	        		$.ajax({
	        			type: "post",
						url: "send.php",
						data: "name=" + name + "&email=" + email + "&comment=" + comment,
						error: function() {
							$('.error').hide();
							$('#sendError').slideDown('slow');
						},
						success: function () {
							$('.error').hide();
							$('.success').slideDown('slow');
							$('form#contactForm').fadeOut('slow');
						}
	        		});
	        	}
				else {
					$('.error').hide();
					$('#emailError').slideDown('slow');
				}
			}
			else {
				$('.error').hide();
				$('#commentError').slideDown('slow');
			}
		} else {
			$('.error').hide();
			$('#nameError').slideDown('slow');
		}
		// stop the form from doing its default action
		return false;
	});
});