/**
* Las capas que contienen las imágenes deben tener el id="imagen#" donde # es el
* número de imagen empezando en 0 y correlativamente.
*
* @author  DMR
* @date    20/01/2006
* @version 1.0
*/

var puntero = 0; // entero que marca el índice de la primera imagen mostrada actualmete
var ventana = 4; // entero que indica la cantidad de imágenes a mostrar
var cantidad = 0; // entero que indica la cantidad total de imágenes a gestionar

// establece el tamaño de la ventana
function CarruselVentana(tamanyo)
{
	if(parseInt(tamanyo) && tamanyo > 0)
	{
		ventana = tamanyo;
	}
}

// establece la cantidad total de imágenes
function CarruselCantidad(valor)
{
	if(parseInt(valor) && valor >= 0)
	{
		cantidad = valor;
	}
}

// desplaza la ventana hacia el final de la lista
function CarruselSiguiente()
{
	CarruselCambio(1);
}

// desplaza la ventana hacia le principio de la lista
function CarruselAnterior()
{
	CarruselCambio(-1);
}

// ejecuta el desplazamiento del carrusel
function CarruselCambio(valor)
{
	// se actualiza el puntero
	puntero += valor;
	// se valida el nuevo valor del puntero
	if (puntero > cantidad-ventana)
	{
	  puntero = cantidad-ventana;
	}
  if (puntero < 0)
  {
    puntero = 0;
  }
  
  if(document.getElementById("siguiente") != null)
  {
  	document.getElementById("siguiente").style.display = 'block';
		if (puntero == cantidad-ventana)
		{
			document.getElementById("siguiente").style.display = 'none';
		}
  }
  if(document.getElementById("anterior") != null)
  {
  	document.getElementById("anterior").style.display = 'block';
		if (puntero == 0)
		{
			document.getElementById("anterior").style.display = 'none';
		}
  }
	
	// se ocultann todas las imágenes
	for(i = 0; i < cantidad; i++)
	{
		if(document.getElementById("imagen"+i) != null)
		{
			document.getElementById("imagen"+i).style.display = 'none';
		}
	}
	
	// se muestran las imágenes que están dentro de la ventana deslizante
	i = puntero;
	while(i < puntero+ventana && document.getElementById("imagen"+i) != null)
	{
		document.getElementById("imagen"+i).style.display = 'block';
		i++;
	}
}