var TopBlogs = {

    currentPage: Math.random,
    blogs: new Array(),
    forward: function(){
        TopBlogs.currentPage = (TopBlogs.currentPage + 1) % 5;
        TopBlogs.loadBlogs(TopBlogs.currentPage);
    },
    
    back: function(){
        TopBlogs.currentPage = ((TopBlogs.currentPage - 1) + 5) % 5;
        TopBlogs.loadBlogs(TopBlogs.currentPage);
    },
    
    loadBlogs: function(page){
        $("#topBlogs").empty();
        $("#topBlogs").append('<ol id="topBlogsOl" start="' + ((page) * 20 + 1) + '">');
        for (var i = page * 20; i < 20 + page * 20; i++) {
            $("#topBlogsOl").append('<li><a href="http://' + TopBlogs.blogs[i][0] + '">' + TopBlogs.blogs[i][1] + '</a></li>');
        }
        $("#topBlogs").append('<span style="padding-left: 20px"><a href="javascript:TopBlogs.back()">&lt;&lt;</a></span>' +
        '<span style="padding-left: 90px"><a href="javascript:TopBlogs.forward()">&gt;&gt;</a></span>');
        $('#loading').remove();
    },
    
    
    
    init: function(){
    
        $.getJSON('/ajax/getTopBlogs.html', function(data){
            try {
                TopBlogs.blogs = data;
                TopBlogs.currentPage = Math.round(Math.random() * 4);
                TopBlogs.loadBlogs(TopBlogs.currentPage);
            } 
            catch (e) {
            }
        });
        
    }
};

$(document).ready(TopBlogs.init);