var mostrar = false;

//Crea el objeto Ajax.
function crearAjax()
{
	var objetoAjax = false;
	try {
		objetoAjax = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
		try {
			objetoAjax = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (E) {
			objetoAjax = false;
		}
	}
	if (!objetoAjax && typeof XMLHttpRequest!='undefined')
	{
		objetoAjax = new XMLHttpRequest();
	}
	return objetoAjax;
}

function PosicionTooltip(e)
{
	var nIE = document.getElementById && !document.all;
	if (mostrar)
	{
		if (nIE)
		{
			//Coordenadas de raton en navegadores que NO sean Internet Explorer
			posX = e.pageX;
			posY = e.pageY;		
		}
		else
		{
			//Coordenadas de raton en Internet Explorer
			posX = event.clientX + ieBody().scrollLeft;
			posY = event.clientY + ieBody().scrollTop;
		}
		
		var cCapa = document.getElementById("fFeria");
		
		
		if (posX + 230 >= document.documentElement.scrollLeft + document.documentElement.clientWidth)
		{
			posX = posX - 230;
		}
		
		if (posY + 180 >= document.documentElement.scrollTop + document.documentElement.clientHeight)
		{
			posY = document.documentElement.scrollTop + document.documentElement.clientHeight-180;
		}
		
		
		var objeto = document.getElementById("fFeria");
		objeto.style.left = posX + 15 + 'px';
		objeto.style.top = posY + 15 + 'px';
		objeto.style.visibility = 'visible';
		objeto.style.display = 'block';
	}
}

function MostrarTooltip(fecha)
{
	mostrar = true;
	//Hace la consulta a la base de datos en Ajax.
	var capa = document.getElementById('fFeria');
	var ajax = crearAjax();
	ajax.open("GET","consulta-feria.asp?f="+fecha,true);
	ajax.onreadystatechange = function() {
		if (ajax.readyState==1) {
			capa.innerHTML = "<img src='imagenes/loader.gif' />";
		}
		if (ajax.readyState==4) {
			capa.innerHTML = ajax.responseText;
		}
	}
	//ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	ajax.send(null);
}

function OcultarTooltip()
{
	var objeto = document.getElementById("fFeria");
	objeto.style.visibility = 'hidden';
	objeto.style.display = 'none';
	mostrar = false;
}


// Referencia al Body de Internet Explorer segun version
function ieBody()
{
	return (document.compatMode && document.compatMode != 'BackCompat') ? document.documentElement : document.body;
}
document.onmousemove = PosicionTooltip;