var qtnId = "qntZoom";
var esqId = "esqZoom";
var dirId = "dirZoom";
var imgId = "imgZoom";
var loadingId = "div_Loading";

var baseW = 500;
var baseH = 333;
var baseSrc = "../../../_system/scripts/image.php?w="+baseW+"&h="+baseH+"&resize=4&file=";

var selectedIndex = "";
var selectedSubIndex = "";
var arr = new Array();
var arrAux = new Array();
/*
	o array deve ser carregado na pagina
*/

function checkKey(e){
	var e = e || event;
	var k = e.keyCode || e.which;
	if (k==39){ //seta direita
		next();
	}else if (k==37){ //seta esq
		prev();
	}
}

function zoom(src,index){
	selectedIndex = index;
	
	var popup = new Popup(543,397);
	popup.template = 2;
	popup.overflow = "hidden";
	popup.open(src);
}
function loadFirstImg(){
	loadImg(0);
}
function loadImgBySubIndex(subIndex) {
	loadImg(subIndex);
}

function loadImg(index){
	if(arr[selectedIndex]){
		if(arr[selectedIndex].length > 0){
			if(arr[selectedIndex][index]){
				//mostra seta para esquerda
				if(index > 0){
					document.getElementById(esqId).style.display = "";
				} else {
					document.getElementById(esqId).style.display = "none";
				}
				
				//mostra seta para direita
				if(index < (arr[selectedIndex].length - 1)){
					document.getElementById(dirId).style.display = "";
				} else {
					document.getElementById(dirId).style.display = "none";
				}
				
				//põe efeito de carregando:
				changeImgEffect();
				
				var img = document.getElementById(imgId);
				img.src = baseSrc+arr[selectedIndex][index];
				
				selectedSubIndex = index;
				
				refreshQtn();
			}
		}
	}
}
function refreshQtn(){
	if(arr[selectedIndex].length > 1){
		var pags = document.getElementById(qtnId);
		var txt = (selectedSubIndex+1) + " de " + (arr[selectedIndex].length);
		if(arrAux[selectedIndex]){
			if(arrAux[selectedIndex][selectedSubIndex]){
				txt += " - "+arrAux[selectedIndex][selectedSubIndex];
			}
		}
		pags.innerHTML = txt;
	}
}
function next(){
	loadImg(selectedSubIndex + 1);
}

function prev(){
	loadImg(selectedSubIndex - 1);
}


// Coloca fescura de 'Carregendo...'
function changeImgEffect() {
	Tween.addTween(document.getElementById(imgId), {_alpha: 30, time: 1, transition: "expoOut"});
	document.getElementById(loadingId).style.display = '';
	addEvent(document.getElementById(imgId),'load',loadedImg);
}
// Tira o efeito para trocar a imagem
var loadedImg = function() {
	document.getElementById(imgId).style.display = '';
	document.getElementById(loadingId).style.display = 'none';
	Tween.addTween(document.getElementById(imgId), {_alpha: 100, time: 1, transition: "expoOut"});
}