$(document).ready(function() {

  /* Open External Links in New Window */
	$("a[rel=external]").attr("target","_blank");
  
  /* Add Form Elements */
  $("#about form").append("<p class='errors' style='display: none;'></p><p class='result'></p><a class='close' href='' title='Close'>Close</a>");
  
  /* Form Show */
  initBinding();
  $("#about form").css('top', '585px');
  $("#about form a.close").click(function() {
    $(this).hide();
    $("#about form").animate({top: '585px'}, 250, "easeInCirc");
    setTimeout(function() {initBinding();}, 250);
    return false;
  });
  
  /* Form Validation */
  jQuery(function() {
    var v = jQuery("#about form").validate({
      submitHandler: function(form) {
        jQuery(form).ajaxSubmit({
          target: "p.result"
        });
			},
			errorLabelContainer: $("p.errors"),
      wrapper: '',
			rules: {
        name: "required",
        email: {
          required: true,
          email: true
        },
        message: "required"
      },
      messages: {
        name: "Your name is required. ",
        email: {
          required: "A valid email is required. ",
          email: "A valid email is required. "
        },
        message: "A message is required. "
      }
		});
	});
  	
});

function initBinding() { 
  $("#about form").addClass("hidden");
  $("#about form").bind('mouseover', function(event) {
    $(this).animate({top: '540px'}, 100);
  });
  $("#about form").bind('mouseout', function(event) {
    $(this).animate({top: '585px'}, 100);
  });
  $("#about a.message").bind('click', function(event) {
    $("#about form").removeClass().animate({top: '195px'}, 500, "easeOutCirc").unbind('click mouseover mouseout');
    $(this).unbind('click');
    $("#about form a.close").show();
    return false;
  });
  $("#about form").bind('click', function(event) {
    $(this).removeClass().animate({top: '195px'}, 500, "easeOutCirc").unbind('click mouseover mouseout');
    $("#about a.message").unbind('click');
    $("#about form a.close").show();
  });
}