/*
  * FORM ***
*/
$(document).ready(function() {

	$('.required').each(function(){
		$(this).blur(function(){
			if($(this).val() == ''){
				if(!$(this).prev().hasClass('error')){
					$(this).before('<div class="error">This field cannot be left blank</div>');
				}
			}else{
				if($(this).prev().hasClass('error')){
					$(this).prev().remove();
				}
			}
		})
	})
	
	$('input.email').each(function(){
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		$(this).blur(function(){
			if($(this).val() == ''){
				if(!$(this).prev().hasClass('error')){
					$(this).before('<div class="error">This field cannot be left blank</div>');
				}	
			}else{
				if(!emailReg.test($(this).val())){
					if($(this).prev().hasClass('error')){
						$(this).prev().remove();
					}
					$(this).before('<div class="error">You must enter a valid email address</div>');
				}else{
					if($(this).prev().hasClass('error')){
						$(this).prev().remove();
					}
				}
			}
		})
	})
	
	$(".validate").bind("submit", function() {

		//add loading image
		$(this).before("<p id='loading'><img src='/images/loading.gif' /> Sending....</p>")
		
		form = '#' + $(this).attr('id');
		var valid = true;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		$(form + ' .error').remove();
		$(form + ' .required').each(function(){
			if($(this).val() == ''){
				valid = false;
				$(this).before('<div class="error">This field cannot be left blank</div>');
			}
		})
	    
		$(form + ' input.email').each(function(){
			if($(this).val() == ''){
				valid = false;
				$(this).before('<div class="error">This field cannot be left blank</div>');
			}else{
				if(!emailReg.test($(this).val())){
					valid = false;
					$(this).before('<div class="error">You must enter a valid email address</div>');
				}
			}
		})
	    
		if(valid){
			$('#flash-message-container').remove();
			var dataString = $(this).serialize();
			//alert (dataString);return false;
			$.ajax({
				type: "POST",
				url: $(this).attr('action'),
				data: dataString,
				success: function(msg) {
						$(form).before("<div id='flash-message-container' class='success'>Thank you, we have received your enquiry and we will contact you shortly.</div>")
						.fadeIn('slow');
						$('#loading').remove();
						}
					});
			return false;
		}else{
			$('#loading').remove();
			$(form).before("<div id='flash-message-container' class='error'>Sorry there was a problem with your form, Please review the errors and resubmit</div>");
			return false;
		}
		return false;
	});

});