var ALTURA = 480, LARGURA = 780, ALTURA_IMG_SERVICOS = 30, LARGURA_SERVICO = 196, BORDA_SERVICO = 20, MARGEM_ESQUERDA = 75, MARGEM_SERVICO = 8, //só para a setinha não colar na divisória SITE = 0, PIV = 1, IMPRESSOS = 2, OUTROS = 3; function get_url_variable(variable) { var url = window.location.search.substring(1); var vars = url.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == variable) { return pair[1]; } } return false; } function posiciona_setinha(posicao) { if (posicao >= 1 && posicao <= n_trabalhos[SITE]) // site { $('setinha_hover').setStyle({ marginLeft: String(88+((posicao-1)*LARGURA_SERVICO/n_trabalhos[SITE]))+"px" }); } if (posicao > n_trabalhos[SITE] && posicao <= n_trabalhos[SITE] + n_trabalhos[PIV]) // piv { $('setinha_hover').setStyle({ marginLeft: String(62+((posicao-1)*LARGURA_SERVICO/n_trabalhos[PIV]))+"px" }); } if (posicao > n_trabalhos[SITE] + n_trabalhos[PIV] && posicao <= n_trabalhos[SITE] + n_trabalhos[PIV] + n_trabalhos[IMPRESSOS]) // impressos { $('setinha_hover').setStyle({ marginLeft: String(98+((posicao-1)*LARGURA_SERVICO/n_trabalhos[IMPRESSOS]))+"px" }); } if (posicao > n_trabalhos[SITE] + n_trabalhos[PIV] + n_trabalhos[IMPRESSOS]) // outros { $('setinha_hover').setStyle({ marginLeft: String(40+((posicao-1)*LARGURA_SERVICO/n_trabalhos[OUTROS]))+"px" }); } $('setinha_hover').innerHTML = posicao; $('setinha_hover').show(); } function posiciona_setinha2(posicao) { posicao = posicao + 1; if (posicao >= 1 && posicao <= n_trabalhos[SITE]) // site { $('setinha').setStyle({ marginLeft: String(88+((posicao-1)*LARGURA_SERVICO/n_trabalhos[SITE]))+"px" }); } if (posicao > n_trabalhos[SITE] && posicao <= n_trabalhos[SITE] + n_trabalhos[PIV]) // piv { $('setinha').setStyle({ marginLeft: String(62+((posicao-1)*LARGURA_SERVICO/n_trabalhos[PIV]))+"px" }); } if (posicao > n_trabalhos[SITE] + n_trabalhos[PIV] && posicao <= n_trabalhos[SITE] + n_trabalhos[PIV] + n_trabalhos[IMPRESSOS]) // impressos { $('setinha').setStyle({ marginLeft: String(98+((posicao-1)*LARGURA_SERVICO/n_trabalhos[IMPRESSOS]))+"px" }); } if (posicao > n_trabalhos[SITE] + n_trabalhos[PIV] + n_trabalhos[IMPRESSOS]) // outros { $('setinha').setStyle({ marginLeft: String(40+((posicao-1)*LARGURA_SERVICO/n_trabalhos[OUTROS]))+"px" }); } $('setinha').innerHTML = posicao; $('setinha').show(); $('setinha_hover').hide(); } function esconde_setinha() { $('setinha_hover').hide(); } function oImagem(_url, _tipo, _alt, _tarefa, _ano, _cliente, _descricao) //Objeto que contém uma imagem { this.url = _url; this.tipo = _tipo; this.alt = _alt; this.titulo = _alt; this.tarefa = _tarefa; this.ano = _ano; this.cliente = _cliente; this.descricao = _descricao; this.img = null; this.preload = function(){//Pré carrega a imagem no cachê if(this.img==null){ this.img = new Image(); this.img.src = this.url; } } } var ym = 60, //Delta x com o mouse em cima nm = 40, //Delta x sem o mouse em cima top = 0, //Distancia com o topo vel = 2; //Velocidade das movimentações var mover = ''; //guarda qual div está o mouse por cima var movendo = false; //se está rodando true se não, false var Imagens = new Array(); var imax = 0; // Numero de imagens // SITES Imagens[imax++] = new oImagem("img/portfolio/site-cont.jpg",SITE,"Site do Cont – Colloquium on Optical Network Testbeds","Layout e implementação","2007","Projeto Giga e KyaTera",'O Cont foi nosso primeiro trabalho feito com a Preface já constituída, e houve algumas experiências interessantes. Primeiro, a arquitetura de informação, que é a organização das seções e conteúdos de um site, foi feita em uma relação muito próxima com o cliente, o que ajudou a evitar desencontros de comunicação. Segundo, foi implementado um sistema de gerência de conteúdo, ou CMS, que permitiu ao cliente adicionar e editar textos em determinadas partes do site.'); Imagens[imax++] = new oImagem("img/portfolio/site-museu.png",SITE,"Site do Museu Exploratório de Ciências – Unicamp","Layout e implementação","2008","Museu Exploratório de Ciências",'Este é nosso mais recente trabalho. O primeiro trabalho em conjunto entre a equipe de designers e a equipe de programação. Ficamos bem contentes com o resultado desta página, que atendeu tanto às expectativas do cliente quanto à expectativa da Preface. Este site é baseado no belo Projeto de Identidade Visual desenvolvido pelo Máquina Estúdio, com algumas poucas adaptações. Boa parte do conteúdo do site é gerenciado dinamicamente pela própria equipe do Museu, através de uma página administrativa. O site do Museu.'); Imagens[imax++] = new oImagem("img/portfolio/site-preface.png",SITE,"Site da Preface Design","Layout e Implementação","2008","Preface Design","Nós somos nossos clientes mais exigentes. Por isso, dentre diversos debates sobre a cor de fundo e o tamanho das margens, o site da Preface esperou a empresa completar um ano para sair. No entanto, está aqui, e é reflexo de nossos ideais de clareza e simplicidade."); Imagens[imax++] = new oImagem("img/portfolio/site-feia_5.jpg",SITE,"Site do Feia 5 – Quinto Festival do Instituto de Artes","Layout e implementação","2004","Festival do Instituto de Artes","Neste, que foi o primeiro Feia em que participamos, trabalhamos principalmente no site. Olhando hoje, nos parece que em algumas soluções nos faltou leveza, além de termo cometido alguns crimes de usabilidade (texto na vertical nunca mais!), mas de qualquer maneira o site conseguiu harmonizar bem com o resto da identidade visual do festival, feita em parceria com José Luis Bomfim, Laura Burtscher e Thiago Coser."); Imagens[imax++] = new oImagem("img/portfolio/site-feia_6.jpg",SITE,"Site do Feia 6 – Sexto Festival do Instituto de Artes","Layout e implementação","2005","Festival do Instituto de Artes",'Expandido sobre o que foi feito no Feia anterior, no Feia 6 experimentamos pela primeira vez as inscrições via site (até então as fichas precisavam ser entregues pessoalmente ou via correio). O sistema ainda não era tão abrangente como foi o do Feia seguinte, mas foi de grande ajuda para os inscritos e organizadores. Visualmente, o site seguiu o resto da identidade visual que fizemos, em parceria com o designer Bruno Ishikawa, inclusive no uso criativo do dente-de-leão e as sementes.'); Imagens[imax++] = new oImagem("img/portfolio/site-feia_7.jpg",SITE,"Site do Feia 7 – Sétimo Festival do Instituto de Artes","Layout e implementação","2006","Festival do Instituto de Artes",'O ponto alto deste site em relação aos outros dois que fizemos para o Feia (e que agora, terminado o festival, não está mais no ar) foi o fato de termos automatizado o processo de inscrições e organização de espaços das mostras e oficinas, evitando a tradicional confusão anual de dezenas de inscritos brigando por um número reduzido de espaços. O sistema funcionou bem, mas nos faltou saber comunicar para a comissão organizadora como exatamente funcionava o site, que no final das contas fez com que pouco do seu potencial fosse aproveitado. De resto, o site foi, dos três Feias em que participamos, o mais bem acabado. Foi feito com a participação de Bruno Ishikawa, José Luis Bomfim e Lina Arruda. O site do Feia 7.'); Imagens[imax++] = new oImagem("img/portfolio/site-pab.jpg",SITE,"Site do Portal da Apicultura Brasileira","Layout","2006","Mitah Technologies","O Portal da Apicultura Brasileira foi uma iniciativa de agregar diversas formas de conteúdo sobre apicultura no Brasil. Para nós é um trabalho bastante significativo, pois foi através dele que decidimos abrir o que 6 meses depois se tornou a Preface Design. Em retrospecto, algumas idéias parecem excessivamente ambiciosas, até irrealizáveis, mas isso atesta as desvantagens de ter o design desconectado da implementação. A posterior entrada dos programadores em nossa equipe é responsável por um enorme salto na qualidade de nosso trabalho."); Imagens[imax++] = new oImagem("img/portfolio/site-agape.jpg",SITE,"Site da Policlínica Ágape","Layout, texto e implementação","2005","Policlínica Ágape","Este trabalho foi feito em parceria com os designers e artistas plásticos Marina Pinheiro, José Luis Bomfim e Fábio San Juan. Foi a partir deste trabalho que nos assumimos designers profissionais, mas por nossa inexperiência tropeçamos bastante. Na época, nossa intenção era oferecer além do design gráfico serviços de fotografia, redação de conteúdo, publicidade, etc. Com o tempo fomos percebendo que cada uma dessas áreas tem complicações suficientes para merecer dedicação exclusiva, e hoje limitamos nossos serviços apenas ao que podemos oferecer com qualidade, preço e prazo, suprindo eventuais lacunas com a ajuda de empresas parceiras."); Imagens[imax++] = new oImagem("img/portfolio/site-ricardo_spino.jpg",SITE,"Site do Designer de Móveis Ricardo Spino","Layout e Implementação","2004","Ricardo Spino","Este site foi desenvolvido em colaboração por nosso Caluã e o designer Luis Henrique Rodrigues, na época em que ambos ainda eram estudantes da Unicamp."); Imagens[imax++] = new oImagem("img/portfolio/site-vida_das_formas.jpg",SITE,"Site do Vida das Formas","Conceito, Layout e Implementação","2008","Preface Design","O Vida das Formas é um projeto da Preface de fazer um site que sirva como portfólio e espaço de discussão para artistas. Criado a partir de uma idéia do artista plástico José Luis Bomfim, tem sido um importante laboratório onde testamos conceitos de usabilidade, design, novas tecnologias, etc. Ainda está em fase de testes apenas com usuários escolhidos, mas caso tenha interesse mande-nos um e-mail que podemos enviar um convite."); // PIV Imagens[imax++] = new oImagem("img/portfolio/piv-mano_a_mano.png",PIV,"Símbolo gráfico da ONG mano a mano","Conceito e desenho","2007","CPqD","Nosso primeiro trabalho feito de acordo com o método clássico de desenvolvimento de projetos na área de design, feito em uma matéria do professor Luís Cláudio Portugal para a ONG Mano-a-mano, que trabalha arte-educação com crianças de rua em Campinas. O símbolo sintetiza um par de mãos entrelaçadas, representando acolhimento e ecoando parte do conceito expresso no nome da entidade, além de ser também uma representação estilizada de uma criança. Foi feito junto com os artistas plásticos Marina Pinheiro e José Luis Bomfim."); Imagens[imax++] = new oImagem("img/portfolio/piv-feia_6.png",PIV,"Símbolo gráfico do Sexto Festival do Instituto de Artes","Conceito e desenho","2005","Festival do Instituto de Artes",""); Imagens[imax++] = new oImagem("img/portfolio/piv-feia_7.png",PIV,"Símbolo gráfico do Sétimo Festival do Instituto de Artes","Conceito e desenho","2006","Festival do Instituto de Artes",""); Imagens[imax++] = new oImagem("img/portfolio/piv-cont.png",PIV,"Símbolo gráfico do Colloquium on Optical Network Testbeds","Conceito e desenho","2007","Projeto Giga e KyaTera",""); Imagens[imax++] = new oImagem("img/portfolio/piv-centenario_imigracao.png",PIV,"Proposta de Símbolo Gráfico para o Centenário da Imigração Japonesa","Desenho","2007","","Feito para o concurso de identidade visual do Centenário da Imigração Japonesa, o logo ganhador foi outro."); Imagens[imax++] = new oImagem("img/portfolio/piv-momenton!.png",PIV,"Símbolo gráfico da revista “Momenton!”","Conceito e desenho","2008","",""); Imagens[imax++] = new oImagem("img/portfolio/piv-interadiva.png",PIV,"Símbolo gráfico da série InteraDiva","Conceito e desenho","2007","CPqD","InteraDiva é uma série de programas a ser veiculada em intervalos comerciais na TV aberta e cuja idéia principal é desmistificar a transição para o padrão digital de televisão. O símbolo gráfico busca evidenciar a possiblidade de interação entre público e produtor de conteúdo, e como esses papéis passariam a se misturar."); Imagens[imax++] = new oImagem("img/portfolio/piv-o_quique.png",PIV,"O Quique","Conceito","2005","Centro Acadêmico do Instituto de Artes","Este logotipo é uma proposta feita em parceria com o artista plástico José Luis Bomfim para o jornal do Centro Acadêmico do Instituto de Artes, o Quique. Entre os jornais estudantis, o Quique era uma espécie de outsider, famoso pela irreverência com que tratava assuntos que em outros jornais sempre aparecem com a maior gravidade e drama. O logotipo é muito simples, e talvez não tão bem acabado quanto poderia ser, mas ainda nos traz orgulho e boas lembranças."); Imagens[imax++] = new oImagem("img/portfolio/piv-tse.png",PIV,"Proposta de símbolo gráfico para o Tribunal Superior Eleitoral","Conceito e desenho","2008","TSE","Feito para o concurso de identidade visual do TSE. Nos dedicamos muito, e o resultado nos deixa bem contente, tendo sido a primeira identidade visual feita em conjunto pela atual equipe de designeres. Foi uma das 333 entradas, porém não foi escolhida."); // IMPRESSOS Imagens[imax++] = new oImagem("img/portfolio/impressos-mcb.gif",IMPRESSOS,"Cartazes para o Museu da Casa Brasileira","Layout","2008","Museu da Casa brasileira","Três propostas enviadas para o concurso de cartazes para o Prêmio Design do Museu da Casa Brasileira, em São Paulo. Foi uma de nossas primeiras experiências com cartazes não totalmente vinculados a um programa de identidade visual – como é o caso dos cartazes feitos para o Festival do Instituto de Artes (Feia) –, o que faz com que falte uma certa coesão visual nos cartazes que resultaram. Não sem razão, o cartaz que venceu era melhor, mas de qualquer modo a experiência foi bastante valiosa. Mas em 2009 faremos melhor!"); Imagens[imax++] = new oImagem("img/portfolio/impressos-feia7.jpg",IMPRESSOS,"Programa para o Sétimo Festival do Instituto de Artes","Layout","2006","Festival do Instituto de Artes",""); Imagens[imax++] = new oImagem("img/portfolio/impressos-convite_agape.jpg",IMPRESSOS,"Convite para evento de estética na Policlínica Ágape","Layout","2008","Policlínica Ágape","Enviado para clientes e associados da Policlínia Ágape, de Vargem Grande, o convite fala de um evento sobre saúde estética ocorrido na clínica."); Imagens[imax++] = new oImagem("img/portfolio/impressos-mexc.gif",IMPRESSOS,"Filipeta para o Museu Exploratório de Ciências da Unicamp","Layout","2008","Museu Exploratório de Ciências da Unicamp","Após termos concluído o site fomos chamados novamente pelo pessoal do Museu de Ciências, desta vez para criação de uma filipeta para divulgar o Museu no evento Universidade de Portas Abertas."); Imagens[imax++] = new oImagem("img/portfolio/impressos-momenton!.jpg",IMPRESSOS,"Revista “Momenton!”","Layout","2008","",""); Imagens[imax++] = new oImagem("img/portfolio/impressos-folder-agape.png",IMPRESSOS,"Folder para a Policlínica Ágape","Layout","2007","Policlínica Ágape","Folder de divulgação de alguns novos serviços oferecidos pela Policlínica Ágape, de Vargem Grande. Feito em parceria com o artista plástico José Luis Bomfim."); Imagens[imax++] = new oImagem("img/portfolio/impressos-camisetas_feia7.gif",IMPRESSOS,"Camisetas do Feia 7","Ilustração e Layout","2007","Festival do Instituto de Artes","Utilizando da identidade visual do Feia 7, que desenvolvemos, e da ilustração de nossa ilustradora Adriana Ramos, fizemos estas camisetas para o 7º Feia."); Imagens[imax++] = new oImagem("img/portfolio/impressos-oftalmo.jpg",IMPRESSOS,"Banner para serviço da Policlínica Ágape","Layout","2007","Policlínica Ágape","Banner de divulgação de novos serviços de oftalmologia inaugurados na Policlínica Ágape."); Imagens[imax++] = new oImagem("img/portfolio/impressos-mostra-casarao.jpg",IMPRESSOS,"Cartaz para 1ª Mostra de Dança e Artes do Casarão do Barão","Layout","2008","Daniela Alvares","Fomos chamados por nossa amiga Dani para dar ajudar no projeto gráfico da 1ª Mostra de Dança e Artes do Casarão do Barão, que é um centro cultural muito bacana em Barão Geraldo. Foi um trabalho bem gostoso, e bastante desafiador por conta de seus limites: prazo (menos de uma semana) e execução (todas as peças precisariam ser xerocadas, pois não havia verba para gráficas)."); Imagens[imax++] = new oImagem("img/portfolio/impressos-criaflex.jpg",IMPRESSOS,"Folder para a Criaflex","Layout","2006","Criaflex","Folder de divulgação de produtos da empresa de móveis Criaflex, de Belo Horizonte."); // OUTROS Imagens[imax++] = new oImagem("img/portfolio/outros-curso_cpqd.jpg",OUTROS,"Curso de After Effects","Conceito e Layout","2007","CPqD","A imagem acima é um quadro de uma animação feita como exemplo em um mini-curso sobre desenho e animação digital ministrado por Caluã quando trabalhava no CPqD. A animação em si não é especialidade nossa, tanto que não oferecemos o serviço, mas a ilustração tem uma serenidade interessante."); Imagens[imax++] = new oImagem("img/portfolio/outros-ilustracao1.gif",OUTROS,"Ilustração das velhas","Ilustração","2006","",""); Imagens[imax++] = new oImagem("img/portfolio/outros-ilustracao2.jpg",OUTROS,"Xilogravura do All Star","Ilustração","2006","",""); Imagens[imax++] = new oImagem("img/portfolio/outros-ilustracao3.gif",OUTROS,"Ilustração do Petróleo","Ilustração","2007","",""); Imagens[imax++] = new oImagem("img/portfolio/outros-ilustracao4.gif",OUTROS,"Ilustração da Menina Sapo","Ilustração","2007","",""); Imagens[imax++] = new oImagem("img/portfolio/outros-ilustracao5.gif",OUTROS,"Ilustração do Inferno","Ilustração","2007","",""); Imagens[imax++] = new oImagem("img/portfolio/outros-ilustracao6.png",OUTROS,"Ilustração da Menina Polvo","Ilustração","2008","",""); Imagens[imax++] = new oImagem("img/portfolio/outros-ilustracao7.png",OUTROS,"Ilustração da Arca de Noé","Ilustração","2008","",""); Imagens[imax++] = new oImagem("img/portfolio/outros-apresentacao_mitah.png",OUTROS,"Apresentação de Projetos de Software","Ilustração e Layout","2008","Mitah Technologies","A Mitah nos contactou para montar os slides de uma apresentação que eles fariam para um cliente de um projeto de software. Como o conceito do software era um tanto quanto complexo, com diversas etapas e situações, decidimos que melhor seria ilustrar através de uma pequena estória os ganhos que o cliente teria caso adotasse a solução proposta."); //var n_trabalhos = new Array(8,6,7,9), var n_trabalhos = new Array(10,9,10,9), deltax_servicos = new Array( (LARGURA_SERVICO - BORDA_SERVICO) / n_trabalhos[SITE], // ou seja, a setinha muda menos por trabalho quando é uma categoria na qual trabalhamos mais (LARGURA_SERVICO) / n_trabalhos[PIV], (LARGURA_SERVICO) / n_trabalhos[IMPRESSOS], (LARGURA_SERVICO) / n_trabalhos[OUTROS]); var i = 0; // tudo que é iniciado ao termino do carregamento da página Event.observe(window,'load',function(){ inicio(); }); function muda_imagem(a) { i = a - 1; inicio(); } /*------------------------------------------------------* *--------Funções que auxiliam o código (MACROS)--------* *------------------------------------------------------* */ //gera uma tag de imagem com a imagem ni da lista function imgTag(ni){ return ' '+Imagens[ni].alt+'

