var galeria = [];
var idGaleria = null;
var indiceGaleria = 0;
var indicePreload = 0;
var preload = null;
function preloadImage() {
	if (galeria.length > 0 && indicePreload < galeria.length) {
		preload.src = 'imagem/view?ID_IMAGEM=' + galeria[indicePreload][0];
		indicePreload++;
	}
}
function loadImage(indice, idImagem, comentario) {
	var atual = indiceGaleria;
	indiceGaleria = indice;
	var img = document.getElementById('imagemPrincipal');
	img.src = 'imagem/view?ID_IMAGEM=' + idImagem;
	var comentarioDestaque = document.getElementById('comentario_destaque');
	comentarioDestaque.innerHTML = comentario;
	if (indiceGaleria == (galeria.length-1))
		$('navegar_proxima').hide();
	if (indiceGaleria == 0)
		$('navegar_anterior').hide();
	if (atual == 0)
		$('navegar_anterior').show();
	if (atual == (galeria.length-1))
		$('navegar_proxima').show();
}
function next() {
	var atual = indiceGaleria;
	if (indiceGaleria < (galeria.length-1)) {
		var next = atual+1;
		loadImage(next, galeria[next][0], galeria[next][1]);
	}
}
function previous() {
	var atual = indiceGaleria;
	if (indiceGaleria >= 1) {
		var prev = atual-1;
		loadImage(prev, galeria[prev][0], galeria[prev][1]);
	}
}
Event.onDOMReady(function() {
	preload = new Image();
	preload.onload = preloadImage;
	preloadImage();
});