function load_next_40(){

    current_id = parseInt($('#table_last_id').text());
    $('#table_first_id').text(current_id);

    for(var i = 0; i<40; i++){
        $("#mytabellabella > tbody > tr").eq(i).html("<div id='row_"+(current_id+i)+"' style='display: none;''>"+i+"</div>");
        $.get('https://www.pokemonbattlearena.net/members/pokemon.php?ID='+(current_id+i), {}, function(data){
        try{
        var el = $( '<div></div>' );
        el.html(data);
        var tabella = ($('table', el))[0].innerHTML;
        var riga_info = $ ( '<div></div>');
        riga_info.html(tabella);
        var pokemn = $('td b',$('tr', riga_info)[0])[0].innerHTML;
        var special = $('td', $('tr', riga_info)[1])[1].innerHTML;
        var user = $('td', $('tr', riga_info)[4])[1].innerHTML;
        var id = $('td', $('tr', riga_info)[7])[1].innerHTML;
        var row_index = parseInt($('#row_'+id.substr(6)).text());
        if( special == '&nbsp;Void' || special == '&nbsp;Albino' || special == '&nbsp;Golden' ) {
            pokemn = '<h4><b>'+pokemn+'</b></h4>';
            special = '<h4><b>'+special+'</b></h4>';
            var link_search_user = 'https://www.pokemonbattlearena.net/members/search.php?U='+user.substr(6);

            user = '<h4><a href=\''+link_search_user+'\' target=\'_blank\' >'+user+'</a></h4>';

            var link_id = 'https://www.pokemonbattlearena.net/members/pokemon.php?ID='+id.substr(6);

            id = '<h4><a href=\''+link_id+'\'  target=\"_blank\" >'+id+'</a></h4>';
        }
        $('#mytabellabella > tbody > tr').eq(row_index).html('<td>'+pokemn+'</td><td>'+special+'</td><td>'+user+'</td><td>'+id+'</td>');
        //$('.table.table-striped').append('<tr><td>'+pokemn+'</td><td>'+special+'</td><td>'+user+'</td><td>'+id+'</td></tr>');
        var current_last_id = parseInt($('#table_last_id').text());
        $('#table_last_id').text(current_last_id+1);
        }catch(error){
        }
        });
        }
}

function load_prev_40(){
    current_id = parseInt($('#table_first_id').text());
    $('#table_last_id').text(current_id);

    for(var i = 0; i<40; i++){
        $("#mytabellabella > tbody > tr").eq(i).html("<div id='row_"+(current_id-i)+"' style='display: none;''>"+i+"</div>");

        $.get('https://www.pokemonbattlearena.net/members/pokemon.php?ID='+(current_id-i), {}, function(data){
        try{
        var el = $( '<div></div>' );
        el.html(data);
        var tabella = ($('table', el))[0].innerHTML;
        var riga_info = $ ( '<div></div>');
        riga_info.html(tabella);
        var pokemn = $('td b',$('tr', riga_info)[0])[0].innerHTML;
        var special = $('td', $('tr', riga_info)[1])[1].innerHTML;
        var user = $('td', $('tr', riga_info)[4])[1].innerHTML;
        var id = $('td', $('tr', riga_info)[7])[1].innerHTML;
        var row_index = parseInt($('#row_'+id.substr(6)).text());

        if( special == '&nbsp;Void' || special == '&nbsp;Albino' || special == '&nbsp;Golden' ) {
            pokemn = '<h4><b>'+pokemn+'</b></h4>';
            special = '<h4><b>'+special+'</b></h4>';
            var link_search_user = 'https://www.pokemonbattlearena.net/members/search.php?U='+user.substr(6);

            user = '<h4><a href=\''+link_search_user+'\' target=\'_blank\' >'+user+'</a></h4>';

            var link_id = 'https://www.pokemonbattlearena.net/members/pokemon.php?ID='+id.substr(6);

            id = '<h4><a href=\''+link_id+'\'  target=\"_blank\" >'+id+'</a></h4>';
        }
        $('#mytabellabella > tbody > tr').eq(row_index).html('<td>'+pokemn+'</td><td>'+special+'</td><td>'+user+'</td><td>'+id+'</td>');

        //$('.table.table-striped').append('<tr><td>'+pokemn+'</td><td>'+special+'</td><td>'+user+'</td><td>'+id+'</td></tr>');
        var current_last_id = parseInt($('#table_first_id').text());
        $('#table_first_id').text(current_last_id-1);
        }catch(error){
        }
        });
        }
}

// 30105254 actual id
var current_id = 30216502;
// 26356119

// --- before 26346428  golden gible bidoff 28771316  30133625 30124075 30148354 tailow 30226418
$("center").empty();
$('.heading').remove();
$(".progress").remove();
$('.alert.alert-info').remove();
$('.container')[1].remove();

$("center").append("First ID: <div id='table_first_id'></div>");
$("center").append("Last ID: <div id='table_last_id'></div>");
$("center").append(" <button onclick='load_prev_40()'>Load previous  40</button>");
$("center").append(" <button onclick='load_next_40()'>Load next 40</button>");

$('#table_first_id').text(current_id);
$('#table_last_id').text(current_id);
$('.table.table-striped').empty();

for( var i=0; i<40; i++){
    $('.table.table-striped').append('<tr><td>ciao'+i+'</td><td>ciao</td><td>ciao</td><td>ciao</td></tr>');
}
$('.table.table-striped').attr('id','mytabellabella');