function nuevoAjax()
{ 
	/* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
	lo que se puede copiar tal como esta aqui */
	var xmlhttp=false;
	try
	{
		// Creacion del objeto AJAX para navegadores no IE
		xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
	}
	catch(e)
	{
		try
		{
			// Creacion del objet AJAX para IE
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
		catch(E)
		{
			if (!xmlhttp && typeof XMLHttpRequest!='undefined') xmlhttp=new XMLHttpRequest();
		}
	}
	return xmlhttp; 
}

// Declaro los selects que componen el documento HTML. Su atributo ID debe figurar aqui.
var listadoSelects=new Array();
listadoSelects[0]="provincia";
listadoSelects[1]="sector";

function buscarEnArray(array, dato)
{
	// Retorna el indice de la posicion donde se encuentra el elemento en el array o null si no se encuentra
	var x=0;
	while(array[x])
	{
		if(array[x]==dato) return x;
		x++;
	}
	return null;
}

function cargaContenido(idSelectOrigen, filtro)
{
	var aleatorio=Math.random();
	// Obtengo la posicion que ocupa el select que debe ser cargado en el array declarado mas arriba
	var posicionSelectDestino=buscarEnArray(listadoSelects, idSelectOrigen)+1;
	// Obtengo el select que el usuario modifico
	var selectOrigen=document.getElementById(idSelectOrigen);
	// Obtengo la opcion que el usuario selecciono
	var opcionSeleccionada=selectOrigen.options[selectOrigen.selectedIndex].value;
	
	//var opcionSeleccionada = opcionSeleccionada.split("-");
	
	// Compruebo que el select modificado no sea el ultimo de la cadena
	if(idSelectOrigen!=listadoSelects[listadoSelects.length-1])
	{
		// Obtengo el elemento del select que debo cargar
		var idSelectDestino=listadoSelects[posicionSelectDestino];
		var selectDestino=document.getElementById(idSelectDestino);
		
                var page = null;
                if (filtro == 1)
                    page = "../cargar_sectores.php?select=";
                else
                    page = "cargar_sectores.php?select=";


		var ajax=nuevoAjax();
		ajax.open("GET", page+idSelectDestino+"&opcion="+opcionSeleccionada+"&filtro="+filtro+"&aleatorio="+aleatorio, true);
		
		ajax.onreadystatechange=function() 
		{ 
			if (ajax.readyState==1)
			{
				// Mientras carga elimino la opcion "Selecciona Opcion..." y pongo una que dice "Cargando..."
				if (selectDestino)
				{
					selectDestino.length=0;
					var nuevaOpcion=document.createElement("option"); 
					nuevaOpcion.value=0; 
					nuevaOpcion.innerHTML="Cargando...";
					selectDestino.appendChild(nuevaOpcion);				
					selectDestino.disabled=true;	
				}
			}
			if (ajax.readyState==4)
			{
				if (selectDestino)
					selectDestino.parentNode.innerHTML=ajax.responseText;
			} 
		}
		ajax.send(null);
	}
}

function Mostrar()
{
			var elemento = document.getElementsByName('Op2');
    
			for (i = 0; i< elemento.length; i++) {
        		if(navigator.appName.indexOf("Microsoft") > -1){
               		var visible = 'block'
        		} else {
               		var visible = 'table-row';
        		}
	
				elemento[i].style.display = visible;
        	}
}

function Ocultar_Mostrar()
{
	var elementos = document.getElementsByName('Op2');
    	
			for (k = 0; k< elementos.length; k++) {
               elementos[k].style.display = "none";
			}
}

function Operar()
{
	var ele = document.getElementById('sectornuevo').value;
	var el = document.getElementById('provincia').value;

	document.getElementById('sectornuevo').value = "";

	if (el)
	{
	var aleatorio=Math.random();
	
		// Obtengo el elemento del select que debo cargar
		//var idSelectDestino=listadoSelects[posicionSelectDestino];
		//var selectDestino=document.getElementById(idSelectDestino);

		var ajax=nuevoAjax();
		ajax.open("GET", "seccion-usuario-miembros-agregar-sector.php?idc="+el+"&ids="+ele+"&aleatorio="+aleatorio, true);
		
		ajax.onreadystatechange=function() 
		{ 
			if (ajax.readyState==1)
			{
				// Mientras carga elimino la opcion "Selecciona Opcion..." y pongo una que dice "Cargando..."
				//selectDestino.length=0;
				/*var nuevaOpcion=document.createElement("option");
				if (nuevaOpcion)
				{
					nuevaOpcion.value=0; 
					nuevaOpcion.innerHTML="Cargando...";
					selectDestino.appendChild(nuevaOpcion);				
					selectDestino.disabled=true;	
				}*/
			}
			if (ajax.readyState==4)
			{
				Ocultar_Mostrar();
				var cid = "provincia";
				cargaContenido(cid, 1);
			} 
		}
		ajax.send(null);
	//}
	}
	else
		alert("Debe seleccionar una Ciudad para asociarle un Sector.");
}