var signUpError = false

$(document).ready(function(){

	$('#UserName').live('blur change', function(){
		checkSignUpLength('UserName', 'username')
	});
	$('#FirstName').live('blur change', function(){
		checkSignUpLength('FirstName', 'firstname')
	});
	$('#LastName').live('blur change', function(){
		checkSignUpLength('LastName', 'lastname')
	});
	$('#Password').live('blur change', function(){
		checkSignUpLength('Password', 'password')
	});
	$('#PasswordConfirm').live('blur change', function(){
		checkSignUpLength('PasswordConfirm', 'confirm')
		checkPasswordsMatch()
	});
	$('#Email').live('blur change', function(){
		checkEmail()
	});


	$('#frmSignup').live('submit', function(event){
		signUpError = false
		event.preventDefault();
		/*
		checkSignUpLength('UserName', 'username')
		checkSignUpLength('FirstName', 'firstname')
		checkSignUpLength('LastName', 'lastname')
		checkSignUpLength('Password', 'password')
		checkSignUpLength('PasswordConfirm', 'confirm')
		checkEmail()
		*/
		if(!signUpError){
			$.ajax({
				type: "POST",
				url: "/app/ajax/register/",
				data: {UserName: $('#UserName').val(),FirstName: $('#FirstName').val(),LastName: $('#LastName').val(),Email: $('#Email').val(),Password: $('#Password').val(),PasswordConfirm: $('#PasswordConfirm').val()},
				success: function(data){
					arVal = data.split('|')
					if(arVal[0] == 0){
						var errors = ''
						for(var x = 1; x < arVal.length; x++){
							if(arVal[x].length > 0){
								errors += arVal[x] + '\n'
							}
						}
						alert('There were problems with your registration\n\n' + errors)
					} else if(arVal[0] == 1){
						$.colorbox().close()
					} else if(arVal[0] == 2){
						alert('Your nickname: ' + $('#UserName').val() + ' is already taken.\n\nPlease choose a different nickname.')
					} else if(arVal[0] == 3){
						alert('Your email address is already registered.\n\nPlease choose a different nickname.')
					}
				}
			});
		}
	});


});

function checkSignUpLength(input, other){
	if( $('#' + input).val().length < 1 ){
		$('#' + input).addClass('inputError')
		$('.' + other).html('<img src="/images/icons/error.png">')
		$('#' + input).effect( 'highlight', 500);
		signUpError = true
	} else {
		$('#' + input).removeClass('inputError')
		$('.' + other).html('<img src="/images/icons/greencheck.png">')
		}
}

function checkEmail(){
	if(  isEmail($('#Email').val()) ){
		$('#Email').removeClass('inputError')
		$('.email').html('<img src="/images/icons/greencheck.png">')
	} else {
		$('#Email').addClass('inputError')
		$('.email').html('<img src="/images/icons/error.png">')
		$('#Email').effect( 'highlight', 500);
		signUpError = true
		}
}

function checkPasswordsMatch(){
	if( $('#Password').val() != $('#PasswordConfirm').val() ){
		$('#Password').addClass('inputError')
		$('.password').html('<img src="/images/icons/error.png">')
		$('#PasswordConfirm').addClass('inputError')
		$('.confirm').html('<img src="/images/icons/error.png">')
		signUpError = true
	} else {
		if( $('#Password').val().length > 0 ){
			$('#Password').removeClass('inputError')
			$('.password').html('<img src="/images/icons/greencheck.png">')
			$('#PasswordConfirm').removeClass('inputError')
			$('.confirm').html('<img src="/images/icons/greencheck.png">')
		}
	}
}

function isEmail(strEmail){
	validRegExp = /^[^@]+@[^@]+.[a-z]{2,}$/i;
	if (strEmail.search(validRegExp) == -1){
		return false;
	}
	return true;
}