if (typeof (PFP.Leaderboard) == "undefined") {
    PFP.Leaderboard = {};
}


PFP.Leaderboard.ViewAllFoodBanks = function() {

    $j.get('/handler/FoodBankSummary.ashx', {}, function(data) {
        var count = 0;
        var html = '';
        for (var i = 0; i < data.length; i++) {
            count++;
            html += '<div class="leaderboardrow">' +
                    '<div class="fl" style="width: 30px;">' +
                    count + '.&nbsp;&nbsp;' +
                    '</div>' +
                    '<div class="fl" style="width: 150px;">' +
                    '<div class="fontwhiteupper">' +
                    data[i].City + ', ' + data[i].State + 
                    '</div>' +
                    '<div class="fontbrown">' +
                    '<a target="_blank" href="' + data[i].LinkURL + '" style="color: #b0690f; text-transform: none;">' + data[i].Name + '</a>' + 
                    '</div>' +
                    '<div class="font-yellow">' +
                    data[i].TotalPounds + ' pounds pledged' +
                    '</div>' +
                    '<div class="font-yellow">' +
                    data[i].PledgeCount + ' team members' +
                    '</div></div>' + 
                    '<div class="clear"></div>' + 
                    '</div>';
        }
        $j('#foodbank-leaderboard').html(html);
        $j('a.view-all-food-banks').hide();

    }, 'json');

    return false;
}


PFP.Leaderboard.ViewAllStates = function() {

    $j.get('/handler/StateSummary.ashx', {}, function(data) {
        var count = 0;
        var html = '';
        for (var i = 0; i < data.length; i++) {
            count++;
            html += '<div class="leaderboardrow">' +
                    '<div class="fl" style="width: 30px;">' +
                    count + '.&nbsp;&nbsp;' +
                    '</div>' +
                    '<div class="fl" style="width: 150px;">' +
                    '<div class="fontwhiteupper">' +
                    data[i].State +
                    '</div>' +
                    '<div class="font-yellow">' +
                    data[i].Pounds + ' pounds pledged' +
                    '</div>' +
                    '<div class="font-yellow">' +
                    data[i].Count + ' team members' +
                    '</div></div>' +
                    '<div class="clear"></div>' +
                    '</div>';
        }
        $j('#state-leaderboard').html(html);
        $j('a.view-all-states').hide();

    }, 'json');

    return false;
}


$j(document).ready(function() {
    $j('a.view-all-food-banks').click(PFP.Leaderboard.ViewAllFoodBanks);
    $j('a.view-all-states').click(PFP.Leaderboard.ViewAllStates);
    
});