var PROVINCE_LIST = "#ddlProvince";
var CITY_LIST = "#ddlCity";
var PROVINCE_HOLDER = "#hidProvince";
var CITY_HOLDER = "#hidCity";
var PRINT_BUTTON = "#btnPrint";
var CLEAR_BUTTON = "#btnClear";

$(document).ready(function () {
	$(PROVINCE_LIST).change(function (event) {
		var selectedLocationCode = $(PROVINCE_LIST).val();

		UpdateCityDropdownList(selectedLocationCode);
	}).change();

	$(PRINT_BUTTON).click(function () {
		return ValidateInputs();
	});

	$(CLEAR_BUTTON).click(function () {
		ClearInputs();
	});
});

function ValidateInputs() {
    $(PROVINCE_HOLDER).val("");
    $(CITY_HOLDER).val("");

    if ($(PROVINCE_LIST).val() == "") {
        alert("Please choose an appropriate province.");
        return false;
    }

    if ($(CITY_LIST).val() == "-1") {
        alert("Please choose an appropriate region.");
        return false;
    }

    $(PROVINCE_HOLDER).val($(PROVINCE_LIST).val());
    $(CITY_HOLDER).val($(CITY_LIST).val());

    return true;
}

function ClearInputs() {
    $(PROVINCE_LIST + " [value='']").attr("selected", true);
    ClearCityList();
}

function UpdateCityDropdownList(locationCode) 
{
    ClearCityList();

    $.ajax({
        type    :   "GET",
        dataType:   "xml",        
        url     :   "Handlers/GetCityListByLocationCode.ashx",
        data    :   { LocationCode : locationCode },
        cache   :   false,
        success :   function (response)
        {        
            $(response).find("option").each(function() 
            {
                $(CITY_LIST).append($("<option></option>").attr("value", $(this).text()).text($(this).text()));
            }); 
        }
    });
}

function ClearCityList() 
{
    $(CITY_LIST + " [value!='-1']").remove();
}