/***************************/
//@Author: Adrian "yEnS" Mato Gondelle & Ivan Guardado Castro
//@website: www.yensdesign.com
//@email: yensamg@gmail.com
//@license: Feel free to use it, but keep this credits please!					
/***************************/

$(document).ready(function(){
	//global vars
	var form = $("#customForm");
	var name = $("#name");
	var nameInfo = $("#nameInfo");
	var email = $("#email");
	var emailInfo = $("#emailInfo");
	var phone = $("#phone");
	var phoneInfo = $("#phoneInfo");	
//	Removed because our contact form does not need password
/*	var pass1 = $("#pass1");
	var pass1Info = $("#pass1Info");
	var pass2 = $("#pass2");
	var pass2Info = $("#pass2Info");*/
	
	var message = $("#message");
	var send = $("#send");
	
	//On blur
	name.blur(validateName);
	email.blur(validateEmail);
	phone.blur(validatePhone);
	message.blur(validateMessage);
	
//	Removed because our contact form does not need password	
/*	pass1.blur(validatePass1);
	pass2.blur(validatePass2);*/
	
	//On key press
//	name.keyup(validateName);
	
//	Removed because our contact form does not need password	
/*	pass1.keyup(validatePass1);
	pass2.keyup(validatePass2);*/
	
//	message.keyup(validateMessage);
	
/*	
	//On submit button click
	send.click(function() {
		if(validateName() & validateEmail() & validatePhone() & validateMessage()){
				
			var dataString = 'name='+ name.val() + '&email=' + email.val() + '&phone=' + phone.val() + '&message=' + message.val();
			//alert (dataString);return false;
				
			$.ajax({
				type: "POST",
				url: "scripts/mail_frontend.php",
				data: dataString,
				success: function() {
					$('#contact_form').append("<div id='confirmation'></div>");
					$('#confirmation').html("<h2>Contact Form Submitted!</h2>")
					.append("<p>We will be in touch soon.</p>")
					.hide()
					.fadeIn(1500, function() {
						$('#confirmation').append("<img id='checkmark' src='images/googlemaps/scMarker.png' />");
					});
				}
			});
			
			return false;
			
		}
		else {
			return false;			 
		}
	});

*/
	//On Submitting
	form.submit(function() {
		if(validateName() & validateEmail() & validatePhone() & validateMessage()){
				
			var dataString = 'name='+ name.val() + '&email=' + email.val() + '&phone=' + phone.val() + '&message=' + message.val();
			//alert (dataString);return false;
				
			$.ajax({
				type: "POST",
				url: "scripts/mail_frontend.php",
				data: dataString,
				success: function() {
					$('#contact_form').append("<div id='confirmation'></div>");
					$('#confirmation').html("<h2>Contact Form Submitted!</h2>")
					.append("<p>We will be in touch soon.</p>")
					.hide()
					.fadeIn(1500, function() {
						$('#confirmation').append("<img id='checkmark' src='images/check.png'/>");
						$('#confirmation').append("<div class=\"clear\"></div>");
					});
				}
			});
			
			return false;
			
		}
		else {
			return false;			 
		}
	});
	


	// send function
	function send(datastr){
		$.ajax({	
			type: "POST",
			url: "scripts/mail_frontend.php",
			data: datastr,
			cache: false,
			success: function(html){
				$("#response").fadeIn("slow");
				$("#response").html(html);
				setTimeout('$("#response").fadeOut("slow")',2000);
			}
		});
	}
	
	
	//validation functions
	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.text("Valid E-mail please.");
			emailInfo.removeClass("error");
			return true;
		}
		//if it's NOT valid
		else{
			email.addClass("error");
			emailInfo.text("Type a valid e-mail please.");
			emailInfo.addClass("error");
			return false;
		}
	}
	function validateName(){
		//if it's NOT valid
		if(name.val().length < 1){
			name.addClass("error");
			nameInfo.text("Please enter your name.");
			nameInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			name.removeClass("error");
			nameInfo.text("What's your name?");
			nameInfo.removeClass("error");
			return true;
		}
	}
	function validatePhone(){
		//if it's NOT valid
		if(phone.val().length < 1){
			phone.addClass("error");
			phoneInfo.text("Please type a valid phone number.");
			phoneInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			phone.removeClass("error");
			phoneInfo.text("Please include your area code.");
			phoneInfo.removeClass("error");
			return true;
		}
	}
	function validatePass1(){
		var a = $("#password1");
		var b = $("#password2");

		//it's NOT valid
		if(pass1.val().length <5){
			pass1.addClass("error");
			pass1Info.text("Ey! Remember: At least 5 characters: letters, numbers and '_'");
			pass1Info.addClass("error");
			return false;
		}
		//it's valid
		else{			
			pass1.removeClass("error");
			pass1Info.text("At least 5 characters: letters, numbers and '_'");
			pass1Info.removeClass("error");
			validatePass2();
			return true;
		}
	}
	function validatePass2(){
		var a = $("#password1");
		var b = $("#password2");
		//are NOT valid
		if( pass1.val() != pass2.val() ){
			pass2.addClass("error");
			pass2Info.text("Passwords doesn't match!");
			pass2Info.addClass("error");
			return false;
		}
		//are valid
		else{
			pass2.removeClass("error");
			pass2Info.text("Confirm password");
			pass2Info.removeClass("error");
			return true;
		}
	}
	function validateMessage(){
		//it's NOT valid
		if(message.val().length < 1){
			message.addClass("error");
			return false;
		}
		//it's valid
		else{			
			message.removeClass("error");
			return true;
		}
	}
});