$(function() {
	var form_id = 'cform';
	// Add Star (*) to all required fields (having class "required")
	$('#'+form_id+' .required').each(function(i) { $(this).prev().append('* '); });
	// Check Input Validity
	function CheckEmail(f){
		var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
	if(pattern.test(f.val()))
		f.prev().removeClass('red').addClass('green');
	else
		f.prev().removeClass('green').addClass('red');
	}
	function CheckPhone(f){
		//alert(f.val());
		var phonepattern = /^([-0-9\(\)\+ ]+)$/;
		//alert(phonepattern.test(f.val()));
		
		if (phonepattern.test(f.val())) {
            f.prev().removeClass('red').addClass('green');
		}
		else
			f.prev().removeClass('green').addClass('red');
		
		
		
	}

	
	function CheckInput(f){
		if(f.is('.required')){
			if(f.val() == '') 
				f.prev().removeClass('green').addClass('red');
			else {
				if(f.attr('id').indexOf('email') != -1)
					CheckEmail(f);
				else if(f.attr('id').indexOf('phone') != -1)
					CheckPhone(f);
				else
					f.prev().removeClass('red').addClass('green');
		
			}
		}
		else
			f.prev().removeClass('red').addClass('green');		
	}
	$('#'+form_id+' .ff').blur(function(){
		CheckInput($(this));
	});
	
	
	var nb_fields = $('#'+form_id+' .ff').length;
	$('#contact_btn').click(function(){
		$('.error_msg').slideUp(400,function(){ $(this).remove() });
		$('#'+form_id+' .ff').each(function(i) {
			CheckInput($(this));
			if(i == nb_fields-1){
				var nb_errors = $('#'+form_id+' label.red').length;
				if(nb_errors == 0) {
					var values = $('#'+form_id).serialize();
					$('#'+form_id).fadeOut(500,function(){
						$(this).after('<div id="contact_msg" class="loading">Sending Message, Please Wait...</div>');
					$('#contact_btn').remove();
					$.post("/_ajax/contact.php", values, function(data){
						$('#contact_msg').removeClass('loading').addClass('sent').html('Your message has been successfully sent to our team. Thank you!');	
					});
					});
				}
				else {
					$('#contact_btn').before('<div class="error_msg">Please correct the red fields and try again<div>')
						$('.error_msg').hide().slideDown(400).delay(3000).slideUp(400,function(){
							$(this).remove();
						});
				}
			}
		
		});	
				
		
	});

});