$(document).ready(function() {
    $('#country-dialing-codes').change(function(e) {
        var link = $('#country-dialing-codes option:selected').val();
        if (link != '') {
            window.location.href = link;
        }
    })

    var tab, total_page;
    tab = $('#Tab1')
    addNextPreviousEvent(tab, 'state');

    tab = $('#Tab2')
    addNextPreviousEvent(tab, 'alphabetical');

    tab = $('#Tab3')
    addNextPreviousEvent(tab, 'zip');

})


function addNextPreviousEvent (tab, type) {
    var total_page = $('input[name=total_page]').val();
    $('.href-next', tab).click(function(e) {
        var page = $('input[name=page]', tab).val();
        page = parseInt(page) + 1
        if (page == total_page) {
            $('.href-next', tab).css('visibility', 'hidden');
        }
        $('.href-previous', tab).css('visibility', 'visible');
        $('input[name=page]', tab).val(page);
        
        $.ajax({
            url: 'ajax/getgeopcdata.php',
            data: {'type':type, 'page': page},
            success: function(result) {
                $('.tbody-listdata', tab).html(result)
                $('table.alternate tr:odd', tab).addClass('oddTr');
            }
        })
        e.preventDefault();
    })

    $('.href-previous', tab).click(function(e) {
    
        var page = $('input[name=page]', tab).val();
        page = parseInt(page) - 1
        if (page == 1) {
            $('.href-previous', tab).css('visibility', 'hidden');
        }
        $('.href-next', tab).css('visibility', 'visible');
        $('input[name=page]', tab).val(page);
        
        $.ajax({
            url: 'ajax/getgeopcdata.php',
            data: {'type':type, 'page': page},
            success: function(result) {
                $('.tbody-listdata', tab).html(result)
                $('table.alternate tr:odd', tab).addClass('oddTr');
            }
        })
        e.preventDefault();
        
    })

}