function loadBarri(){
	updateDependentSelect('nucli', 'barri', 'ra.asp?o=actuacio&a=barri');
}

function updateDependentSelect(sltOrigen, sltDesti, sURL){
	$(sltDesti).disable();
	new Ajax.Request(sURL, { method: 'post',
		parameters: $(sltOrigen).serialize(true),
  		onSuccess: function(transport) {
  			var response = transport.responseText || "no response text";
			var json_data;
			eval('json_data = ' + response);
  			addSelectOptions(sltDesti, json_data);
  			$(sltDesti).enable();
  		}
	});
}


function addSelectOptions(att, data) {
	deleteSelectOptions(att);
	var o = $(att);
// opcio buida
	var elOptNew = document.createElement('option');
	elOptNew.value = "";
	elOptNew.text = "";
	try {
		o.add(elOptNew, null); // standards compliant; doesn't work in IE
	}
	catch(ex) {
		o.add(elOptNew); // IE only
	}

	for(j=0; j < data.length; j++) {
		var elOptNew = document.createElement('option');
		elOptNew.value = data[j]['VALUE'];
		elOptNew.text = data[j]['TEXT'];
		try {
			o.add(elOptNew, null); // standards compliant; doesn't work in IE
		}
		catch(ex) {
			o.add(elOptNew); // IE only
		}
	}
}
function deleteSelectOptions(att) {
	var n_elems = $(att).length;
	for(i=0; i<n_elems; i++)
		$(att).remove(0);
}
function unselectSelectOptions(att) {
	for(i=0; i<$(att).length; i++)
		$(att)[i].selected = false;
}

