// JavaScript Document

var posImage0 = 0;
var posImage1 = 1;
var posImage2 = 2;

var PATH_SMALL = "/upload/catalogo/small/";
var PATH_MEDIUM = "/upload/catalogo/medium/";

// ---------------------
// |            | img1 |
// |            | (1)  |
// |  img_gde   |------|
// |   (0)      | img2 |
// |            | (2)  | 
// ---------------------

// Inicializo las posiciones de las fotos.
// 
//  | 0 | 1 | 2 | 3 | 4 |    <--- Imagen
//    0   1   2   -1  -1     <--- Ventana donde se mostrara
//  
//  Los movimientos de siguiente o anterior, circulan el arreglo de posiciones
//  | 0 | 1 | 2 | 3 | 4 |    <--- Imagen
//    0   1   2   -1  -1
//   -1   0   1   2   -1
//    2  -1  -1   0   1   
//    1   2  -1   -1  0

function inicializarPosiciones()
{
	var ventana = 0;
	for (i = 0; i < arrayImages.length; i++)
	{
		if (ventana < 3)
		{
			arrayPos[i] = ventana;
			ventana++;
		}
		else
		{
			arrayPos[i] = -1;
		}
	}
}

// Mueve todo el arreglo a la derecha
//  >>
function retroceder()
{
	var auxiliar;
	// Auxiliar se carga con el último (que se sale del arreglo)
	auxiliar = arrayPos[arrayPos.length -1];
	for (i = arrayPos.length -1; i > 0; i--)
	{
		arrayPos[i] = arrayPos[i-1];
	}
	arrayPos[0] = auxiliar;
}

// Mueve todo el arreglo a la izquierda
//  <<
function avanzar()
{
	var auxiliar;
	// Auxiliar se carga con el último (que se sale del arreglo)
	auxiliar = arrayPos[0];
	for (i = 0; i < arrayPos.length; i++)
	{
		arrayPos[i] = arrayPos[i+1];
	}
	arrayPos[arrayPos.length -1] = auxiliar;
}

function actualizarImagenes()
{
	for (i = 0; i < arrayImages.length; i++)
	{
		if ((arrayPos[i] == 1) || (arrayPos[i] == 2))
		{
			imgSrc = PATH_SMALL + arrayImages[i];
			imgName = "img"+arrayPos[i];
			switchImage(imgName, imgSrc);
		}
		else if(arrayPos[i] == 0)
		{
			imgSrc = PATH_MEDIUM + arrayImages[i];
			imgName = "img_gde";
			switchImage(imgName, imgSrc);
		} else
		{
			imgSrc = "none";
		}
		
	}
}

function switchImage(imgName, imgSrc) 
{
  if (document.images)
  {
    if (imgSrc != "none")
    {
//		document.getElementById(imgName).style.backgroundImage = "url(" + imgSrc + ")";
		document.getElementById(imgName).src = imgSrc;
    }
  }
}

/**
 *	Cambia las imagenes al hacer click en siguiente y anterior
 */
function masImagenes(direccion)
{
	if (arrayImages.length >= 2)
	{
		if (direccion == "siguiente")
		{
			avanzar();
		}
		else //anterior
		{
			retroceder();
		}
		actualizarImagenes();
	}	
}

/*
function masImagenes(direccion)
{
	if (arrayImages.length > 3)
	{
		if (direccion == "siguiente")
		{
			switchImage("img1", PATH_SMALL + arrayImages[posImage2]);
			switchImage("img2", PATH_SMALL + arrayImages[posImage2 + 1]);
			posImage1 += 1; 		
			posImage2 += 1;
			if (posImage2 == (arrayImages.length - 1))
			{
				document.getElementById("lnk_siguiente").style.display = "none";
			}
			document.getElementById("lnk_anterior").style.display = "";		
		}
		else //anterior
		{
			switchImage("img2", PATH_SMALL + arrayImages[posImage1]);
			switchImage("img1", PATH_SMALL + arrayImages[posImage1 - 1]);			
			posImage1 -= 1; 				
			posImage2 -= 1; 						
			if (posImage2 == 1)
			{
				document.getElementById("lnk_anterior").style.display = "none";
			}
			document.getElementById("lnk_siguiente").style.display = "";		
		}
	}
}
*/

function cambiarGde(nueva_img)
{
	if (nueva_img == 1)
	{
		switchImage("img_gde", PATH_MEDIUM + arrayImages[posImage1]);
		switchImage("img1", PATH_SMALL + arrayImages[posImage0]);
		tmp_posImage1 	= posImage1;
		posImage1		= posImage0;
		posImage0 		= tmp_posImage1;
	}
	else
	{
		switchImage("img_gde", PATH_MEDIUM + arrayImages[posImage2]);
		switchImage("img2", PATH_SMALL + arrayImages[posImage0]);
		tmp_posImage2 	= posImage2;
		posImage2		= posImage0;
		posImage0 		= tmp_posImage2;		
	}
}

function mostrarTextoIdioma(idioma)
{
	document.getElementById('texto_'+idioma).className = '';
	document.getElementById('texto_'+idioma).style.display = '';
	switch (idioma)
	{
		case 'en':
			if (document.getElementById('texto_al'))
				document.getElementById('texto_al').style.display = 'none';				
			if (document.getElementById('texto_es'))
				document.getElementById('texto_es').style.display = 'none';
			break;	
		case 'es':
			if (document.getElementById('texto_al'))
				document.getElementById('texto_al').style.display = 'none';
			if (document.getElementById('texto_en'))
				document.getElementById('texto_en').style.display = 'none';
			break;	
		default:
			if (document.getElementById('texto_es'))
				document.getElementById('texto_es').style.display = 'none';
			if (document.getElementById('texto_en'))
				document.getElementById('texto_en').style.display = 'none';			
	}
}