// require prototype.js and php_func.js

var FormAssist = {
    load: function(forms, vars, options) {
        if (vars === undefined) {
            vars = {};
        }
        if (options === undefined) {
            options = {};
        }
        new Inputset(forms, vars, options);
    }
};

var Inputset = Class.create({
    initialize: function(form, vars, options) {
        this.inputs = {};
        var h_options = $H(options);
        var forms = $H(form);
        forms.each(function(pair) {
            var classname = window[pair.value.ucfirst()];
            this.inputs[pair.key] = (new classname(pair.key, h_options.get(pair.key)));
        }.bind(this));
        this.set(vars);
    },
    set: function(vars) {
        var h_vars = $H(vars);
        h_vars.each(function(pair) {
            if(this.inputs[pair.key] === undefined) {
                return;
            }
            this.inputs[pair.key].set(pair.value);
        }.bind(this));
    }
});

var InputElement = Class.create({
    initialize: function(name, options) {
        this.element = $(name);
        this.options = $H(options);
    },
    get: function() {
        return $F(this.element);
    },
    set: function(value) {
        this.element.value = value;
    }
});

var NotifiableElement = Class.create(InputElement, {
    initialize: function($super, name, options) {
        $super(name, options);
        this.observers = [];
        if (this.element) {
            this.element.observe('change', this.onchange.bind(this));
        }
    },
    setObserver: function(observer) {
        this.observers.push(observer);
    },
    onchange: function() {
        this.notify();
    },
    notify: function() {
        this.observers.each(function (observer) {
            observer.update(this.get())
        }.bind(this));
    },
    set: function($super, value) {
        $super(value);
        this.notify();
    }
});

var NotifiableSelect = Class.create(NotifiableElement, {
    replace: function(list) {
        var index = this.options.get('exclusive') !== undefined ? this.options.get('exclusive') : 0;
        $A($R(index, this.element.options.length)).reverse().each(function (i) {
            this.element.remove(i);
        }.bind(this));
        var i = index;
        list.each(function (item) {
            this.element.options[i++] = new Option(item.name, item.value);
        }.bind(this));
    },
    replaceFromAjax: function(transport) {
        var list = transport.responseText.evalJSON(true);
        this.replace(list);
    },
    set: function(value) {
        if (this.element) {
            var found = $A(this.element.options).find(function (option) {
                return option.value == value;
            });
            if (found !== undefined) {
                found.selected = true;
            }
        }
        this.notify();
    }
});

var Occupation = Class.create({
    initialize: function(name, options) {
        this.select = [];
        this.select[0] = new OccupationSelectFirst(name+'_0', options);
        this.select[1] = new OccupationSelectSecond(name+'_1', options);
        this.select[2] = new OccupationSelectThird(name+'_2', options);
        this.select[0].setObserver(this.select[1]);
        this.select[1].setObserver(this.select[2]);
    },
    get: function() {
        return $F(this.select[2]);
    },
    set: function(value) {
        if (typeof value == 'object') {
            $R(0,2).each(function (i) {
                this.select[i].set(value[i]);
            }.bind(this));
        } else {
            new Ajax.Request(
                "/ajax/occupation.php",
                {
                    method: 'get',
                    asynchronous: false,
                    requestHeaders: {Accept: 'application/json'},
                    parameters: "get=category&value="+value,
                    onSuccess: this.setFromResponseText.bind(this)
                }
            );
        }
    },
    setFromResponseText: function(req) {
        this.set(req.responseText.evalJSON()).bind(this);
    }
});

var City = Class.create({
    initialize: function(name, options) {
        this.select = [];
        this.select[0] = new CitySelectFirst(name+'_0', options);
        this.select[1] = new CitySelectSecond(name+'_1', options);
        this.select[0].setObserver(this.select[1]);
    },
    get: function() {
        return $F(this.select[1]);
    },
    set: function(value) {
        $R(0,1).each(function (i) {
            this.select[i].set(value[i]);
        }.bind(this));
    }
});

var Station = Class.create({
    initialize: function(name, options) {
        this.select = [];
        this.select[0] = new StationSelectFirst(name+'_0', options);
        this.select[1] = new StationSelectSecond(name+'_1', options);
        this.select[2] = new StationSelectThird(name+'_2', options);
        this.select[3] = new StationSelectFourth(name+'_3', options);
        this.select[4] = new StationSelectFifth(name+'_4', options);
        this.select[4].setObserver(this.select[0]);
        this.select[0].setObserver(this.select[1]);
        this.select[1].setObserver(this.select[3]);
        this.select[1].setObserver(this.select[2]);
        this.select[2].setObserver(this.select[3]);
    },
    get: function() {
        return $F(this.select[4]);
    },
    set: function(value) {
        $R(4,4).each(function (i) {
            this.select[i].set(value[i]);
        }.bind(this));
        $R(0,3).each(function (i) {
            this.select[i].set(value[i]);
        }.bind(this));
    }
});

