jQuery(function($){
	
	$("#btnRegist").click(function() {
		var email = $.trim($("#email").val());
		var password = $.trim($("#password").val());
		var passwordConfirm = $.trim($("#passwordConfirm").val());
		var nickname = $.trim($("#nickname").val());
		var sn = $.trim($("#sn").val());
		var verifyCode = $.trim($("#verifyCode").val());
		
		var errorMessage = "______________________________________________________\n\n";
		errorMessage += "Your request cannot continue because of the following error(s).\n";
		errorMessage += "Please correct these error(s) and re-submit.\n";
		errorMessage += "______________________________________________________\n\n";
		var error = false;
		
		var regValid=/^([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
		if (!regValid.test(email)) {
			error = true;
			errorMessage += "- Your email address is invaild.\n";
		}
		
		if (password.length < 6) {
			error = true;
			errorMessage += "- Your password should be a minimum of 6 characters.\n";
		}
		
		if (password != passwordConfirm) {
			error = true;
			errorMessage += "- Your password confirmation does not match.\n";
		}
		
		if (nickname.length == 0) {
			error = true;
			errorMessage += "- Your nickname field is empty.\n";
		}
		
		if (nickname.length < 5) {
			error = true;
			errorMessage += "- Your nickname should be a minimum of 5 characters.\n";
		}
		
		if (verifyCode.length == 0) {
			error = true;
			errorMessage += "- Your verify code field is empty.\n";
		}
		
		if (error) {
			errorMessage += "\n\n";
			alert(errorMessage);
			return;
		} else {
			var data = {
				"email" : email,
				"password" : password,
				"nickname" : nickname,
				"sn" : sn,
				"verifyCode" : verifyCode
			};
			$.ajax({
				type: "POST",
				url: "/room/actions/regist.php",
				cache: false,
				data: data,
				dataType: "jason",
				success: function(data) {
					if (data == "401") {
						$("#registResult").html("<font color='red' size='2'>Your email address or nickname has been registed.</font>");
					} else if (data == "402") {
						$("#registResult").html("<font color='red' size'2'>Invaild parameters.</font>");
					} else if (data == "403") {
						$("#registResult").html("<font color='red' size'2'>Invaild verify code.</font>");
					} else if (data == "404") {
						$("#registResult").html("<font color='red' size'2'>The SN code has been registed.</font>");
					} else if (data == "201") {
						$("#registResult").html("<font color='green' size'2'>Successed.Start your music journey.</font>");						
					} else {
						$("#registResult").html("<font color='red' size'2'>Unkwon error.</font>");
					}
				},
				error: function() {
					$("#registResult").html("<font color='red' size'2'>Server busy, please try again later.</font>");
				}
			});
		}
		
		
	});
	
	$("#verifyCodeImg").click(function(){
		var randomNum = Math.random();
		$("#verifyCodeImg").find("img").attr("src", "/room/components/verifyCode.php?r=" + randomNum);
	});
	
});