window.addEvent('domready', function() {
	/* preloading */
	var images = ['images/screenshots/'];
	var loader = new Asset.images(images, { onComplete: function(){} });
	}
);

window.onload = function() {
	preparePagination();
}

function preparePagination()
{
	// verificar se o navegador conhece os métodos utilizados
	if (!document.getElementById) return false;
	if (!document.getElementsByTagName) return false;
	// verificar se o documento contém o elemento 'pagination'
	if (!document.getElementById('pagination')) return false;
	// colocar onclick em todos os links de 'pagination'
	links = document.getElementById('pagination').getElementsByTagName('a');
	for (var i = 0; i < links.length; i++) {
		links[i].onclick = function() {
			return setScreenshot(this);
		}
	}
}

function setScreenshot(obj)
{
	var url = obj.href;
	// verificar presença do elemento 'screenshot
	if (!document.getElementById('screenshot')) return true;
	// trocar a imagem do screenshot
	var screenshot = document.getElementById('screenshot')
	screenshot.src = url;
	
	// atualizar os bullets e links 'next/previous'
	var pagination = document.getElementById('pagination');
	var links = pagination.getElementsByTagName('a');
	for (var i = 1; i < links.length - 1; i++)
	{
		if (links[i].href == url) {
			// definir o bullet como ativado
			links[i].firstChild.src = 'images/pagination_circle_full.png';
			
			// verificar a existência do elemento 'next_screenshot'
			if (! document.getElementById('next_screenshot')) return false;
			// atualizar href do botão 'next_screenshot'
			var nxt = document.getElementById('next_screenshot');
			if (i == links.length - 2) {
				nxt.href = links[1].href;
			}
			else
			{
				nxt.href = links[i + 1].href;
			}
			
			// verificar a existência do elemento 'previous_screenshot'
			if (!document.getElementById('previous_screenshot')) return false;
			// atualizar href do botão 'previous_screenshot'
			var prev = document.getElementById('previous_screenshot');
			if (i == 1) {
				prev.href = links[links.length - 2].href;
			}
			else
			{
				prev.href = links[i - 1].href;
			}
		}
		else
		{
			// definir o bullet como desativado
			links[i].firstChild.src = 'images/pagination_circle_empty.png';
		}
	}
	return false;
}