$(document).ready(function(){
// ====================================================== //

var jVal = {
	'from' : function() {
	
		$('body').append('<div id="nameInfo" class="info">***</div>');
		
		var nameInfo = $('#nameInfo');
		var ele = $('#from');
		var pos = ele.offset();
		
		
		nameInfo.css({
			top: pos.top-3,
			left: pos.left+ele.width()+15
		});
		
		if(ele.val().length < 6) {
			jVal.errors = true;
				nameInfo.removeClass('correct').addClass('error').html('&larr; Por favor escribe tu nombre completo').show();
				ele.removeClass('normal').addClass('wrong');				
		} else {
				nameInfo.removeClass('error').addClass('correct').html('&radic;').show();
				ele.removeClass('wrong').addClass('normal');
		}
	},
	
	
	'reply' : function() {
	
		$('body').append('<div id="emailInfo" class="info"></div>');
	
		var emailInfo = $('#emailInfo');
		var ele = $('#reply');
		var pos = ele.offset();
		
		emailInfo.css({
			top: pos.top-3,
			left: pos.left+ele.width()+15
		});
		
		var patt = /^.+@.+[.].{2,}$/i;
		
		if(!patt.test(ele.val())) {
			jVal.errors = true;
				emailInfo.removeClass('correct').addClass('error').html('&larr; por favor escribe un correo electr&oacute;nico v&aacute;lido').show();
				ele.removeClass('normal').addClass('wrong');					
		} else {
				emailInfo.removeClass('error').addClass('correct').html('&radic;').show();
				ele.removeClass('wrong').addClass('normal');
		}
	},
	

	'mensaje' : function() {
	
		$('body').append('<div id="mensajeInfo" class="info"></div>');
	
		var mensajeInfo = $('#mensajeInfo');
		var ele = $('#mensaje');
		var pos = ele.offset();
		
		mensajeInfo.css({
			top: pos.top-3,
			left: pos.left+ele.width()+15
		});
		
		
				mensajeInfo.removeClass('error').addClass('correct').html('&radic;').show();
				ele.removeClass('wrong').addClass('normal');
		
	},
	
	'sendIt' : function (){
		if(!jVal.errors) {
			$('#jform').submit();
		}
	}
};

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

$('#send').click(function (){
	var obj = $.browser.webkit ? $('body') : $('html');
	obj.animate({ scrollTop: $('#jform').offset().top }, 750, function (){
		jVal.errors = false;
		jVal.from();
		jVal.reply();
		jVal.mensaje();
		jVal.sendIt();
	});
	return false;
});

$('#from').change(jVal.from);
$('#reply').change(jVal.reply);
$('#mensaje').change(jVal.mensaje);

// ====================================================== //
});