function hideAlertBar(){
	$("#contact_alert").hide();
	$("#contact_alert").css('display','none');
}

function showAlertBar(){
	$("#contact_alert").show();
}

var author_valid;
var email_valid;
var url_valid;
var tel_valid;
/*$(document).ready(function () {
	var email_valid=0;
	checkValidation( $("input#email"));
	var tel_valid=0;
	checkValidation( $("textarea#tel"));
	return false;
});*/

$(function() {
  $(".button").click(function() {
		// validate and process form here		  
  	  var author = $("input#author").val();
  		if ( author == "" ) {
        $("input#author").focus();
		showAlertBar();
		$('#contact_alert').html("<span>Tell me your name</span><input type='button' id='x' value='x' onclick='hideAlertBar()' />");
        return false;
      }
  		var email = $("input#email").val();
		
		if ( tel_valid != 1  && email_valid != 1 ) {
		  $("input#email").focus();
		  
		  
		  showAlertBar();
		  $('#contact_alert').html("<span>Make sure you have put a correct email address or phone number</span><input type='button' id='x' value='x' onclick='hideAlertBar()' />");
		  return false;
      
	    }
	  
  		var url = $("input#url").val();
  		if (url != url) {
			$("input#url").focus();
			return false;
        }
	  
	  var tel = $("input#tel").val();
  		if ( tel_valid != 1  && email_valid != 1 ) {
        $("input#tel").focus();
		showAlertBar();
		$('#contact_alert').html("<span>Make sure you have put a correct email address or phone number</span><input type='button' id='x' value='x' onclick='hideAlertBar()' />");
        return false;
      }
	  
	    var comment = $("textarea#comment").val();
  		if (comment == "") {
        $("textarea#comment").focus();
		showAlertBar();
		$('#contact_alert').html("<span>Don't you have anything to say?</span><input type='button' id='x' value='x' onclick='hideAlertBar()' />");
        return false;
      }
	
	  var dataString = 'author='+ author + '&email=' + email + '&tel=' + tel + '&url=' + url+ '&comment=' + comment;
	  //alert (dataString);return false;
	  $.ajax({
		type: "POST",
		url: "php/process-form.php",
		data: dataString,
		success: function() {
		  $('#contactArea').html("<div id='message2'></div>");
		  $('#message2').html("<h2>Contact Form Submitted!</h2>")
		  .append("<h2>We will be in touch soon.</h2>")
		  .hide()
		  .fadeIn(1500, function() {
								 //Change the location of the picture:
			$('#message2').append("<img id='checkmark' src='http://www.amielucha.com/jquery-ajax/images/check.png' />");
		  })
		  ;
		}
	  });
	  return false;
  });  
});