﻿
if (typeof (PFP.Leaderboard) == "undefined") {
    PFP.Leaderboard = {};
}


PFP.Leaderboard.ViewAllFoodBanks = function() {

    $j.get('/handler/FoodBankSummary.ashx', {}, function(data) {
        var count = 0;
        var html = '<a class="faq-link" href="/FAQs.aspx">How do we calculate these ratings?</a>';
        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);

    }, 'json');

    return false;
}


PFP.Leaderboard.ViewAllStates = function() {

    $j.get('/handler/StateSummary.ashx', {}, function(data) {
        var count = 0;
        var html = '<a class="faq-link" href="/FAQs.aspx">How do we calculate these ratings?</a>';
        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);

    }, 'json');

    return false;
}

PFP.Leaderboard.ViewAllTeams = function () {
    $j.get('/handler/TeamSummary.ashx', {}, function (data) {
        var html = '<a class="faq-link" href="/FAQs.aspx">How do we calculate these ratings?</a>';
        for (var i = 0; i < data.length; i++) {
            html += '<div class="leaderboardrow">' +
                    '<div class="fl" style="width: 30px;">' +
                    data[i].Rank + '.&nbsp;&nbsp;' +
                    '</div>' +
                    '<div class="fl" style="width: 150px;">' +
                    '<div class="fontwhiteupper">' +
                    data[i].Name.replace('\'', '\'') +
                    '</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('#teams-leaderboard').html(html);

    }, '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);
    $j('a.view-all-teams').click(PFP.Leaderboard.ViewAllTeams);

    // Hide View All States and View All Teams buttons in the leaderboard on load
    $j('#ViewStates').hide();
    $j('#ViewTeams').hide();

    $j('#tabCities').click(function () {
        $j('#ViewCities').show();
        $j('#ViewStates').hide();
        $j('#ViewTeams').hide();
    });
    $j('#tabStates').click(function () {
        $j('#ViewCities').hide();
        $j('#ViewStates').show();
        $j('#ViewTeams').hide();
    });
    $j('#tabTeams').click(function () {
        $j('#ViewCities').hide();
        $j('#ViewStates').hide();
        $j('#ViewTeams').show();
    });

    // Program details dialog
    $j('#program-details').dialog({
        autoOpen: false,
        modal: true,
        width: 600,
        title: "Program Details",
        dialogClass: "program-details",
        buttons: {
            "Ok": function () {
                $j(this).dialog("close");
            },
            "Cancel": function () {
                $j(this).dialog("close");

            }
        }
    });

    // Respond to program details button click
    $j('#prgmdetails_link').click(function () {
        $j('#program-details').dialog('open');
        return false;
    });
});