var Feature = Class.create({
    initialize: function(name, options) {
        this.feature = [];
        this.feature[0] = new NotifiableSelect(name+'_0', options);
        this.feature[1] = new NotifiableSelect(name+'_1', options);
    },
    get: function() {
        return this.feature[0].get();
    },
    set: function(value) {
        this.feature[0].set(value[0]);
        this.feature[1].set(value[1]);
    }
});

var Salary   = Class.create(NotifiableSelect, {});
var Age      = Class.create(NotifiableSelect, {});
var Color    = Class.create(NotifiableSelect, {});
var Industry = Class.create({
    initialize: function(name, options) {
        this.select = [];
        this.select[0] = new IndustrySelectFirst(name+'_0', options);
        this.select[1] = new IndustrySelectSecond(name+'_1', options);
        this.select[0].setObserver(this.select[1]);
    },
    get: function() {
        return $F(this.select[1]);
    },
    set: function(value) {
        $R(0,1).each(function (i) {
            this.select[i].set(value[i]);
        }.bind(this));
    }
});

var Freeword = Class.create(InputElement, {});
var Inexperienced = Class.create(InputElement, {
    get: function() {
        return this.element.checked;
    },
    set: function(value) {
        if (value) {
            this.element.checked = true;
        } else {
            this.element.checked = false;
        }
    }
});
var New = Class.create(InputElement, {
    get: function() {
        return this.element.checked;
    },
    set: function(value) {
        if (value) {
            this.element.checked = true;
        } else {
            this.element.checked = false;
        }
    }
});

var Employment = Class.create({
    initialize: function(name, options) {
        this.employment = [];
        this.employment['permanent'] = new InputElement(name+'_0', options);
        this.employment['temporary'] = new InputElement(name+'_1', options);
        this.employment['other']     = new InputElement(name+'_2', options);
    },
    get: function() {
        return 1;
    },
    set: function(value) {
        $A(value).each(function(name) {
            if (this.employment[name] !== undefined) {
                this.employment[name].element.checked = true;
            }
        }.bind(this));
    }
});

var OccupationSelectFirst = Class.create(NotifiableSelect, {
    initialize: function($super, name, options) {
        $super(name, options);
        new Ajax.Request(
            "/ajax/occupation.php",
            {
                method: 'get',
                asynchronous: false,
                requestHeaders: {Accept: 'application/json'},
                parameters: "get=first",
                onSuccess: this.replaceFromAjax.bind(this)
            }
        );
    }
});
var OccupationSelectSecond = Class.create(NotifiableSelect, {
    update: function(value) {
        if (value == 0) {
            this.replace([]);
        } else {
            new Ajax.Request(
                "/ajax/occupation.php",
                {
                    method: 'get',
                    asynchronous: false,
                    requestHeaders: {Accept: 'application/json'},
                    parameters: "get=second&value="+value,
                    onSuccess: this.replaceFromAjax.bind(this)
                }
            );
        }
        this.notify();
    }
});
var OccupationSelectThird = Class.create(NotifiableSelect, {
    update: function(value) {
        if (value == 0) {
            this.replace([]);
        } else {
            new Ajax.Request(
                "/ajax/occupation.php",
                {
                    method: 'get',
                    asynchronous: false,
                    requestHeaders: {Accept: 'application/json'},
                    parameters: "get=third&value="+value,
                    onSuccess: this.replaceFromAjax.bind(this)
                }
            );
        }
        this.notify();
    }
});
var CitySelectFirst = Class.create(NotifiableSelect, {
    initialize: function($super, name, options) {
        $super(name, options);
        new Ajax.Request(
            "/ajax/city.php",
            {
                method: 'get',
                asynchronous: false,
                requestHeaders: {Accept: 'application/json'},
                parameters: "get=first&value="+this.options.get('area'),
                onSuccess: this.replaceFromAjax.bind(this)
            }
        );
    }
});
var CitySelectSecond = Class.create(NotifiableSelect, {
    update: function(value) {
        if (value == 0) {
            this.replace([]);
        } else {
            new Ajax.Request(
                "/ajax/city.php",
                {
                    method: 'get',
                    asynchronous: false,
                    requestHeaders: {Accept: 'application/json'},
                    parameters: "get=second&value="+value,
                    onSuccess: this.replaceFromAjax.bind(this)
                }
            );
        }
        this.notify();
    }
});
var IndustrySelectFirst = Class.create(NotifiableSelect, {
    initialize: function($super, name, options) {
        $super(name, options);
        new Ajax.Request(
            "/symfony/web/ajax/industryBig/",
            {
                method: 'get',
                asynchronous: false,
                requestHeaders: {Accept: 'application/json'},
                //parameters: "get=first&value="+this.options.get('area'),
                onSuccess: this.replaceFromAjax.bind(this)
            }
        );
    }
});
var IndustrySelectSecond = Class.create(NotifiableSelect, {
    update: function(value) {
        if (value == 0) {
            this.replace([]);
        } else {
            new Ajax.Request(
                "/symfony/web/ajax/industrySmall/",
                {
                    method: 'get',
                    asynchronous: false,
                    requestHeaders: {Accept: 'application/json'},
                    parameters: "id="+value,
                    onSuccess: this.replaceFromAjax.bind(this)
                }
            );
        }
        this.notify();
    }
});
var StationSelectFifth = Class.create(NotifiableSelect, {
    initialize: function($super, name, options) {
        $super(name, options);
        new Ajax.Request(
            "/ajax/station.php",
            {
                method: 'get',
                asynchronous: false,
                requestHeaders: {Accept: 'application/json'},
                parameters: "get=pref&area="+this.options.get('area'),
                onSuccess: this.replaceFromAjax.bind(this)
            }
        );
    }
});
var StationSelectFirst = Class.create(NotifiableSelect, {
    initialize: function($super, name, options) {
        $super(name, options);
        this.options.set('exclusive', 0);
    },
    update: function(value) {
        if (value == 0) {
            this.replace([{"name": "▼選択", "value": 0}]);
        } else {
            new Ajax.Request(
                "/ajax/station.php",
                {
                    method: 'get',
                    asynchronous: false,
                    requestHeaders: {Accept: 'application/json'},
                    parameters: "get=corporation&value="+value+"&area="+this.options.get('area'),
                    onSuccess: this.replaceFromAjax.bind(this)
                }
            );
        }
        this.notify();
    }
});