'; } //gera a legenda da foto ni function imgLegenda(ni){ return '

'+Imagens[ni].titulo+'

— '+Imagens[ni].autor+', '+Imagens[ni].data+'
'+Imagens[ni].atualizacao+''; } //simplificação da função setStyle do Prototype para a div que contem a imagem function setDivStyle(obj,ni,margin, right){ /*if (right) obj.setStyle({paddingLeft: String(margin)+'px'}); else obj.setStyle({paddingRight: String(margin)+'px'});*/ obj.innerHTML = imgTag(ni%imax); } function setLegendaStyle(obj,ni,nleft){ obj.setStyle({ marginTop: '349px', left: String(nleft)+'px' }) obj.innerHTML = imgLegenda(ni); } /*------------------------------------------------------* *-----------------Funções de interface-----------------* *------------------------------------------------------* */ // ajusta as posições das fotos e divs que estão ligadas ao movimento function inicio() { // movendo = false; // mover = ''; for (var a = -1; a<4; a++){ var t = (i+a)%imax; t = (t<0)?imax-1:t; Imagens[t].preload(); } //Posiciona a imagem da esquerda if (i > 0) // ou seja, o atual não está na primeira imagem do vetor { try { $('anterior').setStyle({ marginLeft: String(nm-LARGURA+739)+"px", left: "0px", width: (LARGURA-739)+"px" }); $('anterior').innerHTML = imgTag(i-1); $('anterior').show(); } catch(err) { //nao faz nada } } else { $('anterior').hide(); } //Posiciona a imagem da direita if (i < imax-1) // ou seja, o atual não é o último { try { $('proxima').setStyle({ marginRight: String(nm-LARGURA+739)+'px', left: "0px", width: (LARGURA-739)+'px' }); $('proxima').innerHTML = imgTag(i+1); $('proxima').show(); } catch(err) { //nao faz nada } } else { $('proxima').hide(); } // coloca os dados da imagem e exibe a imagem atual try { $('tipo').innerHTML = Imagens[i].tarefa; $('ano').innerHTML = Imagens[i].ano; $('titulo').innerHTML = Imagens[i].titulo; $('descricao').innerHTML = Imagens[i].descricao; $('atual').innerHTML = imgTag(i); } catch(err) { //nao faz nada } try { if ($('menu_portfolio').onmouseover == null) { $('proxima').onmouseover = function(){ mover = 'proxima'; } $('proxima').onmouseout = function(){ mover = ''; } $('proxima').onclick = function(){ click('direita'); } $('anterior').onmouseover = function(){ mover = 'anterior'; } $('anterior').onmouseout = function(){ mover = ''; } $('anterior').onclick = function(){ click('esquerda'); } } } catch(err) { //nao faz nada } try { posiciona_setinha2(i); $('setinha').innerHTML = i+1; } catch(err) { //nao faz nada } } // ativa a rolagem das fotos ao clicar function click(q){ // dependendo de onde foi o click, posiciona as imagens em questão, chama o movimento e incrementa i if(q=='direita'){ i++; } if(q=='esquerda'){ i--; } posiciona_setinha2(i); inicio(); } //============================= // funções para buscar trabalhos // à partir da query... //============================ function query_no_referrer() //retorna um vetor com os termos de busca quando o visitante chegou no site via google search { var pattern = /google\./i; //ainda não foi hoje que aprendi regex :P //if (pattern.exec(document.referrer)) //{ var partes_url = document.referrer.split('?'); if (partes_url[1]) { var url_args = partes_url[1].split('&'); for (var i = 0; i < url_args.length; i++) { var keyval = url_args[i].split('='); if (keyval[0] == 'q') { return keyval[1].split('+'); } } } //} } function extrai_pesquisa(url) { return unescape(url.replace(/\+/g,' ')); } function procura_trabalho(termos) { var id_trabalho = -2, pontuacao = 0, aux_pontuacao; for (var contador = 0; contador < termos.length; contador++) { termos[contador] = termos[contador].toUpperCase() } // busca no campo título, do vetor de trabalhos, as palavras // contidas no vetor termos, que é extraído da query do // referrer... for (var i_trabalho = 0; i_trabalho < Imagens.length; i_trabalho++) { aux_pontuacao = 0; for (var i_termo = 0; i_termo < termos.length; i_termo++) { var aux_titulo = Imagens[i_trabalho].titulo.toUpperCase() aux_pontuacao += +(aux_titulo.search(termos[i_termo]) != -1); // 1 se encontrar a palavra; } if (aux_pontuacao > pontuacao) { if (pontuacao == termos.length) // ou seja, é o primeiro caso em que encontrou todos os termos, logo pode parar a 'busca' { return i_trabalho+1; } id_trabalho = i_trabalho + 1; pontuacao = aux_pontuacao; } } return id_trabalho; }