var mostrar = false;

//Calcula la posicion del cuadro flotante segun se mueve el raton
function PosicionVistaPrevia(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;
		}
		
		if (posX + 530 >= document.documentElement.scrollLeft + document.documentElement.clientWidth)
		{
			posX = posX - 525;
		}
		
		if (posY + 240 >= document.documentElement.scrollTop + document.documentElement.clientHeight)
		{
			posY = document.documentElement.scrollTop + document.documentElement.clientHeight-240;
		}
		
		if (document.getElementById("vGaleria"))
		{
			var objeto = document.getElementById("vGaleria");
			objeto.style.left = posX + 15 + 'px';
			objeto.style.top = posY + -100 + 'px';
			objeto.style.visibility = 'visible';
			objeto.style.display = 'block';
		}
	}
	
}

// Muestra el cuadro flotante
function VistaPreviaGaleria(imagen)
{
	mostrar = true;
	var objeto = document.getElementById("vGaleria");
	objeto.innerHTML = "<div class='img'><img src='"+imagen+"' /></div>";
}

//Oculta el cuadro flotante
function OcultarVistaPrevia()
{
	var objeto = document.getElementById("vGaleria");
	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 = PosicionVistaPrevia;