$(document).ready(function(){

    $('#glossario-indice li a').click(function(){
        var letra = $(this).html();
        var timer = setTimeout(function(){
                        $('#glossario-conteudo').html('<p>Carregando...</p>');
                    }, 100);
        $.ajax({
            url: root_path+'/glossario/get_termos.ajax.php',
            type: 'GET',
            data: {
                'letra': letra
            },
            success: function(html){
                clearTimeout(timer);
                
                $('#glossario-conteudo').html(html);

                $('#glossario-indice li a').each(function(){
                    var $this = $(this);
                    if (($this).html() == letra){
                        $this.parent().addClass('on');
                    } else {
                        $this.parent().removeClass('on');
                    }
                })
            }
        });
        return false;
    });
});