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

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

var selectedIndex = "";
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,w,h){
	selectedIndex = index;

	//var popup = new Popup(543,367);
	//var popup = new Popup(705,477);
	//baseW = 662;
	//baseH = 440;

	var popup = new Popup(w,h);
	baseW = w - 43;
	baseH = h - 49;
	popup.template = 1;
	popup.overflow = "hidden";
	popup.open(src);
}
function loadFirstImg(){
	loadImg(0);
}
function loadImgBySubIndex(subIndex) {
	loadImg(subIndex);
}

function loadImg(index){
	if(arr[selectedIndex].length > 0 && arr[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)) && arr[index+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[index];
		//img.src = "../../../_system/scripts/image.php?w="+arrImg[index].width+"&h="+arrImg[index].height+"&resize=4&file=vista.imobi/fotos/"+arrImg[index].path;
		//console.debug("../../../_system/scripts/image.php?w="+baseW+"&h="+baseH+"&resize=4&file=vista.imobi/fotos/"+arrImg[index].path);
		img.src = "../../../_system/scripts/image.php?w="+baseW+"&h="+baseH+"&resize=4&file=vista.imobi/fotos/"+arrImg[index].path;

		selectedIndex = index;

		updateDescription(arrImg[index].description);
		refreshQtn();
	}
}

function refreshQtn(){
	if(arr[selectedIndex].length > 1){
		var pags = document.getElementById(qtnId);
		var txt = (selectedIndex+1) + " de " + (arr.length);
		if(arrAux[selectedIndex]){
				txt += " - "+arrAux[selectedIndex];
		}
		pags.innerHTML = txt;
	}
}
function updateDescription(description) {
	var desc = document.getElementById(descId);
	desc.innerHTML = description;
}

function next(){
	loadImg(selectedIndex + 1);
}

function prev(){
	loadImg(selectedIndex - 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"});
}