dojo.require("dijit.Dialog");

dojo.query("body").addClass("claro");

var posicaoAlbum = -1;
var contaImagem = 0;
var listaImagens = new Array();
var timeoutAlbumID;
var dialog;

getContent = function(data){
	posicaoAlbum = -1;
	contaImagem = 0;
	listaImagens = new Array();
	
	var altura = 0;
	if(dojo.window.getBox().h > 600)
		altura = 480;
	else
		altura = 350;
	
	var content = "<div>";
	dojo.forEach(data.items, function (item){
		content +=  "	<div id='img" + item.id_img + "' class='imagemAlbum' style='display:none; height:" + altura + "px;'>" +
					"		<div class='imgcontagem'>" +
					"			<span style='color:#000000'>"+ (contaImagem + 1) + " </span> /" + data.total_imagens +
					"		</div>" +
					"		<div class='AlbumImg'>" + "<img src='" + item.image + "' title='" + item.title + "' alt='" + item.title + "' style='max-height:" + (altura - 30) + "px;'/>" +
					"		</div>" +
					"		<div class='legenda'>" +
					"			" + item.title +  
					"		</div>" +
					"	</div>";
		
		listaImagens[contaImagem] = item.id_img;
		contaImagem++;
	});
	content += "</div>" +
				"<div class='barraNavegacao'>" +
				"	<a href='#.' onclick='voltarImagem()' ><img src='/imagens/padrao/rewindb.png' title='Anterior' alt='Anterior' /></a> " +
				"	<a id='lnkPlay' href='#.' onclick='playImagem()' ><img src='/imagens/padrao/playb.png' title='Play' alt='Play' /></a> " +
				"	<a id='lnkPause' href='#.' onclick='pauseImagem()' style='display:none'><img src='/imagens/padrao/pauseb.png' title='Pause' alt='Pause' /></a> " +
				"	<a href='#.' onclick='avancarImagem()' ><img src='/imagens/padrao/forwardb.png' title='Próximo' alt='Próximo' /></a>" +
				"</div>" +
				"<div class='ClearFix'></div>";
	return content;
};

mudarImagem = function(){
	dojo.byId("img" + listaImagens[posicaoAlbum]).style.opacity = "0";
	var fadeArgs = { node: "img" + listaImagens[posicaoAlbum], duration: 500};
	dojo.fadeOut(fadeArgs).play();

	if(posicaoAlbum == 0)
		dojo.byId("img" + listaImagens[contaImagem - 1]).hide();
	else
		dojo.byId("img" + listaImagens[posicaoAlbum - 1]).hide();

	if(posicaoAlbum == contaImagem -1)
		dojo.byId("img" + listaImagens[0]).hide();
	else
		dojo.byId("img" + listaImagens[posicaoAlbum + 1]).hide();

	dojo.byId("img" + listaImagens[posicaoAlbum]).show();

	dojo.fadeIn(fadeArgs).play();
};

voltarImagem = function(){
	posicaoAlbum--;
	if(posicaoAlbum < 0) posicaoAlbum = contaImagem - 1;
	mudarImagem();
	pauseImagem();
};

avancarImagem = function(){
	posicaoAlbum++;
	if(posicaoAlbum >= contaImagem) posicaoAlbum = 0;
	mudarImagem();
	pauseImagem();
};

renovarImagem = function(){
	posicaoAlbum++;
	if(posicaoAlbum >= contaImagem){
		pauseImagem();
		posicaoAlbum = -1;
		return;
	}else{
		mudarImagem();
		timeoutAlbumID = window.setTimeout("renovarImagem()", 3000);
	}
};

playImagem = function(){
	dojo.byId("lnkPlay").hide();
	dojo.byId("lnkPause").show();
	window.clearTimeout(timeoutAlbumID);
	renovarImagem();
};

pauseImagem = function(){
	dojo.byId("lnkPause").hide();
	dojo.byId("lnkPlay").show();
	window.clearTimeout(timeoutAlbumID);;
};

visualizarAlbum = function(codAlbum, publicado, div) {
	dojo.xhrGet({
		url:"/album/AlbumJSON.ftl?id=" + codAlbum + "&verficaPublicado=" + publicado,
		preventCache: true,
		handleAs: "json",
		load: function(data) {
			if(dijit.byId(div) != null)
                dijit.byId(div).destroy();
	        div = dojo.byId(div);
	        
	        dialog = new dijit.Dialog({title:data.nome, content:getContent(data), hide: function(){
	        	dialog.destroyRecursive(false);
	        	window.clearTimeout(timeoutAlbumID);
	        }}, div);
			
			avancarImagem();
			dialog.show();
		}
	});
};