// JavaScript Document

$(document).ready(function(){

	var jVal = {
		'firstName' : function() {

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

			var fnameInfo = $('#fnameInfo');
			var ele = $('#fname');
			var pos = ele.offset();

			fnameInfo.css({
				top: pos.top-3,
				left: pos.left+ele.width()+15
			});
			
			if(ele.val().length < 1) {
				jVal.errors = true;
					fnameInfo.removeClass('correct').addClass('error').html('Please enter your first name').show();
					ele.removeClass('normal').addClass('wrong');
			} else {
					fnameInfo.removeClass('error').addClass('correct').html('<img src="splash/images/correct.png">').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},
		
		
		'lastName' : function() {

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

			var lnameInfo = $('#lnameInfo');
			var ele = $('#lname');
			var pos = ele.offset();

			lnameInfo.css({
				top: pos.top-3,
				left: pos.left+ele.width()+15
			});
			
			if(ele.val().length < 1) {
				jVal.errors = true;
					lnameInfo.removeClass('correct').addClass('error').html('Please enter your last name').show();
					ele.removeClass('normal').addClass('wrong');
			} else {
					lnameInfo.removeClass('error').addClass('correct').html('<img src="splash/images/correct.png">').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},


		'email' : function() {

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

			var emailInfo = $('#emailInfo');
			var ele = $('#ejuuyr-ejuuyr');
			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('Please enter a valid email address').show();
					ele.removeClass('normal').addClass('wrong');
			} else {
					emailInfo.removeClass('error').addClass('correct').html('<img src="splash/images/correct.png">').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},


		'phone' : function (){

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

			var birthInfo = $('#birthInfo');
			var ele = $('#Phone');
			var pos = ele.offset();

			birthInfo.css({
				top: pos.top-3,
				left: pos.left+ele.width()+15
			});

			var patt = /^[0-9]+$/i;

			if(!patt.test(ele.val())) {
				jVal.errors = true;
					birthInfo.removeClass('correct').addClass('error').html('Please enter your phone or mobile number').show();
					ele.removeClass('normal').addClass('wrong');
			} else {
					birthInfo.removeClass('error').addClass('correct').html('<img src="splash/images/correct.png">').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},


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

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

	$('#send').click(function (){
		var obj = $.browser.webkit ? $('body') : $('html');
		obj.animate({ scrollTop: $('#subForm').offset().top }, 750, function (){
			jVal.errors = false;
			jVal.firstName();
			jVal.lastName();
			jVal.phone();
			jVal.email();
			jVal.sendIt();
		});
		return false;
	});

	$('#fname').change(jVal.firstName);
	$('#lname').change(jVal.lastName);
	$('#Phone').change(jVal.phone);
	$('#ejuuyr-ejuuyr').change(jVal.email);

});