var carregandoPort = false; //Armazena se o Popup está sendo exibido

/*############################################################################
		Preloader
##############################################################################*/

function carregaPortfolio(url, destino) {
	new loadImage(174, 130, "img.asp?w=174&img=" +  url, destino);
}

/*############################################################################
		Mostra Portfólio
##############################################################################*/
function portfolio(url, titulo, imagem, descricao, id) {
	
	var containerPortfolio = $("verPortfolio");
	var screenshoot = $("screenshoot_portfolio");
	var itemPortfolio = $("sitePortfolio_" + id);

	if (!carregandoPort) {
		
		carregandoPort = true;
		
		//Esconde a descriçao
			escondeDescricao();
		
		new Effect.Fade(containerPortfolio ,{duration: 0.2, afterFinish: function (obj) { 
		
			
			limpaElementosFilhos(screenshoot);
			
			containerPortfolio.style.width = '0px';
			containerPortfolio.style.height = '0px';
			
			//Seta posiçao do Container portfólio
			mostraPopup(containerPortfolio, itemPortfolio, titulo, imagem, descricao, url);
			
		}});		
	
	}

}

function escondePortfolio() {
	Effect.Fade('verPortfolio');
}

function escondeDescricao() {
	Effect.Fade('detalhes_portfolio');
}

function retornaColPortfolio(posicaoEsquerda) {

	if (posicaoEsquerda >= 582)
		return 4; //4o Coluna
	else if (posicaoEsquerda >= 390)
		return 3; //3o Coluna
	else if (posicaoEsquerda >= 198)
		return 2; //2o Coluna
	else
		return 1;
	
}

function setaDeslocamentoYPortfolio(posEsquerda) {
	
	var coluna = retornaColPortfolio(posEsquerda);
	
	//Deslocamento
	if (coluna == 4)
		return -390;
	else if (coluna == 3)
		return -300;
	else 
		return 15;
	
}

function mostraPopup(containerPortfolio, itemPortfolio, titulo, imagem, descricao, url) {
	
	
	//Pega posiçao dos elementos
	var posY = retornaPosicao(itemPortfolio)[0];
	var posX = retornaPosicao(itemPortfolio)[1];
	var posXGeral =  retornaPosicao(itemPortfolio.offsetParent)[0];
	var posEsquerda = posY - posXGeral;
	var tamanhoContPortfolio = 400;
	var deslocamentoX = 0;
	var deslocamentoY = 0; 
	var coluna = retornaColPortfolio(posEsquerda);
	
	
	//Distância - Topo, esquerda
	if (coluna >=3) {
		containerPortfolio.style.left = (posEsquerda + tamanhoContPortfolio - 50) + 'px';
		containerPortfolio.style.top = posX + 'px';
	}
	else
	{
		containerPortfolio.style.left = (posEsquerda + (tamanhoContPortfolio / 2)) + 'px';
		containerPortfolio.style.top = posX + 'px';	
	}


	//Deslocamento
	deslocamentoY = setaDeslocamentoYPortfolio(posEsquerda); 
	deslocamentoX = 15; 
	
	
	//Mostra o Popup
	new Effect.Appear(containerPortfolio);		
	
	//Movimenta o Popup até a posiçao desejada
	new Effect.MoveAndReSize(containerPortfolio,{move:['all:' + deslocamentoY + ':' + deslocamentoX + ''],  resize:['x:410','y:325'], afterFinish: function (obj) { 
   	
		//Seta que o popup foi exibido
		carregandoPort = false;
		
		//new Draggable(containerPortfolio,{});
		
		//Gera o Thumb
		new loadImage(400, 300,  "img.asp?w=400&img=" + imagem, "screenshoot_portfolio", function() { 
			
			//Exibe a descriçao
			mostraDescricaoPortfolio(titulo, descricao, url);
																									  
		});

   }});
	
}

function mostraDescricaoPortfolio(titulo, descricao, url) {
	
	//Exibe o container
	Effect.Appear("detalhes_portfolio", {duration: 0.6, from: 0, to: 0.9});
	
	var resultado = "<strong>" + titulo + "</strong>";
	resultado += descricao;
	
	var containerDescricao = $("descricao_portfolio")
	containerDescricao.innerHTML = resultado;
	containerDescricao.href = url;
}

function setaDetalhesPortfolio() {

	//Botao Fechar
	var linkFechar = document.createElement("a");
	linkFechar.innerHTML = "Fechar";
	linkFechar.href = "#";
	containerPortfolio.appendChild(linkFechar);

	//Título	
	var titPortfolio = document.createElement("h1");
	titPortfolio.innerHTML = titulo;
	containerPortfolio.appendChild(titPortfolio);
	
	//Link
	var linkSite = document.createElement("a");
	linkSite.innerHTML = url;
	linkSite.href = "#";
	containerPortfolio.appendChild(linkSite);
	
}