// Detecta si el navegador es explorer o no.
var IE = document.all?true:false

// Si no es explorer inicializa la captura del ratón.
if (!IE) document.captureEvents(Event.MOUSEMOVE)

// Asocia la función getMouseXY al movimiento del ratón.
document.onmousemove = getMouseXY;

// Variables temporales
var mouse_x = 0
var mouse_y = 0

// Función principal

function getMouseXY(e)
{

	if (active_tooltip)
	{

		if (IE) { // Recoge la posición del ratón si es Explorer
			mouse_x = event.clientX + document.body.scrollLeft
			mouse_y = event.clientY + document.body.scrollTop
		} else { // Recoge la posición del ratón si no es Explorer
			mouse_x = e.pageX
			mouse_y = e.pageY
		}  
		// Rectifica posibles valores negativos.
		if (mouse_x < 0){mouse_x = 0}
		if (mouse_y < 0){mouse_y = 0}  
		
		id.innerHTML = "<DIV id='contenido_tooltip' style='border: 1px solid #A29FA0; background-color: white; padding: 5px;'>"+global_content+"</DIV>";

		ancho_documento = document.body.clientWidth;
		alto_documento = document.body.clientHeight;

		ancho_contenido_tooltip = document.getElementById ("contenido_tooltip").offsetWidth;
		alto_contenido_tooltip = document.getElementById ("contenido_tooltip").offsetHeight;
		
		if (mouse_x+5 < ancho_documento-ancho_contenido_tooltip)
		{
			id.innerHTML = "<DIV id='contenido_tooltip' style='border: 1px solid #A29FA0; background-color: white; padding: 5px;'>"+global_content+"</DIV><DIV style='position: relative; top: -1px;'><img src='img/pico_inferior_izquierda.gif'></DIV>";

			id.style.left = mouse_x + 5 + "px";
			id.style.top = mouse_y-alto_contenido_tooltip-20 + "px";
		}
		
		
		if (mouse_x+5 >= ancho_documento-ancho_contenido_tooltip)
		{
			id.innerHTML = "<DIV id='contenido_tooltip' style='border: 1px solid #A29FA0; background-color: white; padding: 5px;'>"+global_content+"</DIV><DIV style='position: relative; top: -1px; left: "+(ancho_contenido_tooltip-10)+"px'><img src='img/pico_inferior_derecha.gif'></DIV>";

			id.style.left=mouse_x-ancho_contenido_tooltip-5 + "px";
			id.style.top=mouse_y-alto_contenido_tooltip-20 + "px";
		}
		

	}
	
  return true
}
