// JavaScript Document
var arrayMini = new Array
var arrayMax = new Array
function trocaFoto(id)
{
	imagem = aryImages[id];
	//imagem_maior = imagem.replace("produto_normal","produto_grande");
	document.getElementById("img_principal").src = aryImages[id];
	if (arrayMax[id])
	{
		document.getElementById("link_imagem").href = arrayMax[id];
		document.getElementById("link_imagem2").href = arrayMax[id];
	}
	img_mini = document.getElementById(id);
	classImg = img_mini.className;
	
	for (i=0; i < arrayMini.length-1; i++)
	{
		
		if(i == id)
		{
			document.getElementById(i).className = "borda_cinza";	
		}
		else
		{
			document.getElementById(i).className = "borda_branca";
		}
	}
}
function carregaVetor()
{
	
	foto = document.getElementById("tfotos").value;
	fot = foto.split("|");
	arrayMini = document.getElementById("tfotosMini").value.split("|")
	arrayMax = document.getElementById("tfotosMax").value.split("|")
	qtd =  fot.length;
	
	var array = new Array(qtd);
	for (i=0;i < qtd-1;i++)
	{										
		array[i] = fot[i];			
	}
	loadImagens(array);
	
	for (i=0; i < arrayMini.length-1; i++)
	{
		var div_principal = document.getElementById("miniaturas")
		var numFoto = document.createElement("img");
		if( i == 0)
		{
			numFoto.className = "borda_cinza";
		}
		else
		{
			numFoto.className = "borda_branca";	
		}
		
		numFoto.id = i;	
		numFoto.src = arrayMini[i]
		numFoto.onclick = function(){ trocaFoto(this.id) }		
		div_principal.appendChild(numFoto);	
	}
	
}
function loadImagens(arrayImages)
{
	qtdeImages = arrayImages.length;
	aryImages = arrayImages;
	for (i=0; i < arrayImages.length; i++)
	{
		var preload = new Image();
		preload.src = arrayImages[i];
	}
	
}

function trocarFoco(id,numero,idMudar)
{
	src = document.getElementById(id);
	if ( src.value.length == numero)
	{
		obj = document.getElementById(idMudar)
		if(obj)
		{
			obj.focus();	
		}
	}  	
}