var StationSelectSecond = Class.create(NotifiableSelect, {
    initialize: function($super, name, options) {
        $super(name, options);
        this.options.set('exclusive', 0);
    },
    update: function(value) {
        if (value == 0) {
            this.replace([{"name": "▼選択", "value": 0}]);
        } else {
            new Ajax.Request(
                "/ajax/station.php",
                {
                    method: 'get',
                    asynchronous: false,
                    requestHeaders: {Accept: 'application/json'},
                    parameters: "get=line&pref="+$F( 'station_4' )+"&value="+value+"&area="+this.options.get('area'),
                    onSuccess: this.replaceFromAjax.bind(this)
                }
            );
        }
        this.notify();
    }
});
var StationSelect = Class.create(NotifiableSelect, {
    addAll: function() {
        $A($R(0, this.element.options.length-1)).reverse().each(function (index) {
            var option = this.element.options[index];
            this.element.options[index+1] = new Option(option.innerHTML, option.value);
        }.bind(this));
        this.element.options[0] = new Option("--全て--", 'all');
        this.element.options[0].selected = true;
    }
});
var StationSelectThird = Class.create(StationSelect, {
    initialize: function($super, name, options) {
        $super(name, options);
        this.options.set('exclusive', 0);
    },
    update: function(value) {
        if (value == 0) {
            this.replace([{"name": "▼選択", "value": 0}]);
        } else {
            new Ajax.Request(
                "/ajax/station.php",
                {
                    method: 'get',
                    asynchronous: false,
                    requestHeaders: {Accept: 'application/json'},
                    parameters: "get=station&value="+value,
                    onSuccess: this.replaceFromAjax.bind(this)
                }
            );
            this.addAll();
        }
        this.notify();
    },
    notify: function() {
        this.observers.each(function (observer) {
            observer.update2(this.get())
        }.bind(this));
    }
});
var StationSelectFourth = Class.create(StationSelect, {
    initialize: function($super, name, options) {
        $super(name, options);
        this.options.set('exclusive', 0);
    },
    update: function(value) {
        if (value == 0) {
            this.replace([{"name": "▼選択", "value": 0}]);
        } else {
            new Ajax.Request(
                "/ajax/station.php",
                {
                    method: 'get',
                    asynchronous: false,
                    requestHeaders: {Accept: 'application/json'},
                    parameters: "get=station&value="+value,
                    onSuccess: this.replaceFromAjax.bind(this)
                }
            );
        }
        this.notify();
    },
    update2: function(value) {
        if (value == 0) {
            this.replace([{"name": "▼選択", "value": 0}]);
            this.element.disabled = false;
        } else if (value == 'all') {
            this.addAll();
            this.element.disabled = true;
        } else {
            if (this.element.options[0].value == 'all') {
                this.element.removeChild(this.element.options[0]);
            }
            $A(this.element.options).find(function(option) {
                return option.value == value;
            }).selected = true;
            this.element.disabled = false;
        }
    }
});