//perdi mta coisa na confusao do svn
function getPortfolios(elClicked){
	
	/**
	 * Inicializacao de variaveis
	 */
	var strModo; 	//modo de visualizacao
	var html; 		//html de cada item
	
	/**
	 * Defino o modo de visualizacao
	 */
	if($(elClicked).find('img') 	//pego a imagem abaixo do link clicado
			.attr('class') 			//pego o atributo class
			.indexOf('min') > -1)	//procuro por 'min' (miniaturas)
	
	//detalhes
	{
		
		strModo = "detalhes";
		
		html = "<div class=\"port_detalhes\">" + 
					"<div class=\"foto\">" + 
						"<div class=\"texto_foto\">" + 
							"<p>Detalhe do topo e página inicial</p>" + 
						"</div> <!-- /texto_foto -->" + 
					"</div> <!-- /foto -->" + 
					"<div class=\"texto_detalhes\">" + 
						"<div class=\"topo\">" + 
						"</div> <!-- /topo -->" + 
						"<div class=\"conteudo\">" + 
							"<div class=\"topo_cont\">" + 
								"<div class=\"nome_site\">" + 
									"<h2>%nome%</h2>" + 
									"<p>%site%</p>" + 
								"</div> <!-- /nome_site -->" + 
								"<div class=\"telas\">" + 
									"<p>Telas deste site <img src=\""+jQuery.root_path+"/images/commons/ico_flecha.png\" class=\"ico_telas\" /> <img src=\""+jQuery.root_path+"/images/portfolio/ico_telas_on.gif\" class=\"ico_bot\" /> <img src=\""+jQuery.root_path+"/images/portfolio/ico_telas_off.gif\" class=\"ico_bot\" /> <img src=\""+jQuery.root_path+"/images/portfolio/ico_telas_off.gif\" class=\"ico_bot\" /> <img src=\""+jQuery.root_path+"/images/portfolio/ico_telas_off.gif\" class=\"ico_bot\" /></p>" + 
								"</div> <!-- /telas -->" + 
								"<div class=\"sobre\">" + 
									"<p><span class=\"solucoes_texto3\"><strong>Sobre</strong></span>" + 
									"%sobre%</p>" + 
								"</div> <!-- /sobre -->" + 
								"<div class=\"tecnologias\">" + 
									"<p><span class=\"solucoes_texto3\"><strong>Tecnologias utilizadas</strong></span>" + 
									"%strTecnologias%" + 
									"<span class=\"solucoes_texto3\"><strong>Tags:</strong></span> %tecnologias% </p>" + 
								"</div> <!-- /tecnologias -->" + 
							"</div> <!-- /topo_cont -->" + 
						"</div> <!-- /conteudo -->" + 
						"<div class=\"rodape\">" + 
						"</div> <!-- /rodape -->" + 
					"</div> <!-- /texto_detalhes -->" + 
				"</div> <!-- /port_detalhes -->"; 
		
	}
	
	//thumbs
	else{
		strModo = "thumb";
		
		html = "<div class=\"port_min\">"+
					"<div class=\"foto\">"+
						"<div class=\"nome_site\">"+
							"<p>%telaNome%</p>"+
						"</div>"+
					"</div>"+
				"</div>";
		
	}
	
}


function doPesquisaPortfolio(elClicked){
	var containerSelects = $(".portfolio_topo2_menu");
	var cliente = containerSelects.find('.clientes').val();
	var produto = containerSelects.find('.produtos').val();
	var arrBusca = [];
	var strPage;
	
	//descubro a pagina do usuario
	if(document.location.href.indexOf('expandido') > -1){
		strPage = 'expandido';
	}else{
		strPage = 'index';
	}
	
	if(jQuery.trim(cliente).length != 0){
		arrBusca.push("cliente="+cliente);
	}
	
	if(jQuery.trim(produto).length != 0){
		arrBusca.push("produto="+produto);
	}
	
	if(arrBusca.length != 0){
		document.location =  jQuery.root_path+"/portfolio/"+strPage + "/?" + arrBusca.join("&");
	}else{
		document.location =  strPage;
	}
	
}

$(document).ready(function(){
	
	/**
	 * A legenda da tela na div preta só deve aparecer ao passar o mouse na imagem e quando tirar ela desaparece em fade
	 */
	var thumbs = $(".thumbs");
	
	thumbs.find(".port_desc").fadeOut();
	
	thumbs.bind('mouseenter', function(){
		$(this).find(".port_desc").fadeIn();
	});
	
	thumbs.bind('mouseleave', function(){
		$(this).find(".port_desc").fadeOut();
	});
	
	/*
	//tooltip
	$('.portfolioTip').simpletip({
		content: 'teste'
	});
	*/
	
	//inicializo plugin para galeria das telas
	$("div.port_detalhes div.foto div.imagens").galeriaPortfolio({});
	
});