﻿var SERIES = '';

function updatePlayoffBracket()
{
    var html = '';
    var pp = PLAYOFFS.playoffs;
    var seriesEHomeTeam = 'unknown';
    var seriesEVisitingTeam = 'unknown';
    var seriesFHomeTeam = 'unknown';
    var seriesFVisitingTeam = 'unknown';
    var seriesGHomeTeam = 'unknown';
    var seriesGVisitingTeam = 'unknown';
    
    // display series header
    html += '<img src="../../images/round1.gif" class="left">';
    html += '<div class="cL"></div>';   // start a new row
    
    // Series 'A'
    html += '<div class="pb_A left">';
    html += '<img src="../../images/title-seriesA.gif"><br>';
    html += '<div class="pb_container">';
    html += '<div class="pb_home left"><img src="../../images/' + pp[0].teams[0].name + '.gif"></div>';
    html += '<div class="pb_visitor left"><img src="../../images/' + pp[0].teams[1].name + '.gif"></div>';
    html += '<div class="cL"></div>';
    html += '<div class="pb_wins left">' + pp[0].teams[0].wins + '</div>';
    html += '<div class="pb_wins left">' + pp[0].teams[1].wins + '</div>';
    html += '<div class="cL"></div>';
    html += '<a href="javascript:getPlayoffLineScores(\'A\');"><img border="0" src="../../images/linescores.gif" onclick="SERIES=\'A\'"></a>';
    html += '</div>';
    html += '</div>';
    
    // Series 'B'
    html += '<div class="pb_B left">';
    html += '<img src="../../images/title-seriesB.gif"><br>';
    html += '<div class="pb_container">';
    html += '<div class="pb_home left"><img src="../../images/' + pp[1].teams[0].name + '.gif"></div>';
    html += '<div class="pb_visitor left"><img src="../../images/' + pp[1].teams[1].name + '.gif"></div>';
    html += '<div class="cL"></div>';
    html += '<div class="pb_wins left">' + pp[1].teams[0].wins + '</div>';
    html += '<div class="pb_wins left">' + pp[1].teams[1].wins + '</div>';
    html += '<div class="cL"></div>';
    html += '<a href="javascript:getPlayoffLineScores(\'B\');"><img border="0" src="../../images/linescores.gif" onclick="SERIES=\'B\'"></a>';
    html += '</div>';
    html += '</div>';
    
    // Series 'C'
    html += '<div class="pb_C left">';
    html += '<img src="../../images/title-seriesC.gif"><br>';
    html += '<div class="pb_container">';
    html += '<div class="pb_home left"><img src="../../images/' + pp[2].teams[0].name + '.gif"></div>';
    html += '<div class="pb_visitor left"><img src="../../images/' + pp[2].teams[1].name + '.gif"></div>';
    html += '<div class="cL"></div>';
    html += '<div class="pb_wins left">' + pp[2].teams[0].wins + '</div>';
    html += '<div class="pb_wins left">' + pp[2].teams[1].wins + '</div>';
    html += '<div class="cL"></div>';
    html += '<a href="javascript:getPlayoffLineScores(\'C\');"><img border="0" src="../../images/linescores.gif" onclick="SERIES=\'C\'"></a>';
    html += '</div>';
    html += '</div>';
    
    // Series 'D'
    html += '<div class="pb_D left">';
    html += '<img src="../../images/title-seriesD.gif"><br>';
    html += '<div class="pb_container">';
    html += '<div class="pb_home left"><img src="../../images/' + pp[3].teams[0].name + '.gif"></div>';
    html += '<div class="pb_visitor left"><img src="../../images/' + pp[3].teams[1].name + '.gif"></div>';
    html += '<div class="cL"></div>';
    html += '<div class="pb_wins left">' + pp[3].teams[0].wins + '</div>';
    html += '<div class="pb_wins left">' + pp[3].teams[1].wins + '</div>';
    html += '<div class="cL"></div>';
    html += '<a href="javascript:getPlayoffLineScores(\'D\');"><img border="0" src="../../images/linescores.gif" onclick="SERIES=\'D\'"></a>';
    html += '</div>';
    html += '</div>';
    
    html += '<div class="cL"></div>';   // start a new row
    
    // Series A,B,C,D are complete
    if (pp.length >= 6)
    {
//        if (pp[4].teams[0].name != '' &&
//            pp[4].teams[1].name != '' &&
//            pp[5].teams[0].name != '' &&
//            pp[5].teams[1].name != '')
//        {
            if (pp[4].teams[0].name != '')
                seriesEHomeTeam = pp[4].teams[0].name;

            if (pp[4].teams[1].name != '')
                seriesEVisitingTeam = pp[4].teams[1].name;

            if (pp[5].teams[0].name != '')
                seriesFHomeTeam = pp[5].teams[0].name;

            if (pp[5].teams[1].name != '')
                seriesFVisitingTeam = pp[5].teams[1].name;

            // display series header
            html += '<img src="../../images/semi-finals.gif" class="left">';
            html += '<div class="cL"></div>';   // start a new row
            
            // Series 'E'
            html += '<div class="left" style="margin-left:69px">';
            html += '<img src="../../images/title-seriesE.gif"><br>';
            html += '<div class="pb_container">';
            html += '<div class="pb_home left"><img src="../../images/' + seriesEHomeTeam + '.gif"></div>';
            html += '<div class="pb_visitor left"><img src="../../images/' + seriesEVisitingTeam + '.gif"></div>';
            html += '<div class="cL"></div>';
            html += '<div class="pb_wins left">' + pp[4].teams[0].wins + '</div>';
            html += '<div class="pb_wins left">' + pp[4].teams[1].wins + '</div>';
            html += '<div class="cL"></div>';
            html += '<a href="javascript:getPlayoffLineScores(\'E\');"><img border="0" src="../../images/linescores.gif" onclick="SERIES=\'E\'"></a>';
            html += '</div>';
            html += '</div>';

            // Series 'F'
            html += '<div class="left" style="margin-left:172px">';
            html += '<img src="../../images/title-seriesF.gif"><br>';
            html += '<div class="pb_container">';
            html += '<div class="pb_home left"><img src="../../images/' + seriesFHomeTeam + '.gif"></div>';
            html += '<div class="pb_visitor left"><img src="../../images/' + seriesFVisitingTeam + '.gif"></div>';
            html += '<div class="cL"></div>';
            html += '<div class="pb_wins left">' + pp[5].teams[0].wins + '</div>';
            html += '<div class="pb_wins left">' + pp[5].teams[1].wins + '</div>';
            html += '<div class="cL"></div>';
            html += '<a href="javascript:getPlayoffLineScores(\'F\');"><img border="0" src="../../images/linescores.gif" onclick="SERIES=\'F\'"></a>';
            html += '</div>';
            html += '</div>';
            
            html += '<div class="cL"></div>';   // start a new row
//        }
    }

    // Series A,B,C,D,E,F are complete
    if (pp.length >= 7)
    {
//        if (pp[6].teams[0].name != '' &&
//            pp[6].teams[1].name != '')
//        {
            if (pp[6].teams[0].name != '')
                seriesGHomeTeam = pp[6].teams[0].name;

            if (pp[6].teams[1].name != '')
                seriesGVisitingTeam = pp[6].teams[1].name;

            // display series header
            html += '<img src="../../images/championship.gif" class="left">';
            html += '<div class="cL"></div>';   // start a new row

            // Series 'G'
            html += '<div class="left" style="margin-left:212px">';
            html += '<img src="../../images/title-seriesG.gif"><br>';
            html += '<div class="pb_container">';
            html += '<div class="pb_home left"><img src="../../images/' + seriesGHomeTeam + '.gif"></div>';
            html += '<div class="pb_visitor left"><img src="../../images/' + seriesGVisitingTeam + '.gif"></div>';
            html += '<div class="cL"></div>';
            html += '<div class="pb_wins left">' + pp[6].teams[0].wins + '</div>';
            html += '<div class="pb_wins left">' + pp[6].teams[1].wins + '</div>';
            html += '<div class="cL"></div>';
            html += '<a href="javascript:getPlayoffLineScores(\'G\');"><img border="0" src="../../images/linescores.gif" onclick="SERIES=\'G\'"></a>';
            html += '</div>';
            html += '</div>';
            
            html += '<div class="cL"></div>';   // start a new row
//        }
    }

    wH('playoffBracket', html);
    
    setTimeout('setIframeHeight()',300);
}
