$(document).ready(function() {
    $("#UserCountry").change(function () {
        $('#stateSelect').html("Refreshing...");
        countryCode = $("#UserCountry").val();
        url = BASE_URL+"S/regions/getStatesByCountry/"+countryCode;
        $.get(url,
            function(data) {
                $('#stateSelect').html(data);
            }
        );
    });
    
    $("#userForm").submit(function() {
        alertText = "";
        firstId = "";
        UserUsername = $("#UserUsername").val().trim().length;
        $("#UserUsername").attr("value", $("#UserUsername").val().trim());
        if(UserUsername == 0) {
            firstId = "UserUsername";
            alertText += "User Name field is required";
            $("#UserUsernameSpan").remove();
            $("#UserUsername").after("<span id=\"UserUsernameSpan\" class=\"required\">&nbsp;Required</span>");
            $("#UserUsername").attr("style", "width:70%;");
        } else {
            $("#UserUsernameSpan").remove();
            $("#UserUsername").attr("style", "width:100%;");
        }

        UserPword = $("#UserPword").val().trim().length;
        $("#UserPword").attr("value", $("#UserPword").val().trim());
        if(UserPword == 0) {
            if(firstId == "") {
                firstId = "UserPword";
            }
            alertText += "\nUser Password field is required";
            $("#UserPwordSpan").remove();
            $("#UserPword").after("<span id=\"UserPwordSpan\" class=\"required\">&nbsp;Required</span>");
            $("#UserPword").attr("style", "width:70%;");
        } else {
            $("#UserPwordSpan").remove();
            $("#UserPword").attr("style", "width:100%;");
        }

        UserEmail = $("#UserEmail").val().trim().length;
        $("#UserEmail").attr("value", $("#UserEmail").val().trim());
        if(UserEmail == 0) {
            if(firstId == "") {
                firstId = "UserEmail";
            }
            alertText += "\nThe e-mail address is required";
            $("#UserEmailSpan").remove();
            $("#UserEmail").after("<span id=\"UserEmailSpan\" class=\"required\">&nbsp;Required</span>");
            $("#UserEmail").attr("style", "width:70%;");
        } else {
            var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
            if(!emailReg.test($("#UserEmail").val().trim())) {
                if(firstId == "") {
                    firstId = "UserEmail";
                }
                $("#UserEmail").attr("value", "");
                alertText += "\nThe e-mail address you specified is invalid";
                $("#UserEmailSpan").remove();
                $("#UserEmail").after("<span id=\"UserEmailSpan\" class=\"required\">&nbsp;Invalid</span>");
                $("#UserEmail").attr("style", "width:70%;");
            } else {
                $("#UserEmailSpan").remove();
                $("#UserEmail").attr("style", "width:100%;");
            }
        }

        if(alertText.trim().length > 0) {
            alert(alertText);
            $("#"+firstId).focus();
            return false;
        }

        return true;
    });
});