// instancio el primero objeto de ajax
var ajax 	= new sack();

function lista(sel)
{
	// obtengo el id del valor seleccionado
	var id = sel.options[sel.selectedIndex].value;
	
	// pongo en cero los combos
	document.getElementById('idBarrio').options.length=0;
	
	// agrego el aviso de cargando
	document.getElementById('idBarrio').options[0] = new Option('Cargando...','0');
	
	// deshabilito la opciones
	document.getElementById('idBarrio').disabled = true;
	
	// si le envio algún valor ...
	if(id.length>0){

			// le pido a ESTE OBJETO (AJAX1) que me traiga el listado de las regiones en base a la id de sistema.
			ajax.requestFile = 'includes/listado.inc.php?localidad='+id;	
		
		// llamo funcion 1 
		ajax.onCompletion = funcion;	
		ajax.runAJAX();		
	}
}

// comienza funcion 1
function funcion()
{
	// creo un array obj
	var obj = new Array();
	
	// asigno a la posicion del array un objeto
	obj[1] = document.getElementById('idBarrio');
	obj[1].options.length = 0;
	
	// defino la variable listas
	var listas = ajax.responseXML.childNodes[0].getElementsByTagName("listado");
	
	// cuento las listas ...
	for(i=0;i<listas.length;i++) {	
		
		// seleccino cada evento de cada lista
		var lista = listas[i];
		
		// selecciono las propiedades de cada evento de cada lista
		var elemsDeLista = lista.getElementsByTagName('elem');
			//var obj= ajax1.responseXML.childNodes[i];
			for(k=0;k<elemsDeLista.length;k++) {
				var id = lista.getAttribute("id");
				obj[id].options[obj[id].options.length] = new Option(elemsDeLista[k].getAttribute("valor"), elemsDeLista[k].getAttribute("idBarrio"));
			}
	}
	
	//hablito los forms
	document.getElementById('idBarrio').disabled = false;
}