window.addEvent('domready', function() {
	if (!window.path) window.path = '';
	var path = window.path;
	
	//Récupération des différents éléments de la page
	var regionid = $('region-select');
	var regionText = $('region-text');
	var departementid = $('departement-select');
	var departementText = $('departement-text');
	var villeid = $('ville-select');
	
	
	//Fonction permettant d'ajouter les régions
	var addRegions = function(regions) {
		regionid.setStyle('display', "");
		departementid.empty();
		regionText.empty();	
		departementText.empty();
		var el = new Element('option', {'text': "Choisir le rivage",'selected': "selected"}); 
		el.inject(regionid);
		regions.each(function(region) {
			var el = new Element('option', { 
				'value': region.value,
				'text': region.nom
			}
			);
			el.inject(regionid);
		});
	};
	
	//Fonction permettant d'ajouter les départements
	var addDepartements = function(departements) {
		if(departements!=""){
			departementText.empty();	
			departementid.setStyle('display', "");
			var el = new Element('option', {'text': "Choisir un département",'selected': "selected"});
			el.inject(departementid);
			departements.each(function(departement) {						   
				var el = new Element('option', {
					'value': departement.value,
					'text': departement.nom
				}
				);
				el.inject(departementid);
			});}
	};
	
	
	//Fonction permettant d'ajouter les villes
	var addVilles = function(villes) {
		if(villes!=""){
			villeid.setStyle('display', "");
			var el = new Element('option', {'text': "Choisir une ville",'selected': "selected"});
			el.inject(villeid);
			villes.each(function(ville) {
				var el = new Element('option', { 
					'value': ville.nom,
					'text': ville.nom,
					'class': ville.partenariat
				}
				);
				el.inject(villeid);
			});}
	};
	
	//res_d-> variable globale contenant 
	var res_d;
	var request = new Request.JSON({
	url: '/includus/js/region.json',
	onComplete: function(jsonObj) {
				res_d = jsonObj;
				addRegions(jsonObj.regions);
			}
	}).send();
	
	

	if($('region-select')) {
		$('region-select').addEvent('change', function() {
			departementid.empty();
			departementid.setStyle('display', "none");
			villeid.empty();
			villeid.setStyle('display', "none");
			addDepartements(res_d.regions[regionid.getSelected().get('value')].departement);
			if(regionid.getSelected().get('value')!=""){
				regionid.setStyle('display', "none");
				var el = new Element('a', {
					'text': regionid.getSelected().get('text'),
					'href': "#",
					'events': {
						'click': function(){
							regionid.empty();
							departementid.empty();
							departementid.setStyle('display', "none");
							villeid.empty();
							villeid.setStyle('display', "none");
							
							addRegions(res_d.regions);} 
					}										  
				});
				el.inject(regionText);

			}
		}.bind(this));
	}		
	
	if($('departement-select')) {
		$('departement-select').addEvent('change', function() {
			villeid.empty();	
			villeid.setStyle('display', "none");	

			var request = new Request.JSON({
url: '/includus/php/ville_dep_partenaire_json.php?dep='+departementid.getSelected().get('value'),
onComplete: function(jsonObj) {
					addVilles(jsonObj.villes);
					if(departementid.getSelected().get('value')!=""){
						departementid.setStyle('display', "none");
						var el = new Element('a', {
							'text': departementid.getSelected().get('text'),
							'href': "#",
							'events': {
								'click': function(){villeid.empty();
									villeid.setStyle('display', "none");
									departementid.empty();
									addDepartements(res_d.regions[regionid.getSelected().get('value')].departement);} 
							}										  
						});
						el.inject(departementText);
					}
				}
			}).send();
			
		}.bind(this));
	}
});