/**
 *	Calculo el alto de la Página
 */
function tamanioPagina()
{
	var scrollHorizontal, scrollVertical;
	if ((window.innerHeight) && (window.scrollMaxY))
	{
		scrollHorizontal = document.body.scrollWidth;
		scrollVertical = window.innerHeight + window.scrollMaxY;
	}
	else if (document.body.scrollHeight > document.body.offsetHeight)
	{
		scrollHorizontal = document.body.scrollWidth;
		scrollVertical = document.body.scrollHeight;
	}
	else
	{
		scrollHorizontal = document.body.offsetWidth;
		scrollVertical = document.body.offsetHeight;
	}
	var anchoVentana, altoVentana;
	if (self.innerHeight)
	{
		anchoVentana = self.innerWidth;
		altoVentana = self.innerHeight;
	}
	else if ((document.documentElement) && (document.documentElement.clientHeight))
	{
		anchoVentana = document.documentElement.clientWidth;
		altoVentana = document.documentElement.clientHeight;
	}
	else if (document.body)
	{
		anchoVentana = document.body.clientWidth;
		altoVentana = document.body.clientHeight;
	}
	if (scrollVertical < altoVentana)
	{
		alto = altoVentana;
	}
	else
	{
		alto = scrollVertical;
	}
	if (scrollHorizontal < anchoVentana)
	{
		ancho = anchoVentana;
	}
	else
	{
		ancho = scrollHorizontal;
	}
	tamanio = new Array(ancho, alto);
	return(tamanio);
}

/**
 *	Obtengo la posición de un elemento
 */
function coordenadas(elemento)
{
	posX = posY = 0;
	if (elemento.offsetParent)
	{
		obj = elemento;
		do
		{
			posX += obj.offsetLeft;
			posY += obj.offsetTop;
		}
		while (obj = obj.offsetParent);
	}
	pos = new Array(posX, posY);
	return(pos);
}

/**
 *	Muestro los detalles de un Producto
 */
function mostrarDetalles(elemento, numero)
{
	if (divDetalles = document.getElementById('detalles'))
	{
		tamanio = tamanioPagina();
		divDetalles.style.display = 'block';
		divDetalles.style.height = (tamanio[1] + 10) + 'px';
		divDetalles.style.top = '0px';
		divDetalles.style.left = '0px';
		if (divDetallesProducto = document.getElementById('detalles-' + numero))
		{
			posicion = coordenadas(elemento);
			divDetallesProducto.className = 'detalles-visible';
			divDetallesProducto.style.display = 'block';
			divDetallesProducto.style.top = (posicion[1] - divDetallesProducto.clientHeight) + 'px';
			divDetallesProducto.style.left = (posicion[0] - 7) + 'px';
			divDetallesProducto.onclick = new Function('ocultarDetalles(' + numero + ');');
		}
	}
}

/**
 *	Oculto los detalles de un Producto
 */
function ocultarDetalles(numero)
{
	if (divDetalles = document.getElementById('detalles-' + numero))
	{
		divDetalles.className = 'detalles';
		divDetalles.style.display = 'none';
	}
	if (divDetalles = document.getElementById('detalles'))
	{
		divDetalles.style.display = 'none';
		divDetalles.style.height = '0px';
		divDetalles.style.top = '0px';
		divDetalles.style.left = '0px';
	}
}

function ocultarDetalles()
{
	contador = 1;
	while (divDetalles = document.getElementById('detalles-' + contador))
	{
		divDetalles.style.display = 'none';
		divDetalles.style.position = 'absolute';
		if (divVerDetalles = document.getElementById('ver-detalles-' + contador))
		{
			divVerDetalles.className = 'ver-detalles-visible';
			divVerDetalles.onclick = new Function('mostrarDetalles(this, ' + contador + ');');
		}
		contador++;
	}
	if (divDetalles = document.getElementById('detalles'))
	{
		divDetalles.style.display = 'none';
		divDetalles.style.position = 'absolute';
	}
}

if (typeof window.onload != 'function')
{
	window.onload = ocultarDetalles;
}
else
{
	var onLoadDetalles = window.onload;
	window.onload = function()
       	{
	       if (onLoadDetalles)
	       {
		       onLoadDetalles();
	       }
	       ocultarDetalles();
	};
}