// When toggling between new user and login, supress blur events.

// Variables
var validUser = false;
var validPass = false;
var validEmail = false;


//Effect for form
function newUser(){

	$("#username_lable").text("Choose a username");
	$("#password_lable").text("Choose a password");
	$("#email_field").slideDown("slow");
	$("#loginSignUpButton").attr("value", "Sign Up!");
}

$(document).ready(function(){

	$("#newUser").click(function () {
		newUser();
		$("#username_field").focus();
	});
	
	$("#returnUser").click(function () {
		$("#username_field").focus();
		$("#username_lable").text("Username");
		$("#password_lable").text("Password");
		$("#email_field").slideUp("slow");
		$("#loginSignUpButton").attr("value", "Login");
	});
	
	$("#username_field").focus(function() {
		var newuser = $('input:radio[name=newUser]:checked').val();
		if (newuser == 'yes') {
			$("#username_lable").text("Choose a username");
		}
		else {
			$("#username_lable").text("Username");
		}
	});
	
	$("#password_field").focus(function() {
		var newuser = $('input:radio[name=newUser]:checked').val();
		if (newuser == 'yes') {
			$("#password_lable").text("Choose a password");
		}
		else {
			$("#password_lable").text("Password");
		}
	});
	
	$("#email_field").focus(function() {
		$("#email_lable").text("Your Email");
	});
	
	
	$("#username_field").blur(function() {		
		var taken = "notTaken";
		var newuser = $('input:radio[name=newUser]:checked').val();
		var theName = $("#username_field").val();
		
		if (newuser == 'yes') {
			$.get("include/checkUsername.php", { name: theName}, 
				function(data){
					taken = data;
					if(taken == "taken") {
						$("#username_lable").html("Choose a username <span class='red'>taken</span>");
						validUser = false;
					}
					if (theName.length < 4 && theName.length != 0) {
						$("#username_lable").html("Username <span class='red'>must be 4 or more characters long.</span>");
						validUser = false;
					}
					else if (theName.length == 0){
						$("#username_lable").html("Choose a username");
						validUser = false;
					}
					else{
						$("#username_lable").html("Choose a username OK!");
						validUser = true;
					}
				}
			);
		}
	});
	
	
	$("#password_field").blur(function() {
		var newuser = $('input:radio[name=newUser]:checked').val();
		if (newuser == 'yes') {
			var thePass = $("#password_field").val();
			if (thePass.length < 4 && thePass.length != 0) {
				$("#password_lable").html("Choose a password <span class='red'>too short</span>");
				validPass = false;
			}
			else if (thePass.length != 0){
				$("#password_lable").html("Choose a password OK!");
				validPass = true;
			}
		}
		
	});
	

});

var secondTime = false;

$('#email_field').live('keyup', function() {
	if (secondTime == false){
		secondTime = true;
		if (validateEmail($(this).val()) == 1){
			$("#email_lable").html("Your email");
			validEmail = false;
		}
		else {
			$("#email_lable").html("Your email OK!");
			validEmail = true;
		}
	}
	else {
		secondTime = false;
	}
});


function validateEmail(emailVal) {
	var x=emailVal;
	var atpos=x.indexOf("@");
	var dotpos=x.lastIndexOf(".");
	var spacePos=x.lastIndexOf(" ");
 	if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length || spacePos != -1) {
		return 1;
	}
	else {
		return 2;
	}
}

function validateForm() {
	var newuser = $('input:radio[name=newUser]:checked').val();
	if (newuser == 'yes') {
		if (validEmail == false){
			$("#email_lable").html("<span class='red'>Wrong email?</span>");
		}
		else if (validUser == false || validPass == false) {
			return false;
		}
		
		return validEmail;
	}
	else {
		return true;
	}
}