window.addEvent('domready', function() {
									 
	var findVacancy = document.getElements('.find-vacancy');
	for (var i=findVacancy.length;i--;) {
		new SearchVacancy(findVacancy[i]);
	}
	
});

/* SearchVacancy Class
------------------------------------------------------------*/
var SearchVacancy = new Class({
	
	// constructor
	initialize:function(element) {
		var selectElements = $(element).getElements('select');
		if(selectElements.length == 2) {
			this.selectFirst = $(selectElements[0]);
			this.selectSecond = $(selectElements[1]);
			this.button = $(element).getElement(".btn");
			this.button.addEvent('click', this.onSubmit.bind(this));
			this.buttonInput = $(this.button).getElement("input");
			$(this.selectFirst).addEvent('change',this.onChange.bind(this));
			$(this.selectSecond).addEvent('change',this.onChange.bind(this));
		}
		this.onChange();
}

});

// implement methods
SearchVacancy.implement({

    selectFirst: null,
    selectSecond: null,
    button: null,
    buttonInput: null,

    onChange: function() {
        if (this.selectFirst.value == "winkels") {
            this.selectSecond.removeClass("disabled");
            this.selectSecond.removeProperty("disabled");
        }
        else {
            this.selectSecond.addClass("disabled");
            this.selectSecond.setProperty("disabled", "disabled");
        }
        if ((this.selectFirst.value != "" && this.selectFirst.value != "winkels") || (this.selectFirst.value == "winkels" && this.selectSecond.value != "")) {
            this.button.removeClass("disabled");
            this.buttonInput.removeProperty("disabled");
        }
        else {
            this.button.addClass("disabled");
            this.buttonInput.setProperty("disabled", "disabled");
        }
    },

    onSubmit: function() {
        if (this.selectFirst.value == "winkels") {
            window.location.href = this.selectSecond.value;
        }
        else {
            window.location.href = this.selectFirst.value;
        }
    }

});