$(document).ready(function(){	
	$(".signup").click(function(){
		// we want to store the values from the form input box, then send via ajax below
		var email = $('#email').attr('value');
		var password = $('#password').attr('value');
		var fname = $('#fname').attr('value');
		var lname = $('#lname').attr('value');
		var day = $('#day').attr('value');
		var month = $('#month').attr('value');
		var year = $('#year').attr('value');
		var gender = $('#gender').attr('value'); 
	
	//If button submit is click and firstname is still empty
	if ($('#fname').val().length < 1){
		$('#buttonReg').hide();
		$("#msgbox").removeClass().addClass('messagebox').html('<img src="images/loader/ajax-loader-n.gif" align="absmiddle" style="padding-left:97px; padding-top:7px">').fadeIn("slow");		
			$("#msgbox").fadeTo(200,0.1,function(){ //start fading the messagebox
			  //add message and change the class of the box and start fading
			  $(this).html('<span class="required">All field required</span>').addClass('messageboxerror').fadeTo(900,10).fadeOut();
			  $('#buttonReg').delay(1300).fadeIn('normal');
			  $('#fname').focus();
			});
			return false;
	}
	//If button submit is click and lastname is still empty
	if ($('#lname').val().length < 1) {
		$('#buttonReg').hide();
		$("#msgbox").removeClass().addClass('messagebox').html('<img src="images/loader/ajax-loader-n.gif" align="absmiddle" style="padding-left:97px; padding-top:7px">').fadeIn("slow");		
			$("#msgbox").fadeTo(200,0.1,function(){ //start fading the messagebox
			  //add message and change the class of the box and start fading
			  $(this).html('<span class="required">All field required</span>').addClass('messageboxerror').fadeTo(900,10).fadeOut();
			  $('#buttonReg').delay(1300).fadeIn('normal');
			  $('#lname').focus();
			});
			return false;
	}
	//If button submit is click and email is still empty
	if ($('#email').val().length < 1) {
			$('#buttonReg').hide();
			$("#msgbox").removeClass().addClass('messagebox').html('<img src="images/loader/ajax-loader-n.gif" align="absmiddle" style="padding-left:97px; padding-top:7px">').fadeIn("slow");
			$("#msgbox").fadeTo(200,0.1,function() //start fading the messagebox
			{
			  //add message and change the class of the box and start fading
			  $(this).html('<span class="required">All field required</span>').addClass('messageboxerror').fadeTo(900,10).fadeOut();
			  $('#buttonReg').delay(1300).fadeIn('normal');
			  $('#email').focus();
			});
			return false;
	}
	function is_email(emailid){
			var pattern = new RegExp(/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]+$/);
			return pattern.test(emailid);
		}
		if (!is_email($('#email').val())){
			$('#buttonReg').hide();
			$("#msgbox").removeClass().addClass('messagebox').html('<img src="images/loader/ajax-loader-n.gif" align="absmiddle" style="padding-left:97px; padding-top:7px">').fadeIn("slow");		
			$("#msgbox").fadeTo(200,0.1,function(){
			  //add message and change the class of the box and start fading
			  $(this).html('<span class="required">Not valid</span>').addClass('messageboxerror').fadeTo(900,10).fadeOut();
			  $('#email').focus();
			  $('#buttonReg').delay(1300).fadeIn('normal');
			});
			return false;
		}
	
	//If button submit is click and password is still empty
	if ($('#password').val().length < 1) {
		$('#buttonReg').hide();
		$("#msgbox").removeClass().addClass('messagebox').html('<img src="images/loader/ajax-loader-n.gif" align="absmiddle" style="padding-left:97px; padding-top:7px">').fadeIn("slow");		
			$("#msgbox").fadeTo(200,0.1,function(){ //start fading the messagebox
			  //add message and change the class of the box and start fading
			  $(this).html('<span class="required">All field required</span>').addClass('messageboxerror').fadeTo(900,10).fadeOut();
			  $('#buttonReg').delay(1300).fadeIn('normal');
			  $('#password').focus();
			});
			return false;
	}
	//If button submit is click and password is less than 5 character
	if ($('#password').val().length < 6) {
		$('#buttonReg').hide();
		$("#msgbox").removeClass().addClass('messagebox').html('<img src="images/loader/ajax-loader-n.gif" align="absmiddle" style="padding-left:97px; padding-top:7px">').fadeIn("slow");		
			$("#msgbox").fadeTo(200,0.1,function(){ //start fading the messagebox
			  //add message and change the class of the box and start fading
			  $(this).html('<span class="required">Minimal 6</span>').addClass('messageboxerror').fadeTo(900,10).fadeOut();
			  $('#buttonReg').delay(1300).fadeIn('normal');
			  $('#password').focus();
			});
			return false;
	}
	//If button submit is click and day of birth doesnt choose yet
	if ($('#reg_day').val().length < 1) {
		$('#buttonReg').hide();
		$("#msgbox").removeClass().addClass('messagebox').html('<img src="images/loader/ajax-loader-n.gif" align="absmiddle" style="padding-left:97px; padding-top:7px">').fadeIn("slow");		
			$("#msgbox").fadeTo(200,0.1,function(){ //start fading the messagebox
			  //add message and change the class of the box and start fading
			  $(this).html('<span class="required">All field required</span>').addClass('messageboxerror').fadeTo(900,10).fadeOut();
			  $('#buttonReg').delay(1300).fadeIn('normal');
			  $('#reg_day').focus();
			});
			return false;
	}
	//If button submit is click and month of birth doesnt choose yet
	if ($('#reg_month').val().length < 1) {
		$('#buttonReg').hide();
		$("#msgbox").removeClass().addClass('messagebox').html('<img src="images/loader/ajax-loader-n.gif" align="absmiddle" style="padding-left:97px; padding-top:7px">').fadeIn("slow");		
			$("#msgbox").fadeTo(200,0.1,function(){ //start fading the messagebox
			  //add message and change the class of the box and start fading
			  $(this).html('<span class="required">All field required</span>').addClass('messageboxerror').fadeTo(900,10).fadeOut();
			  $('#buttonReg').delay(1300).fadeIn('normal');
			  $('#reg_month').focus();
			});
			return false;
	}
	//If button submit is click and year of birth doesnt choose yet
	if ($('#reg_year').val().length < 1) {
		$('#buttonReg').hide();
		$("#msgbox").removeClass().addClass('messagebox').html('<img src="images/loader/ajax-loader-n.gif" align="absmiddle" style="padding-left:97px; padding-top:7px">').fadeIn("slow");		
			$("#msgbox").fadeTo(200,0.1,function(){ //start fading the messagebox
			  //add message and change the class of the box and start fading
			  $(this).html('<span class="required">All field required</span>').addClass('messageboxerror').fadeTo(900,10).fadeOut();
			  $('#buttonReg').delay(1300).fadeIn('normal');
			  $('#reg_year').focus();
			});
			return false;
	}
	
	//If button submit is click and gender doesnt choose yet
	if ($('#gender').val().length < 1) {
		$('#buttonReg').hide();
		$("#msgbox").removeClass().addClass('messagebox').html('<img src="images/loader/ajax-loader-n.gif" align="absmiddle" style="padding-left:97px; padding-top:7px">').fadeIn("slow");		
			$("#msgbox").fadeTo(200,0.1,function(){ //start fading the messagebox
			  //add message and change the class of the box and start fading
			  $(this).html('<span class="required">All field required</span>').addClass('messageboxerror').fadeTo(900,10).fadeOut();
			  $('#buttonReg').delay(1300).fadeIn('normal');
			  $('#gender').focus();
			});
			return false;
	}
	
	$('#buttonReg').hide();
	$('input[type=text]').attr('disabled', 'disabled');
	$('input[type=password]').attr('disabled', 'disabled');
	$('input[type=radio]').attr('disabled', 'disabled');
	$('#reg_day').attr('disabled', 'disabled');
	$('#reg_month').attr('disabled', 'disabled');
	$('#reg_year').attr('disabled', 'disabled');
	$('#gender').attr('disabled', 'disabled');
	$('#recaptcha_response_field').removeAttr('disabled', 'disabled');
	$("#msgbox").removeClass().addClass('messagebox').html('<img src="images/loader/ajax-loader-n.gif" align="absmiddle" style="padding-left:97px; padding-top:7px">').fadeIn("slow").delay(2000).fadeOut();
	$('#signup_box').fadeOut(3000);
	$('#RECAPTCHA').delay(3000).slideDown('normal');
	$('#INSIDE_FORMREGISTER').delay(3000).slideUp('slow');			
	$('#buttonFinish').delay(3000).fadeIn('normal');
	$('#result').fadeOut('normal');
	
	return false;
	});
});