/*======================================================================================================================
INITIALISATION  //
======================================================================================================================*/
Event.observe(window,'load',function(){new StatesChooser();});

var StatesChooser = Class.create({
	initialize: function() {
		this.paysSelect = $('pays'); if(!this.paysSelect)return;
		this.paysLabel = $('label-pays'); if(!this.paysLabel)return;
		this.provincesSelect = $('province'); if(!this.provincesSelect)return;
		this.provincesLabel = $('label-province'); if(!this.provincesLabel)return;
		this.etatsSelect = $('etat'); if(!this.etatsSelect)return;
		this.etatsLabel = $('label-etat'); if(!this.etatsLabel)return;

		Event.observe(this.paysSelect,'change',function(ev){this.changePays();}.bindAsEventListener(this,this.paysSelect));
		this.changePays();
	},
	
	changePays: function() {
		if(this.paysSelect.value == 'ca'){
			this.provincesSelect.style.display = 'block';
			this.provincesLabel.style.display = 'block';
			this.etatsSelect.style.display = 'none';
			this.etatsLabel.style.display = 'none';
			this.etatsSelect.value = '';
		}else if(this.paysSelect.value == 'us'){
			this.provincesSelect.style.display = 'none';
			this.provincesLabel.style.display = 'none';
			this.etatsSelect.style.display = 'block';
			this.etatsLabel.style.display = 'block';
			this.provincesSelect.value = '';
		}else{
			this.provincesSelect.style.display = 'none';
			this.provincesLabel.style.display = 'none';
			this.etatsSelect.style.display = 'none';
			this.etatsLabel.style.display = 'none';
			this.etatsSelect.value = '';
			this.provincesSelect.value = '';
		}
	}
});