$(document).ready(function () {
    lastId = 1;
    atualId = '';
    $("ul#lista_dicas li a").click(function(){
        atualId =  $(this).attr('rel');
        var elemetoA = $(this);
        if(lastId!=atualId){
            $("#cdpo"+lastId).fadeOut('fast', function(){
                showById(atualId);
                limpaBg();
                //$(elemetoA).parent('li').addClass('active');
                $(elemetoA).addClass('active');
            });
        }
    });
    function showById(id){
        $("#cdpo"+id).fadeIn();
        lastId = atualId;
        atualId = '';
        // inicializa o jScrollPane
       
    }
    function limpaBg(){
        $("ul#lista_dicas li a").removeClass('active');
    }
});

$(document).ready(function () {
    lastId = 1;
    atualId = '';
    $("ul#lista_dicas li a").click(function(){
        atualId =  $(this).attr('rel');
        var elemetoA = $(this);
        if(lastId!=atualId){
            $("#dica"+lastId).fadeOut('fast', function(){
                showById(atualId);
                limpaBg();
                
                $(elemetoA).addClass('dicaAtiva');
            });
        }
    });
    function showById(id){
        $("#dica"+id).fadeIn(1300);lastId = atualId; atualId = '';
    }
    function limpaBg(){
        $("ul#lista_dicas li a").removeClass('dicaAtiva');
    }
});