// Crear el objeto XMLHTTPREQUEST
function crearAjax()
{
    var xmlhttp=false;
	if (window.XMLHttpRequest)
		xmlhttp= new XMLHttpRequest();
	else if (window.ActiveXObject)
		xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
    return xmlhttp;
}

function obtiene_datos_bici()
{
	var ajaxF = crearAjax();
	var url = "ajax/datos_bici.php";
	ajaxF.open('GET', url, true);
	ajaxF.onreadystatechange = function()
	{
		var docXML ="";
		if ((ajaxF.readyState==4) && (ajaxF.status==200))
		{
			docXML = ajaxF.responseXML;
			try
			{
				var datosXML = docXML.getElementsByTagName("datos")[0];
				if (datosXML.getElementsByTagName("dato").length > 0)
				{
					var datoXML = "";

					datoXML = datosXML.getElementsByTagName("dato")[0];

					// FECHA Y HORA
					//document.getElementById("bici_timeDate").innerHTML = datoXML.getElementsByTagName("timeDate")[0].firstChild.nodeValue;
					document.getElementById("bici_timeHour").innerHTML = datoXML.getElementsByTagName("timeHour")[0].firstChild.nodeValue;

					// LATITUD
					if (document.getElementById("bici_lat").innerHTML != datoXML.getElementsByTagName("lat")[0].firstChild.nodeValue)
					{
						document.getElementById("bici_lat").innerHTML = datoXML.getElementsByTagName("lat")[0].firstChild.nodeValue;
					}
					else
					{					
					}

					// LONGITUD
					if (document.getElementById("bici_lon").innerHTML != datoXML.getElementsByTagName("lon")[0].firstChild.nodeValue)
					{
						document.getElementById("bici_lon").innerHTML = datoXML.getElementsByTagName("lon")[0].firstChild.nodeValue;
					}
					else
					{

					}

					// VELOCIDAD
					if (document.getElementById("bici_speed").innerHTML != datoXML.getElementsByTagName("speed")[0].firstChild.nodeValue)
					{
						document.getElementById("bici_speed").innerHTML = datoXML.getElementsByTagName("speed")[0].firstChild.nodeValue;
						document.getElementById("bici_speed").style.color="#00FF00";
						document.getElementById("bici_speed").style.fontWeight="bold";
					}
					else
					{
						document.getElementById("bici_speed").style.color="#000000";
						document.getElementById("bici_speed").style.fontWeight="normal";
					}
					
					// status
					if (document.getElementById("bici_status").innerHTML != datoXML.getElementsByTagName("status")[0].firstChild.nodeValue)
					{
						document.getElementById("bici_status").innerHTML = datoXML.getElementsByTagName("status")[0].firstChild.nodeValue;
						document.getElementById("bici_status").style.color="#00FF00";
						document.getElementById("bici_status").style.fontWeight="bold";
					}
					else
					{
						document.getElementById("bici_status").style.color="#000000";
						document.getElementById("bici_status").style.fontWeight="normal";
					}

					// Distancia total
					if (document.getElementById("bici_distance").innerHTML != datoXML.getElementsByTagName("cobertura")[0].firstChild.nodeValue)
					{
						document.getElementById("bici_distance").innerHTML = datoXML.getElementsByTagName("cobertura")[0].firstChild.nodeValue;
						document.getElementById("bici_distance").style.color="#00FF00";
						document.getElementById("bici_distance").style.fontWeight="bold";
					}
					else
					{
						document.getElementById("bici_distance").style.color="#000000";
						document.getElementById("bici_distance").style.fontWeight="normal";
					}
					

					delete(url);
					delete(docXML);
					delete(datosXML);
					delete(datoXML);
				}
			}
			catch(e)
			{
					//txt="There was an error on this page.\n\n";
					//txt+="Error description: " + e + "\n\n";
					//txt+="Click OK to continue.\n\n";
					//alert(txt);
			}
		}
	}
	ajaxF.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	ajaxF.send(null);
}

function obtiene_graficas()
{
	document.getElementById("grafica_altura").innerHTML = '<a href="grafica_espacio.php?parameter=gps_alt&width=1024&height=500" target="_blank"><img src="grafica_espacio.php?parameter=gps_alt&width=540&height=300" alt="Grafico altura" /></a>';
	document.getElementById("grafica_velocidad").innerHTML = '<a href="grafica_espacio.php?parameter=gps_speed&width=1024&height=500" target="_blank"><img src="grafica_espacio.php?parameter=gps_speed&width=540&height=300" alt="Grafico velocidad" /></a>';	document.getElementById("grafica_distancia").innerHTML = '<a href="grafica.php?parameter=gps_cobertura&width=1024&height=500" target="_blank"><img src="grafica.php?parameter=gps_cobertura&width=540&height=300" alt="Grafico distancia" /></a>';
}