//====================================================
//funciones del tooltip para ver la imagen de un campo
//====================================================
//....................................................
//variables globales
var ToolTipFijado = false;
var RatonSobreId;	// contiene el id del campo sobre el que está el mouse
var contenedor;		// divisor que contiene el tooltip
var contenidoLOAD;	// divisor interno al tooltip que contiene el texto de "cargando..."
var contenidoIMG;	// divisor interno al tooltip que contiene la imagen
var TRcerrar;
var BTcerrar;

function VerToolTip (evento, objeto, id) {
	if (! ToolTipFijado) {
		DeterminarDivisor();
//		document.getElementById(contenedor).style.left = event.clientX + document.documentElement.scrollLeft;
//		document.getElementById(contenedor).style.top = event.clientY + document.documentElement.scrollTop;
		document.getElementById(contenedor).style.left = evento.clientX + document.body.scrollLeft;
		document.getElementById(contenedor).style.top = evento.clientY + document.body.scrollTop;
	    document.getElementById(contenidoLOAD).innerHTML = "<table border=0 cellpadding=0 cellspacing=0 width='100%' bgcolor='#FEFEFE'><tr><td><img src='graficos/pixel.gif' height='10'></td></tr><tr><td align=center><table border=0 cellpadding=0 cellspacing=0><tr><td><img src='graficos/ajax-loader-small-bn.gif'></td><td>&nbsp;&nbsp;<small>Cargando imagen...</small></td></tr></table></td></tr><tr><td><img src='graficos/pixel.gif' height='10'></td></tr></table>"; 
		document.getElementById(contenedor).style.display = "block";
		VerToolTip2(objeto, id);
	}
}

function VerToolTip2 (objeto, imagen) {
	abortarAjax();
	pausa(300);
	nueva_imagen('LoadImagenCampo.asp',contenidoIMG,'imagen='+imagen);
}

function MoverToolTip (objeto) {
	if (! ToolTipFijado) {
		DeterminarDivisor();
		document.getElementById(contenedor).style.left = event.clientX + document.documentElement.scrollLeft;
		document.getElementById(contenedor).style.top = event.clientY + document.documentElement.scrollTop;
	}
}

function OcultarToolTip () {
	if (! ToolTipFijado) {
		abortarAjax();
		document.getElementById(contenedor).style.display = "none";
		document.getElementById('idCeldaPrincipal').width = 5;
		//se oculta la imagen y se muestra el Loader 
		document.getElementById(contenidoLOAD).style.display = "block";
		document.getElementById(contenidoIMG).style.display = "none";
	}
}

function LeerDimensionImagen(objeto) {
	//se llama cuando finaliza OK la carga de la imagen
	//se oculta el Loader y se muestra la imagen
	document.getElementById(contenidoLOAD).style.display = "none";
	document.getElementById(contenidoIMG).style.display = "block";
	document.getElementById('ToolTip_cerrar').style.display = "block";
	var nuevoAncho;
	nuevoAncho = document.getElementById(objeto.id).width - 29 - 118 + 2;
	if (nuevoAncho < 0) {nuevoAncho=5};
	document.getElementById('idCeldaPrincipal').width = nuevoAncho;
}

function NoExisteImagen(objeto) {
	//se llama cuando finaliza con ERROR la carga de la imagen
	//	window.event.srcElement.style.display = "None"; // en el caso de que queramos ocultar la imagen (no es necesario)
	document.getElementById(contenidoIMG).innerHTML = "&nbsp;<font color='#ff0000'><strong>No existe imagen.</strong></font>";
	//se oculta el Loader y se muestra la imagen
	document.getElementById(contenidoLOAD).style.display = "none";
	document.getElementById(contenidoIMG).style.display = "block";
}

function DeterminarDivisor () {
		//el raton está en la mitad derecha del navegador
		contenedor = 'ToolTip_marco';
		contenidoLOAD = 'ToolTip_contenidoLoad';
		contenidoIMG = 'ToolTip_contenidoImg';
		TRcerrar = 'TR_ToolTip_cerrar';
		BTcerrar = 'ToolTip_cerrar';
}

function pausa(milisegundos) 
{
	var date = new Date();
	var curDate = null;

	do { curDate = new Date(); } 
	while(curDate - date < milisegundos);
}