var isGaleriaOpened = false;
var WIDTH_GALERIA = 510;
var HEIGHT_GALERIA = 350;
var enderecosImagens = Array();
var indiceAtual = -1;

/// <summary>
/// Evento de load da galeria 
/// </summary>
/// <owner>Victor</owner>
function Galeria_OnLoad()
{
	$(".imgScreenshot").each(
							 function(index, element)
							 {
								enderecosImagens.push(element.getAttribute("imagemGaleria"));
							 }
							 );
}

/// <summary>
/// Evento de clique de uma imagem da galeria 
///(Abre a imagem da galeria com transição, ou esconde uma e abre esta caso outra já esteja aberta)
/// </summary>
/// <owner>Victor</owner>
function ImageOnClick(componenteImg)
{
	ShowDiv(componenteImg.getAttribute("imagemGaleria"));
}

/// <summary>
/// Volta a imagem na galeria
/// </summary>
/// <owner>Victor</owner>
function Voltar_Galeria()
{
	indiceAtual--;
	var enderecoImagem = GetImage(indiceAtual);
	ChangeImagem(enderecoImagem);
}

/// <summary>
/// Avanca a imagem na galeria
/// </summary>
/// <owner>Victor</owner>
function Avancar_Galeria()
{
	indiceAtual++;
	var enderecoImagem = GetImage(indiceAtual);
	ChangeImagem(enderecoImagem);
}

/// <summary>
/// Abre a imagem da galeria com transição
/// </summary>
/// <owner>Victor</owner>
function ShowDiv(endereco)
{
	$("#divGaleria").css("display", "inline");
	$("#bgEscuro").css("display", "inline");
	
		$("#divGaleria").animate(
							 {
								 width: WIDTH_GALERIA,
								 height: HEIGHT_GALERIA
							 }, 800, function()
							 {
								 $("#fecharGaleria").css("display", "inline");
								 ChangeImagem(endereco);
							 });
}

/// <summary>
/// Esconde essa imagem
/// </summary>
/// <owner>Victor</owner>
function HideDiv()
{
	$("#fecharGaleria").css("display", "none");
	$("#bgEscuro").css("display", "none");
	$("#botaoVoltar").css("display", "none");
	$("#botaoAvancar").css("display", "none");
	
	$("#divGaleria").animate(
						 {
							 width: 0,
							 height: 0
						 }, 800, function()
						 {
							$("#divGaleria").css("display", "none");
						 });
}

/// <summary>
/// Muda a imagem e esconde os botões caso seja necessário
/// </summary>
/// <owner>Victor</owner>
function ChangeImagem(imageAddress)
{
	$("#divImagemGaleria").css("background-image", "url('" + imageAddress + "')");
	indiceAtual = GetIndex(imageAddress);
	$("#botaoVoltar").css("display", "inline");
	$("#botaoAvancar").css("display", "inline");
	if (indiceAtual == 0)
	{
		$("#botaoVoltar").css("display", "none");	
	}
	else if (indiceAtual == enderecosImagens.length - 1)
	{
		$("#botaoAvancar").css("display", "none");
	}
}

/// <summary>
/// Retorna o indice no array de imagens
/// </summary>
/// <owner>Victor</owner>
function GetIndex(enderecoImagem)
{
	for(var i = 0; i < enderecosImagens.length; i++)
	{
		if (enderecosImagens[i] == enderecoImagem)
		{
			return i;
		}
	}
}

/// <summary>
/// Retorna a imagem no índice
/// </summary>
/// <owner>Victor</owner>
function GetImage(index)
{
	return enderecosImagens[index];
}