RegionTranslator = Class.create();
RegionTranslator.prototype = {
	titreFr: null,
	optionFr: null,
	titreDefault: null,
	optionDefault: null,
	countrySelect: null,
	regionSelect: null,
	regionLabel: null,
	submitBtn: null,
		
    initialize: function (titreFr, optionFr, titreDefault, optionDefault, countrySelect, regionSelect, regionLabel, submitBtn)
    {
    	this.titreFr = titreFr;
    	this.optionFr = optionFr; 
    	this.titreDefault = titreDefault; 
    	this.optionDefault = optionDefault;	
    	this.countrySelect = countrySelect;
    	this.regionSelect = regionSelect; 
    	this.regionLabel = regionLabel; 
    	this.submitBtn = submitBtn;   
    	this.translate();
    	
    	Event.observe(this.countrySelect, 'change', function() {this.translate()}.bind(this));
    	Event.observe(this.submitBtn, 'click', function() {this.enableRegionSelect()}.bind(this));
    },
    enableRegionSelect: function ()
    {
    	this.regionSelect.writeAttribute("disabled",null);
    },
    translate: function ()
    {
    	var cVal = this.countrySelect.getValue();
    	this.regionLabel.update(cVal=="FR"?this.titreFr:this.titreDefault);
    	this.regionSelect.firstDescendant().update(cVal=="FR"?this.optionFr:this.optionDefault);
    	this.regionSelect.writeAttribute('disabled',(cVal=="FR"?'disabled':null));
    }
};