$(document).ready(function(){
	
	$('#emailForms').css("display", "block");
	$('#emailFormsJsReq').css("display", "block");
	var form = $("#contact_form");
	
	var name = $("#name");
	var nameinfo = $("#nameinfo");
	
	var email = $("#email");
	var emailinfo = $("#emailinfo");
	
	var enquiry = $("#enquiry");
	var enquiryinfo = $("#enquiryinfo");
	
	var button = $("#submitbutton");
	
	//hover functions
	button.hover(
		function(){ 
			$(this).addClass("button_hover"); 
		},
		function(){ 
			$(this).removeClass("button_hover"); 
		}
	)
	
	//On blur
		name.blur(validatename);
		email.blur(validateemail);
		enquiry.blur(validateenquiry);
		
	//On key press
		name.keyup(validatename);
		email.keyup(validateemail);
		enquiry.keyup(validateenquiry);
	
	//On Submitting
		$(document).ready(function(){
			
			$("form").submit(function() {
				if(validatename() & validateemail() & validateenquiry()){
					
					$('#emailLoad').css("display", "inline");
					
					var data = "name="+$('#name').val()+"&email="+$('#email').val()
					   +"&phone="+$('#phone').val()+"&enquiry="+$('#enquiry').val()
					  +"&submitted="+$('#submitted').val() +"&ts="+$('#ts').val();
					  //alert(data);
					  
					$.ajax({
					   type: "POST",
					   url: "contact-the-image-studio.php",
					   data: data ,
					   success: function(msg){
					    	//alert( "Data Saved: " + msg );
							//$('#debug').val(msg);
					   },
					   error: function (XMLHttpRequest, textStatus, errorThrown) {
						 alert('An error Occured while sending the email, message not sent');
						},
					   complete: function (XMLHttpRequest, textStatus) {
						  $('#emailLoad').css("display", "block");
						  $('#successMessage').css("display", "block");
						  $('#emailForms').css("display", "none");						  
						}
					 });

				}
				return false;
			});
		});

	//validation functions
		function validatename(){
			//if it's NOT valid
			if(name.val().length < 1){
				name.addClass("error");
				nameinfo.addClass("error");
				return false;
			}
			//if it's valid
			else{
				name.removeClass("error");
				nameinfo.removeClass("error");
				return true;
			}
		}
		
		function validateemail(){
			//testing regular expression
			var a = $("#email").val();
			var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/;
			//if it's valid email
			if(filter.test(a)){
				email.removeClass("error");
				emailinfo.removeClass("error");
				return true;
			}
			//if it's NOT valid
			else{
				email.addClass("error");
				emailinfo.addClass("error");
				return false;
			}
		}
	
		function validateenquiry(){
			//if it's NOT valid
			if(enquiry.val().length < 1){
				enquiry.addClass("error");
				enquiryinfo.addClass("error");
				return false;
			}
			//if it's valid
			else{
				enquiry.removeClass("error");
				enquiryinfo.removeClass("error");
				return true;
			}
		}
	
});