﻿function updateStandingsGrid()
{
    var html = '';
    var ss = STANDINGS.standings;
    var count;
    
    var team;
    var wins;
    var losses;
    var gamesBack;
    var percentage;
    
    count = ss.length;
    
    html += '<div class="standings_container">';
    html += '<div class="standings_main">';
    
    html += '<div class="standings_header_spacer left"></div>';
    html += '<div class="standings_header_wins tac left">W</div>';
    html += '<div class="standings_header_losses tac left">L</div>';
    html += '<div class="standings_header_percentage tac left">PCT</div>';
    html += '<div class="standings_header_gamesback tac left">GB</div>';
    html += '<div class="clearL"></div>';
    
    for (var i=0; i<count; i++)
    {
        team = ss[i].team;
        wins = ss[i].wins;
        losses = ss[i].losses;
        gamesBack = ss[i].gamesback;
        percentage = ss[i].percentage;
        
        if (gamesBack == 0)
            gamesBack = "- -";
            
        gamesBack = gamesBack.replace("0.5", "1/2").replace(".5", " 1/2");
        
        html += '<div class="standings_team tal left">';
        html += team;
        html += '</div>';
        html += '<div class="standings_wins tac left">';
        html += wins;
        html += '</div>';
        html += '<div class="standings_losses tac left">';
        html += losses;
        html += '</div>';
        html += '<div class="standings_percentage tar left">';
        html += percentage;
        html += '</div>';
        html += '<div class="standings_gamesback tac left">';
        html += gamesBack;
        html += '</div>';
        html += '<div class="clearL"></div>';
    }
    
    html += '<div class="standings_footer tac">';
    html += 'W-Wins L-Losses<br>GB-Games Back';
    html += '</div>';
    
    html += '</div>';
    html += '</div>';
    
    wH('standings', html);
}
