function CountryRegions (countrySelectId, regionSelectId, regionTextId, regionDesc, cityBoxId, cityDesc, countriesWithRegions) {

    this.countrySelect = document.getElementById(countrySelectId);
    this.regionSelect = document.getElementById(regionSelectId);
    this.regionText = document.getElementById(regionTextId);
    this.cityBox = document.getElementById(cityBoxId);

    this.descColor = "#999";
    this.regionDesc = regionDesc;
    this.cityDesc = cityDesc;

    this.selectedCountry = '';
    this.loadedCountries = new Object;
    this.countriesWithRegions = new Object;

    if ($('minimal_display') && $('minimal_display').value == 1) {
        this.minimalDisplay = 1;

        if (this.regionText && this.regionText.value == "") {
            this.regionText.style.color = this.descColor;
            this.regionText.value = this.regionDesc;
        }
        if (this.cityBox && this.cityBox.value == "") {
            this.cityBox.style.color = this.descColor;
            this.cityBox.value = this.cityDesc;
        }
    } else {
        this.minimalDisplay = 0;
    }

    if (undefined != countriesWithRegions) {
        var exploded = countriesWithRegions.split(/\s+/);
        for (var i = 0; i < exploded.length; i++) {
            this.countriesWithRegions[exploded[i]] = true;
        }
    }

    if(undefined != this.countrySelect) {
        var self = this;
        var listener = function(evt) {
            Event.stop(evt);
            self.countryChanged();
        };
        if (self.countrySelect.attachEvent)
            self.countrySelect.attachEvent('onchange', listener);
        if (self.countrySelect.addEventListener)
            self.countrySelect.addEventListener('change', listener, false);

        if (this.countriesWithRegions[this.countrySelect.value] && this.regionSelect.options.length > 1) {
            var head = this.regionSelect.options[0].text;
            var states = new Array;
            var idx = 0;
            for (var i = 1; i < this.regionSelect.options.length; i++) {
                states[idx++] = this.regionSelect.options[i].value;
                states[idx++] = this.regionSelect.options[i].text;
            }

            this.loadedCountries[this.countrySelect.value] = {head : head, states : states};
        }
    }
}

CountryRegions.prototype.countryChanged = function () {
    var self = this;
    this.selectedCountry = this.countrySelect.value;

    if (this.countriesWithRegions[this.selectedCountry] && undefined == this.loadedCountries[this.selectedCountry]) {
        HTTPReq.getJSON({
            method : "POST",
            data : HTTPReq.formEncoded({"country" : self.selectedCountry}),
            url : LiveJournal.getAjaxUrl("load_state_codes"),
            onData : function (regions) { self.onRegionsLoad(regions); },
            onError : LiveJournal.ajaxError
        });
    }

    this.createStatesOptions();
}

CountryRegions.prototype.onRegionsLoad = function(regions) {
    this.loadedCountries[this.selectedCountry] = regions;
    this.createStatesOptions();
}

CountryRegions.prototype.createStatesOptions = function() {
    var regions = this.loadedCountries[this.selectedCountry];
    var i;

    this.regionSelect.options.length = 0; // discard previous
    this.regionSelect.value = '';

    if (undefined != regions && undefined != regions.states && regions.states.length > 0) {
        this.regionSelect.options[0] = new Option(regions.head, "");
        for (i = 0; i < regions.states.length / 2; i++) {
            this.regionSelect.options[i + 1] = new Option(regions.states[2 * i + 1], regions.states[2 * i]);
        }
        this.regionSelect.style.display = 'inline';
        this.regionText.style.display = 'none';
        this.regionText.value = '';
    } else {
        this.regionText.style.display = 'inline';
        this.regionSelect.style.display = 'none';

        if (this.minimalDisplay == 1) {
            this.regionText.style.color = this.descColor;
            this.regionText.value = this.regionDesc;
            this.cityBox.style.color = this.descColor;
            this.cityBox.value = this.cityDesc;
        }
    }
}