$(function() {
    var fileVersion = $("#hiddenFileVersion").val();

    $("#frmChangeLocation").validate({
        rules: {
            ddlState: {
                required: true
            },
            ddlCity: {
                required: true
            }
        },
        messages: {
            ddlState: "<br />Please select a State.",
            ddlCity: "<br />Please select a City."
        },
        focusInvalid: false,
        onkeyup: false,
        submitHandler: function(form) {
            self.parent.SetLocation($("#ddlCity option:selected").text() + ", " + $("#ddlState").val().split("_")[1]);

            $.cookie("EMoneyBarter_State", null);
            $.cookie("EMoneyBarter_City", null);

            $.cookie("EMoneyBarter_State", $("#ddlState").val().split("_")[0] + "|" + $("#ddlState option:selected").text() + "|" + $("#ddlState").val().split("_")[1], { expires: 365, path: "/" });
            $.cookie("EMoneyBarter_City", $("#ddlCity").val() + "|" + $("#ddlCity option:selected").text(), { expires: 365, path: "/" });
            
            self.parent.SetNewLocation($("#ddlState").val().split("_")[0], $("#ddlCity").val());
            self.parent.tb_remove();
        }
    });

    $("#ddlState").css("width", "145px");
    $("#ddlCity").css("width", "145px");


    var stateValue = $.cookie("EMoneyBarter_State");
    var cityValue = $.cookie("EMoneyBarter_City");

    $.getJSON(stateJsonFile, function(json) {
        $("#ddlState").empty();
        $("#ddlState").append("<option value=\"\">--Select One--</option>");
        if (json != null) {
            for (i = 0; i < json.length; i++) {
                $("#ddlState").append("<option value=\"" + json[i].StateID + "_" + json[i].StateCode + "\">" + json[i].StateName + "</option>");
            }
        }
    });

    if (stateValue == null || cityValue == null) {
        $("#ddlState").val("");
        $("#ddlCity").val("");
    } else {
        $.getJSON(stateJsonFile, function(json) {
            $("#ddlState").empty();
            $("#ddlState").append("<option value=\"\">--Select One--</option>");
            if (json != null) {
                for (i = 0; i < json.length; i++) {
                    $("#ddlState").append("<option value=\"" + json[i].StateID + "_" + json[i].StateCode + "\">" + json[i].StateName + "</option>");
                }
            }

            $("#ddlState").val(stateValue.split("|")[0] + "_" + stateValue.split("|")[2]);
        });


        $.getJSON(cityJsonFile, function(json) {
            $("#ddlCity").empty();
            $("#ddlCity").append("<option value=\"\">--Select One--</option>");
            if (json != null) {
                for (i = 0; i < json.length; i++) {
                    if (json[i].StateID == stateValue.split("|")[0]) {
                        $("#ddlCity").append("<option value=\"" + json[i].CityID + "\">" + json[i].CityName + "</option>");
                    }
                }
            }

            $("#ddlCity").val(cityValue.split("|")[0]);
        });

    }

    $("#ddlState").change(function() {
        $.getJSON(cityJsonFile, function(json) {
            $("#ddlCity").empty();
            $("#ddlCity").append("<option value=\"\">--Select One--</option>");
            if (json != null) {
                for (i = 0; i < json.length; i++) {
                    if (json[i].StateID == $("#ddlState").val().split("_")[0]) {
                        $("#ddlCity").append("<option value=\"" + json[i].CityID + "\">" + json[i].CityName + "</option>");
                    }
                }
            }
        });
    });

    $("#btnCancel").click(function() {
        self.parent.tb_remove();
        return false;
    });
});