$(document).ready(function() {
    // muda conteudo do #taticas_conteudo
    $('#taticas_bar a').hover(function(){
        var page = $(this).attr('id');
        if(page == "website")
        {
            $('#taticas_conteudo').fadeOut('normal',function(page){
                $('#taticas_conteudo').html('<p class="fonte_texto_amarelo_normal"><strong>Desenho e Praticidade</strong></p><p>&nbsp;</p><p align="justify">Criação e desenvolvimento de conteúdo e arte digital com divulgação na internet.  <i>[Portais, sites, hotsites, newsletters, blogs, banners, flyer virtual, entre outros]</i></p><br>');
                $('#taticas_conteudo').css({'top' : '30%'});
                $('#taticas_conteudo').fadeIn('normal');
                $("#lista-port").fadeOut('normal',function(){
                    $("#lista-port").load("load.php?id_categoria=11&acao=criamos");
                    $('#lista-port').fadeIn('normal');
                });
            });
        }
        else if(page == "software")
        {
            $('#taticas_conteudo').fadeOut('normal',function(page){
                $('#taticas_conteudo').css({'top' : '2%'});
                $('#taticas_conteudo').html('<p class="fonte_texto_amarelo_normal"><strong>Internet, Intranet e Aplicativos</strong></p><p>&nbsp;</p><p align="justify">O desenvolvimento web inclui tudo aquilo que a gente não vê, é o que está por trás de sites e códigos que estão soltos pela internet. Estes códigos dão vida às artes gráficas e projetos voltados à web <i>(webdesign)</i>, e incluem o gerenciamento de notícias, portfólio, arquivos, imagens, vídeos, entre outros, de forma dinâmica. Além do desenvolvimento de portais e e-commerce <i>(lojas virtuais)</i>. Já os sistemas são mais amplos e não precisam, necessariamente, estar vinculados à internet. Como, por exemplo, o sistema de pedidos de uma lanchonete ou de transações bancárias, entre muitos outros. Estamos aptos a analisar, planejar e/ou desenvolver sistemas empresariais personalizados. As ferramentas utilizadas para desenvolvimento web também resolvem problemas de comunicação fora do domínio da internet, como por exemplo, sistema de horas e recados de uma empresa, isto chama-se intranet.</p>');
                $('#taticas_conteudo').fadeIn('normal');
                $("#lista-port").fadeOut('normal',function(){
                    $("#lista-port").load("load.php?id_categoria=12&acao=criamos");
                    $('#lista-port').fadeIn('normal');
                });
            });
        }
        else if(page == "design")
        {
            $('#taticas_conteudo').fadeOut('normal',function(page){
                $('#taticas_conteudo').css({'top' : '20%'});
                $('#taticas_conteudo').html('<p class="fonte_texto_amarelo_normal"><strong>Identidade Corporativa</strong></p><p>&nbsp;</p><p align="justify">Identidade Corporativa é o conjunto de imagens, símbolos, logotipos, cores, fontes e padrões gráficos que são definidos como únicos e representativos de uma determinada instituição, produto ou serviço. Ele compreende todo e qualquer material gráfico <i>(físico ou software)</i> que veicule a imagem da instituição. <i>[Logotipo, cartão de visita, envelope, papel timbrado, pasta, crachá, uniformes, placas, fachadas, plotagem de carros, entre outros]</i>.</p>');
                $('#taticas_conteudo').fadeIn('normal');
                $("#lista-port").fadeOut('normal',function(){
                    $("#lista-port").load("load.php?id_categoria=18&acao=criamos");
                    $('#lista-port').fadeIn('normal');
                });
            });
        }
        else if(page == "internet")
        {
            $('#taticas_conteudo').fadeOut('normal',function(page){
                $('#taticas_conteudo').css({'top' : '30%'});
                $('#taticas_conteudo').html('<p class="fonte_texto_amarelo_normal"><strong>Domínio e Hospedagem</strong></p><p>&nbsp;</p><p align="justify">Criação e contratação de domínio <i>[www.suaempresa.com.br]</i>, cadastro de e-mails personalizados <i>[contato@suaempresa.com.br]</i> e hospedagem <i>[anual ou mensal]</i>.</p>');
                $('#taticas_conteudo').fadeIn('normal');
                $("#lista-port").fadeOut('normal',function(){
                    $("#lista-port").load("load.php?id_categoria=aleatorio&acao=criamos");
                    $('#lista-port').fadeIn('normal');
                });
            });
        }
        else if(page == "multimedia")
        {
            $('#taticas_conteudo').fadeOut('normal',function(page){
                $('#taticas_conteudo').css({'top' : '25%'});
                $('#taticas_conteudo').html('<p class="fonte_texto_amarelo_normal"><strong>Criação e Produção</strong></p><p>&nbsp;</p><p align="justify">Multimídia é a combinação, controlada por computador, de pelo menos um tipo de mídia estática <i>(texto, fotografia, gráfico)</i>, com pelo menos um tipo de mídia dinâmica <i>(vídeo, áudio, animação)</i>. Desta forma, as produções são desenvolvidas no formato multissensorial, isto é, mais de um sentido humano está envolvido no processo.</p>');
                $('#taticas_conteudo').fadeIn('normal');
                $("#lista-port").fadeOut('normal',function(){
                    $("#lista-port").load("load.php?id_categoria=aleatorio&acao=criamos");
                    $('#lista-port').fadeIn('normal');
                });
            });
        }
        else if(page == "imprensa")
        {
            $('#taticas_conteudo').fadeOut('normal',function(page){
                $('#taticas_conteudo').css({'top' : '25%'});
                $('#taticas_conteudo').html('<p class="fonte_texto_amarelo_normal"><strong>Conteúdo e Assessoria</strong></p><p>&nbsp;</p><p align="justify">Estabelecer relações sólidas e confiáveis com os meios de comunicação e seus agentes, com o objetivo de se tornar fonte de informação respeitada e requisitada. Alcançar e manter – e, em alguns casos, recuperar – uma boa imagem junto à opinião pública. <i>[Criação, publicação e diagramação de textos, fotografias e infografia]</i>.</p>');
                $('#taticas_conteudo').fadeIn('normal');
                $("#lista-port").fadeOut('normal',function(){
                    $("#lista-port").load("load.php?id_categoria=aleatorio&acao=criamos");
                    $('#lista-port').fadeIn('normal');
                });
            });
        }
        else if(page == "publicidade")
        {
            $('#taticas_conteudo').fadeOut('normal',function(page){
                $('#taticas_conteudo').css({'top' : '30%'});
                $('#taticas_conteudo').html('<p class="fonte_texto_amarelo_normal"><strong>Atividades e Idéias</strong></p><p>&nbsp;</p><p align="justify">Publicidade é a difusão pública de idéias, um termo engloba diversas áreas de conhecimento que envolvam difusão comercial de produtos, em especial atividades como o planejamento, criação, veiculação e produção de peças publicitárias.</p>');
                $('#taticas_conteudo').fadeIn('normal');
                $("#lista-port").fadeOut('normal',function(){
                    $("#lista-port").load("load.php?id_categoria=aleatorio&acao=criamos");
                    $('#lista-port').fadeIn('normal');
                });
            });
        }
        else if(page == "marketing")
        {
            $('#taticas_conteudo').fadeOut('normal',function(page){
                $('#taticas_conteudo').css({'top' : '20%'});
                $('#taticas_conteudo').html('<p class="fonte_texto_amarelo_normal"><strong>Soluções e Planejamento</strong></p><p>&nbsp;</p><p align="justify">O conceito contemporâneo de marketing engloba a construção de um satisfatório relacionamento no qual indivíduos e grupos obtêm aquilo que desejam e necessitam. O marketing se originou para atender as necessidades de mercado, mas não está limitado aos bens de consumo. É também amplamente usado para "vender" idéias e programas sociais. Técnicas de marketing são aplicadas em todos os sistemas políticos e em muitos aspectos da vida.</p>');
                $('#taticas_conteudo').fadeIn('normal');
                $("#lista-port").fadeOut('normal',function(){
                    $("#lista-port").load("load.php?id_categoria=aleatorio&acao=criamos");
                    $('#lista-port').fadeIn('normal');
                });
            });
        }
        return false;
    });
});