function objetoAjax(){
	var xmlhttp=false;
	try {
		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
		try {
		   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (E) {
			xmlhttp = false;
  		}
	}

	if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
		xmlhttp = new XMLHttpRequest();
	}
	return xmlhttp;
}

function consulta(datos,destino){
  divResultado = document.getElementById(destino);
	ajax=objetoAjax();
	ajax.open("GET", datos);
	ajax.onreadystatechange=function() {
		if (ajax.readyState==4) {
			divResultado.innerHTML = ajax.responseText
		}
	}
	ajax.send(null)
}

function consulta2(datos,destino){
	divResultado2 = document.getElementById(destino);
	ajax2=objetoAjax();
	ajax2.open("GET", datos);
	ajax2.onreadystatechange=function() {
		if (ajax2.readyState==4) {
			divResultado2.innerHTML = ajax2.responseText
		}
	}
	ajax2.send(null)
}

function selecOrden(orden){
	document.getElementById('familia_resultado').innerHTML='<img src="img/loadinfo.gif" width="24" height="24">';
	if (orden==0){
		document.getElementById('no_passeriforme').style.color = 'white';
		document.getElementById('passeriforme').style.color = 'grey';
		consulta('resources/fam_consulta.php?where=0&especial=1&geo='+pref_geo+'&archivo='+archivo+'&libre='+libre+'&orden='+orden1,'familia_resultado');
		consulta2('resources/esp_consulta.php?orden='+orden2+'&orden2='+orden1+'&pas=0&geo='+pref_geo+'&archivo='+archivo+'&libre='+libre,'especie_resultado');
	} else{
		document.getElementById('passeriforme').style.color = 'white';
		document.getElementById('no_passeriforme').style.color = 'grey';
		consulta('resources/fam_consulta.php?where=1&especial=1&geo='+pref_geo+'&archivo='+archivo+'&libre='+libre+'&orden='+orden1,'familia_resultado');
		consulta2('resources/esp_consulta.php?orden='+orden2+'&orden2='+orden1+'&pas=1&geo='+pref_geo+'&archivo='+archivo+'&libre='+libre,'especie_resultado');
	}
	passeri=orden;
	if (orden1==1){
		document.getElementById('orden_familia').innerHTML = '<a href="#" style="text-decoration:none"><font color="#666666" size="1" face="Arial, Helvetica, sans-serif" onClick="ordenFamilia(0)">'+tax+'</font></a>';
	} else {
		document.getElementById('orden_familia').innerHTML = '<a href="#" style="text-decoration:none"><font color="#666666" size="1" face="Arial, Helvetica, sans-serif" onClick="ordenFamilia(1)">'+alfa+'</font></a>';
	}
}

function selecFamilia(familia2,orden){
	familia=familia2;
	document.getElementById('especie_resultado').innerHTML='<img src="img/loadinfo.gif" width="24" height="24">';
	consulta('resources/fam_consulta.php?where='+passeri+'&ant='+familia2+'&geo='+pref_geo+'&archivo='+archivo+'&libre='+libre+'&orden='+orden1,'familia_resultado');
	consulta2('resources/esp_consulta.php?where='+familia2+'&geo='+pref_geo+'&archivo='+archivo+'&libre='+libre+'&orden='+orden2+'&orden2='+orden1,'especie_resultado');
	if (orden2==1){
		document.getElementById('orden_especie').innerHTML = '<a href="#" style="text-decoration:none"><font color="#666666" size="1" face="Arial, Helvetica, sans-serif" onClick="ordenEspecie(0)">'+tax+'</font></a>';
	} else {
		document.getElementById('orden_especie').innerHTML = '<a href="#" style="text-decoration:none"><font color="#666666" size="1" face="Arial, Helvetica, sans-serif" onClick="ordenEspecie(1)">'+alfa+'</font></a>';
	}	
}

function ordenFamilia(cambio){
	document.getElementById('familia_resultado').innerHTML='<img src="img/loadinfo.gif" width="24" height="24">';
	orden1=cambio;
	if (cambio==1){
		consulta('resources/fam_consulta.php?where='+passeri+'&orden='+cambio+'&geo='+pref_geo+'&archivo='+archivo+'&libre='+libre,'familia_resultado');
		consulta2('resources/esp_consulta.php?where='+familia+'&orden='+orden2+'&orden2='+cambio+'&geo='+pref_geo+'&archivo='+archivo+'&libre='+libre,'especie_resultado');
		document.getElementById('orden_familia').innerHTML = '<a href="#" style="text-decoration:none"><font color="#666666" size="1" face="Arial, Helvetica, sans-serif" onClick="ordenFamilia(0)">'+tax+'</font></a>';
	} else {
		consulta('resources/fam_consulta.php?where='+passeri+'&geo='+pref_geo+'&archivo='+archivo+'&libre='+libre,'familia_resultado');
		consulta2('resources/esp_consulta.php?where='+familia+'&orden='+orden2+'&orden2='+cambio+'&geo='+pref_geo+'&archivo='+archivo+'&libre='+libre,'especie_resultado');
		document.getElementById('orden_familia').innerHTML = '<a href="#" style="text-decoration:none"><font color="#666666" size="1" face="Arial, Helvetica, sans-serif" onClick="ordenFamilia(1)">'+alfa+'</font></a>';
	}	
}
function ordenEspecie(orden){
	document.getElementById('especie_resultado').innerHTML='<img src="img/loadinfo.gif" width="24" height="24">';
	orden2=orden;
	if (orden==1){
		consulta2('resources/esp_consulta.php?where='+familia+'&orden='+orden+'&orden2='+orden1+'&geo='+pref_geo+'&archivo='+archivo+'&libre='+libre,'especie_resultado');
		document.getElementById('orden_especie').innerHTML = '<a href="#" style="text-decoration:none"><font color="#666666" size="1" face="Arial, Helvetica, sans-serif" onClick="ordenEspecie(0)">'+tax+'</font></a>';
	} else {
		consulta2('resources/esp_consulta.php?where='+familia+'&geo='+pref_geo+'&orden2='+orden1+'&archivo='+archivo+'&libre='+libre,'especie_resultado');
		document.getElementById('orden_especie').innerHTML = '<a href="#" style="text-decoration:none"><font color="#666666" size="1" face="Arial, Helvetica, sans-serif" onClick="ordenEspecie(1)">'+alfa+'</font></a>';
	}	
}

function restaurarPref(){
	consulta('resources/fam_consulta.php?especial=1&where=0'+'&orden='+orden1,'familia_resultado');
	consulta2('resources/esp_consulta.php?orden='+orden2+'&orden2='+orden1+'&pas=0','especie_resultado');
	document.getElementById('passeriforme').style.color = 'grey';
	document.getElementById('no_passeriforme').style.color = 'white';
	pref_geo='';
	archivo='';
	libre='';
	familia='';
	passeri=0;
	document.getElementById("region").selectedIndex=0;
	document.getElementById("pais").selectedIndex=0;
	document.getElementById("zona").selectedIndex=0;
	document.getElementById("archivo").selectedIndex=0;
	document.getElementById("libre").selectedIndex=0;
	document.getElementById("localidad").selectedIndex=0;
	restaurar_geo();
}

function selectEspecie(id){
	document.getElementById('contenido').innerHTML='<table width="942" height="600"><tr><td align="center" v-align="middle"><img src="img/loadinfo.gif" width="24" height="24"></td></tr></table>';
	consulta('resources/video.php?especial=1&where=0'+'&orden='+orden1,'contenido');
}