$(document).ready(function(){
  $('span:first').css({border:'none'});
    $('.botao').hover(
        function(){
            posicao_atual = $(this).position();
            posicao_atual = posicao_atual.left;
            posicao_selecionada = posicao_atual - 30;
            tempo=250;
            $(this).stop().animate({
                left:posicao_selecionada
            },tempo);
        },
        function (){
            $(this).stop().animate({
                left:posicao_atual
            },tempo);
        });
    function barraRolagem(alvo, distancia, tempo){
        pai = '#'+$(alvo).parent().attr('id');
        altura_pai= $(pai).height();
        altura_alvo = ($(alvo).height())- altura_pai;

        $('#botao_baixo').click(function(){
            var top_atual=$(alvo).position();
            top_atual = top_atual.top;
            if (top_atual > -altura_alvo ){
                $(alvo).stop().animate({
                    'top':'-='+distancia
                },tempo);
            }
        });

        $('#botao_cima').click(
            function(){
                var top_atual=$(alvo).position();
                top_atual = top_atual.top;
                if (top_atual < 0 ){
                    $(alvo).stop().animate({
                        'top':'+='+distancia
                    },tempo);
                }
            });
    }

    $('#caixa_portifolio').hide();
    $('.mini_portifolio').click(function(){
        $('#bg_caixa_portifolio').slideDown(500);
        $('#caixa_portifolio').slideDown(1000);

    })

    $('#bt_fechar_portfolio').click(function(){
        $('#bg_caixa_portifolio').slideUp(1000);
        $('#caixa_portifolio').slideUp(500);

    })
    //---------------------------------------------------------------
    function desce(){
        $('#bt_submit').click(function(){
            $('#bg_caixa_portifolio').slideDown(500);
            $('#caixa_contato').slideDown(1000);

        })

        $('#bt_fechar_portfolio').click(function(){
            $('#bg_caixa_portifolio').slideUp(1000);
            $('#caixa_contato').slideUp(500);

        })
    }


    $('.mini_portifolio').click(function(){

        var indice = $('.mini_portifolio').index(this);
        var titulo= $('.texto_descricao_portifolio:eq('+indice+') .portifolio_titulo').text();
        var sobre= $('.texto_descricao_portifolio:eq('+indice+') .portifolio_sobre').text();
        var foto= $('.texto_descricao_portifolio:eq('+indice+') .div_foto img').clone() ;
        var veja_projeto= $('.texto_descricao_portifolio:eq('+indice+') .link_veja a').clone();

        $('#descricao_portfolio #titulo').text(titulo);
        $('#sobre').text(sobre);
        $('#foto_grande img:last').remove();
        $('#foto_grande').prepend(foto);
        $('#veja').text(" ");
        $('#veja').append(veja_projeto);
    });

    $('#bt_submit').click(function(){
        var form_nome = $('#formulario #nome').val().length;
        var form_email = $('#formulario #email').val().length;
        var form_assunto = $('#formulario #assunto').val().length;
        var form_mensagem = $('#formulario #mensagem').val().length;

        if (form_nome && form_email && form_assunto && form_mensagem){
            submit();
        }
        else{
            desce();
            return false;
        }

    });
    barraRolagem('#texto',150,500);
 
})