$('contactForm').hide();

var messageDelay = 2000;  // How long to display status messages (in milliseconds)

// Init the form once the document is ready

$( init );


// Initialize the form

function init() {


  // Hide the form initially.
  // Make submitForm() the form's submit handler.
  // Position the form so it sits in the centre of the browser window.
  $('#contactForm').hide().submit( submitForm ).addClass( 'positioned' );
  
  
  	// Place ID's of all required fields here.
	required = ["senderName", "senderEmail", "message","date","captcha"];
	// If using an ID other than #email or #error then replace it here
	email = $("#senderEmail");
	errornotice = $("#error");
	// The text to show up within a field when it is incorrect
	emptyerror = "Please fill out this field.";
	emailerror = "Please enter a valid e-mail.";

  // When the "Send us an email" link is clicked:
  // 1. Fade the content out
  // 2. Display the form
  // 3. Move focus to the first field
  // 4. Prevent the link being followed

  $('a[href="#contactForm"]').click( function() {
    $('#content').fadeTo( 'slow', .2 );
    $('#contactForm').fadeIn( 'slow', function() {
      $('#senderName').focus();
    } )

    return false;
  } );
  
  // When the "Cancel" button is clicked, close the form
  $('#cancel').click( function() { 
  

  $('#senderName').val( "" );
  $('#senderName').removeClass("needsfilled");
    $('#senderEmail').val( "" );
    $('#senderEmail').removeClass("needsfilled");
    $('#message').val( "" );
    $('#message').removeClass("needsfilled");
     $('#captcha').val( "" );
    $('#captcha').removeClass("needsfilled");
     $('#date').val( "" );
     $('#date').removeClass("needsfilled");
    $('#contactForm').fadeOut();
    $('#content').fadeTo( 'slow', 1 );
  } );  

  // When the "Escape" key is pressed, close the form
  $('#contactForm').keydown( function( event ) {
    if ( event.which == 27 ) {
	$('#senderName').val( "" );
	$('#senderName').removeClass("needsfilled");
    $('#senderEmail').val( "" );
    $('#senderEmail').removeClass("needsfilled");
    $('#date').val( "" );
    $('#date').removeClass("needsfilled");
     $('#captcha').val( "" );
    $('#captcha').removeClass("needsfilled");
    $('#message').val( "" );
      $('#message').removeClass("needsfilled");
      $('#contactForm').fadeOut();      
      $('#content').fadeTo( 'slow', 1 );
    }
  } );
  
  
		
  // Clears any fields in the form when the user clicks on them
	$(":input").focus(function(){		
	   if ($(this).hasClass("needsfilled") ) {
			$(this).val("");
			$(this).removeClass("needsfilled");
	   }
	});	
	
	
  

}


// Submit the form via Ajax

function submitForm() {
  var contactForm = $(this);

  // Are all the fields filled in?

  if ( !$('#senderName').val() || (!/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test($('#senderEmail').val())) || !$('#message').val() ||  !$('#date').val() || !$('#captcha').val() ||!$('#certification').val() || ($("#senderName").hasClass("needsfilled")) || ($("#senderEmail").hasClass("needsfilled")) || ($("#date").hasClass("needsfilled")) || ($("#captcha").hasClass("needsfilled")) || ($("#certification").hasClass("needsfilled")) || ($("#message").hasClass("needsfilled")) ) {

  for (i=0;i<required.length;i++) {
			var input = $('#'+required[i]);
			
			if ((input.val() == "") || (input.val() == emptyerror)) {
				input.addClass("needsfilled");
				input.val(emptyerror);
				errornotice.fadeIn(750);
				
				
			} else {
				input.removeClass("needsfilled");
			}
		}
		
		
		// Validate the e-mail.
		if (!/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test($('#senderEmail').val())) {
			email.addClass("needsfilled");
			email.val(emailerror);
		}

		//if any inputs on the page have the class 'needsfilled' the form will not submit
		
		if ($(":input").hasClass("needsfilled")) {
			return false;
		} else {
			errornotice.hide();
			return true;
		}
    // No; display a warning message and return to the form
    $('#incompleteMessage').fadeIn().delay(messageDelay).fadeOut();
    contactForm.fadeOut().delay(messageDelay).fadeIn();

  } else {

    // Yes; submit the form to the PHP script via Ajax

    $('#sendingMessage').fadeIn();
    contactForm.fadeOut();

    $.ajax( {
      url: contactForm.attr( 'action' ) + "?ajax=true",
      type: contactForm.attr( 'method' ),
      data: contactForm.serialize(),
      success: submitFinished
    } );
  }

  // Prevent the default form submission occurring
  return false;
}


// Handle the Ajax response

function submitFinished( response ) {
  response = $.trim( response );
  $('#sendingMessage').fadeOut();

  if ( response == "success" ) {

    // Form submitted successfully:
    // 1. Display the success message
    // 2. Clear the form fields
    // 3. Fade the content back in

    $('#successMessage').fadeIn().delay(messageDelay).fadeOut();
    $('#senderName').val( "" );
    $('#senderEmail').val( "" );
    $('#message').val( "" );
    $('#date').val( "" );
    $('#captcha').val( "" );
    $('#captcha_img').load('captcha/captcha.php');

    $('#content').delay(messageDelay+500).fadeTo( 'slow', 1 );

  } else {

    // Form submission failed: Display the failure message,
    // then redisplay the form
    $('#failureMessage').fadeIn().delay(messageDelay).fadeOut();
    $('#contactForm').delay(messageDelay+500).fadeIn();
  }
}