$(document).ready(function(){

	var jVal = {
		

		'email' : function() {

			$('body').append('<div id="emailInfo" class="info"></div>');

			var emailInfo = $('#emailInfo');
			var ele = $('#email');
			var pos = ele.offset();

			emailInfo.css({
				top: pos.top +1,
				left: pos.left+ele.width()+65
			});

			var patt = /^.+@.+[.].{2,}$/i;

			if(!patt.test(ele.val())) {
				jVal.errors = true;
					emailInfo.removeClass('correct').addClass('error').html('').show();
					ele.removeClass('normal').addClass('wrong');
			} else {
					emailInfo.removeClass('error').addClass('correct').html('').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},

		

		'sendIt' : function (){
			if(!jVal.errors) {
				$('#jform').submit();
			}
		}
	};

// ====================================================== //

	$('#send').click(function (){
		
			jVal.errors = false;
			jVal.email();
			jVal.sendIt();
		
		return false;
	});

	
	$('#email').change(jVal.email);

});