$(document).ready(function() {
	
	var $form = $('form', '#bubble-holder');
	var $emailHolder = $('input[type="text"]', '#bubble-holder');
	var $errorHolder = $('#error-holder', '#no-community-page');
	var emailEmptyMessage = 'Enter your email here...';

	$emailHolder.empty_value(emailEmptyMessage);
	
	var options = { 
		url:        '/portal/error/locate-by-email/', 
		success:    successSending,
		beforeSubmit: validateEmail,
		dataType: 'json'
	
	};
	$form.ajaxForm(options);
	
	function validateEmail() {
		if ($emailHolder.val() == emailEmptyMessage) {
			$emailHolder.alertInputNotValidated();
			return false;
		} else if(!$.checkValidEmail($emailHolder.val())) {
			$errorHolder.html('Please enter a valid email address');
			$errorHolder.fadeIn('fast');
			return false;
		}
	}
	
	function successSending(responseObj, statusText, xhr, $form) {
		if(responseObj.answer == 'not_found') {
			$errorHolder.html('Sorry, this email is not registered in our system, please try<br/>another email you might have used');
			$errorHolder.fadeIn('fast');
		} else if(responseObj.answer == 'found') {
			$errorHolder.css('color', 'green');
			$errorHolder.html('Found you! Redirecting...');
			$errorHolder.fadeIn('fast');
			setTimeout(function () {
				window.location = responseObj.url;					
			}, 1000)
		}
	}
	
	$emailHolder.focus(function () {
		$errorHolder.fadeOut('fast');		
	});
	
	$form.validate({
		rules: {
			field: {
				required: true,
				email: true
			}
		}
	});
	
	
});