/**/

if (!Array.prototype.filter)
{
    Array.prototype.filter = function(fun /*, thisp */)
    {
        "use strict";

        if (this === void 0 || this === null)
            throw new TypeError();

        var t = Object(this);
        var len = t.length >>> 0;
        if (typeof fun !== "function")
            throw new TypeError();

        var res = [];
        var thisp = arguments[1];
        for (var i = 0; i < len; i++)
        {
            if (i in t)
            {
                var val = t[i]; // in case fun mutates this
                if (fun.call(thisp, val, i, t))
                    res.push(val);
            }
        }

        return res;
    };
    }

if (!Array.prototype.indexOf) {
    Array.prototype.indexOf = function (searchElement /*, fromIndex */ ) {
        "use strict";
        if (this == null) {
            throw new TypeError();
        }
        var t = Object(this);
        var len = t.length >>> 0;
        if (len === 0) {
            return -1;
        }
        var n = 0;
        if (arguments.length > 0) {
            n = Number(arguments[1]);
            if (n != n) { // shortcut for verifying if it's NaN
                n = 0;
            } else if (n != 0 && n != Infinity && n != -Infinity) {
                n = (n > 0 || -1) * Math.floor(Math.abs(n));
            }
        }
        if (n >= len) {
            return -1;
        }
        var k = n >= 0 ? n : Math.max(len - Math.abs(n), 0);
        for (; k < len; k++) {
            if (k in t && t[k] === searchElement) {
                return k;
            }
        }
        return -1;
    }
    }

function addGroupstageHTML(length)
{
    $('<div id="tabs-'+length+'" style="height:800px"><div class="roundrobinstage">\
            <div>Stage name</div><input class="stagename" type="text" value="Group Stage"/>\
            <button class="roundrobinstage" onclick="createEmptyGroup()">Create Group</button>\
            <br/>\
            <input class="gsl roundrobinstage" type="checkbox" name="gsl" value="gsl" onclick="toggleGSL(this)"> <span class="roundrobinstage">GSL group</span><br/>\
            <span id="matchformat">Match format: <select class="roundrobinstage boselect" onchange="groupsetbo($(this).val());checkCustomScores($(currentphase).find(\'.scoringselect\').val());">\
            <option  value="1">bo1</option>\
            <option class="cantie" value="2">bo2</option>\
            <option value="3">bo3</option>\
            <option class="cantie" value="4">bo4</option>\
            <option value="5">bo5</option>\
            <option value="7">bo7</option>\
            </select></span><span class="gslbo"><input onclick="$(\'.gslstage\').toggle();$(\'#matchformat\').toggle();" type="checkbox"></input>Not all the same</span> <br/>\
            <span class="notgsl">Scoring scheme:</span> <select class="scoringselect roundrobinstage notgsl" onchange="checkCustomScores($(this).val());">\
            <option class="oddbo" value="1">W=1 L=0</option>\
            <option class="evenbo" value="2">W=2 D=1 L=0</option>\
            <option class="evenbo" value="3" >W=3 D=1 L=0</option>\
            <option value="4">Custom</option>\
            </select>\
            <div class="customscoring" style="display:none"></div>\
            </div>\
            <div class="gslstage" style="display:none">\
            First 2 matches:   <select class="gslfirsttwo">\
            <option  value="1">bo1</option>\
            <option value="3">bo3</option>\
            <option value="5">bo5</option>\
            <option value="7">bo7</option>\
            </select><br/>\
            Winner vs Winner:<select class="gslwvw">\
            <option  value="1">bo1</option>\
            <option value="3">bo3</option>\
            <option value="5">bo5</option>\
            <option value="7">bo7</option>\
            </select><br/>\
            Loser vs Loser:<select class="gsllvl">\
            <option  value="1">bo1</option>\
            <option value="3">bo3</option>\
            <option value="5">bo5</option>\
            <option value="7">bo7</option>\
            </select><br/>\
            2nd place decider:<select class="gsl2nd">\
            <option  value="1">bo1</option>\
            <option value="3">bo3</option>\
            <option value="5">bo5</option>\
            <option value="7">bo7</option>\
            </select><br/>\
            </div><div>Iterations <select class="iterations"> <option value="1">1</option><option value="2">2</option><option value="3">3</option></select>\</div>').appendTo($("#tabs"));
    }

function addPlayoffsHTML(length)
{
    $('<div id="tabs-'+length+'" style="height:800px"><div>Stage name</div><input class="stagename" type="text" value="Playoffs"/><br/><button class="playoffstage" onclick="createEmptyMatch()">Create Match</button></div>').appendTo($("#tabs"));
    }
function createGroup(x,y,groupname, element)
{
    var group = $('<div id="group'+groupname + '" class="group"><div class="grouptable"><div class="groupheader"><div>Group ' + groupname + '</div></div></div><div id="grouptable'+groupname + '" class="grouptable"></div></div> ')
    .appendTo(element)
    .offset({left:x, top:y});
    return group;
    }
function addTeamToGroup(groupname, teamname, rank, score, points, qualifiedrule, isteamlocked)
{
    var teamcolor = isteamlocked?('style="background-color:'+ qualifiedrule+'"'):'';
    var team = $('<div class="teamrow" '+ teamcolor + '><div class="grouprank " style="background-color:'+qualifiedrule+'" >' +rank + '</div><div class="groupname">'+teamname+'</div><div class = "groupscore">'+ score+'</div><div class="grouppoints">'+points+'pts</div></div>')
    .appendTo('#grouptable'+groupname);
    return team;

    }
function renderGroups(groupstage, teamscores, element)
{
    for(var i=0;i<groupstage['groups'].length;i++) {
    createGroup(500 * i+20, 20, groupstage['groups'][i]['name'], element);
    //Draw the placement
    var groupstandings = []
    for(var j=0;j<groupstage['groups'][i]['teams'].length;j++)
    {
    var scoreline="";
    //Make sure
    if(teamscores[groupstage['groups'][i]['teams'][j]]==undefined)
    teamscores[groupstage['groups'][i]['teams'][j]]=[0,0,0,0];
    if(groupstage['bo']% 2 == 0)
    scoreline =teamscores[groupstage['groups'][i]['teams'][j]][1]+"-"+teamscores[groupstage['groups'][i]['teams'][j]][3]+"-"+teamscores[groupstage['groups'][i]['teams'][j]][2];
    else
    scoreline =teamscores[groupstage['groups'][i]['teams'][j]][1]+"-"+teamscores[groupstage['groups'][i]['teams'][j]][2];
    groupstandings.push({"team":groupstage['groups'][i]['teams'][j],
    "score":teamscores[groupstage['groups'][i]['teams'][j]][0],
    "scoreline":scoreline});
    }
    groupstandings.sort(sortByScore);
    for (var j=0;j<groupstandings.length;j++)
    {
    addTeamToGroup(groupstage['groups'][i]['name'],groupstandings[j]['team'],j+1, groupstandings[j]['scoreline'],groupstandings[j]['score'], groupstage['rulecolors'][groupstage['grouprules'][j]],false);
    }
    }
    }
function createLine(x1,y1, x2,y2, lineclass, element){
    var length = Math.sqrt((x1-x2)*(x1-x2) + (y1-y2)*(y1-y2));
    var angle  = Math.atan2(y2 - y1, x2 - x1) * 180 / Math.PI;
    var transform = 'rotate('+angle+'deg)';
    var tabx=0;
    var taby=0;
    var width = (y2-y1);

    if($("#tabs").length>0)
    {
    tabx= $("#tabs").position().left+1;
    taby= $("#tabs").position().top+1
    }

    var line = $('<div>')

    .addClass('line')
    .addClass(lineclass)
    .css({
    'position': 'absolute',
    'transform': transform

    })
    .width(length)
    .offset({left: x1+tabx, top: y1+taby});
    if ( $.browser.mozilla == true && angle<0) { //Fix for firefox transform-origin being all weird.
    line.css('transform-origin','-'+ (width/2+1) + 'px ' + '-' + (width/2+1) + 'px')
    }
    line.appendTo(element);
    return line;
    }
function createVerticalLine(x1,y1, x2,y2, lineclass, element){

    var tabx=0;
    var taby=0;


    if($("#tabs").length>0)
    {
    tabx= $("#tabs").position().left+1;
    taby= $("#tabs").position().top+1
    }

    var line = $('<div>')

    .addClass('line')
    .addClass(lineclass)
    .css({
    'position': 'absolute',
    'width': '1px'
    })
    .height(Math.ceil( Math.abs(y1-y2) ) + 1)
    .offset({left: x1+tabx, top: Math.min(y1,y2)+taby});

    line.appendTo(element);
    return line;
    }
function popupBoChoice(object)
{
    var bochoice = $('<div class="botable"><span class="bochoice">bo1</span><span class="bochoice">bo3</span><span class="bochoice">bo5</span><span class="bochoice">bo7</span></div>')
    .appendTo(object.parent())
    .offset({left:object.parent().position().left,top:object.parent().position().top-40});


    }
function setBoChoice(owner, t)
{
    $(".botable").remove();
    $(owner).text($(t).text());
    }
function addTeamToPool(team, myclass)
{
    var ans = $('<li class="competingteam ui-draggable ui-draggable-handle ' + myclass + '" style="margin-top: 5px; border: 1px solid black; position: relative;">'+ team + '</li>').appendTo("#teampoolcontainer .teampool");
    $(".competingteam").draggable({revert:true});
    return ans;
    }
function connectMatch(match1, match2, winner,team, element,drawing)
{
    var offset=0;
    if(team==1)
    offset=-15;
    if(team==2)
    offset=15;
    var xOffset = 0;
    var yOffset=0;
    if (drawing)
    {
    xOffset=-10;
    yOffset=-100;
    }
    if(winner!=undefined)
    winner= winner.replace(/\W/g, '');
    createLine(match1.position()['left']+115+xOffset,match1.position()['top']+27+yOffset,match1.position()['left']+135+xOffset,match1.position()['top']+27+yOffset,"lineteam-"+winner, element);
    createVerticalLine(match1.position()['left']+135+xOffset,match1.position()['top']+27+yOffset,match1.position()['left']+135,match2.position()['top']+27+offset+yOffset,"verlineteam-"+winner, element);

    createLine(match1.position()['left']+135+xOffset,match2.position()['top']+27+yOffset+offset,match2.position()['left']-0+xOffset, match2.position()['top']+27+offset+yOffset,"lineteam-"+winner, element);
    }
function createMatch(x,y, team1, team2, score1, score2, bo, round, id, element, image, short, team1id, team2id, bIsChildMatch, strMatchText)
{

    if (team1==undefined) team1=" ";
    if (team2==undefined) team2=" ";
    var classteam1= 'matchteam team-'+ team1.replace(/\W/g, '') + ' ';
    var classteam2= 'matchteam team-'+ team2.replace(/\W/g, '') + ' ';
    if(score1 > bo/2)
    classteam1+= "winner";
    if(score2 > bo/2)
    classteam2+= "winner";
    var match;
    var team1imgtext = "";
    var team2imgtext = "";
    if( team1 != " " && team1id != 0 )
    {
    team1imgtext = '<img style="height: 24px; width: 24px;" src="https://cdn.cloudflare.steamstatic.com/apps/dota2/images/international2016/overview/teamlogos/small/' + team1id + '.png">';
    }
    if( team2 != " " && team2id != 0 )
    {
    team2imgtext = '<img style="height: 24px; width: 24px;" src="https://cdn.cloudflare.steamstatic.com/apps/dota2/images/international2016/overview/teamlogos/small/' + team2id + '.png">';
    }

    if( score1 == 0 && score2 == 0)
    {
    score1 = "";
    score2 = "";
    }

    var bSubstitute = false;
    if( bIsChildMatch && team1 == " " )
    {
    team1 = strMatchText.toUpperCase();
    bSubstitute = true;
    }

    if(short==undefined)
    {
    match = $( '<div class="matchcontainer"><div class="matchstage">Stage</div><div class="matchloserpositiondiv"><span class="matchloserposition">Loser gets 4th place</span></div><img class="arrowimage" src="' + image + 'leagues/arrow.png"/><button class="deleteMatchButton" style="top:-20px;left:-20px">X</button><div class="matchid" >' + id + '</div><div class="matchbo">bo3</div><div class="matchloser">L</div><div class="match" title="' + round + '"> <div class="' + classteam1 + '"><div class="topteam team OptimizeTextRadiance"> ' + team1 + '</div><div class="topscore score OptimizeTextRadiance" >' + score1 + ' </div> </div> \
            <div class="' + classteam2 + '">    <div class="bottomteam team" >' + team2 + '</div> <div class="bottomscore score">' + score2 + ' </div>  </div>   </div>' )
    .offset( {left: x, top: y} )
    .appendTo( element );
    }
    else
    {
    if( bSubstitute )
    {
    match   = $('<div style="top:0px; left:0px;" class="matchcontainer"><div class="match"> <div class="' + classteam1 + '"><div class="topteam team OptimizeTextRadiance" style="text-align: center;">' + team1imgtext + team1 + '</div><div class="topscore score OptimizeTextRadiance" >' + score1 + '</div> </div> \
            <div class="' + classteam2 + '">    <div class="bottomteam team OptimizeTextRadiance" >' + team2imgtext + team2 + '</div> <div class="bottomscore score OptimizeTextRadiance">' + score2 + '</div>  </div>   </div>')
    .offset({left:x, top:y})
    .appendTo(element);
    }
    else
    {
    match   = $('<div style="top:0px; left:0px;" class="matchcontainer"><div class="match"> <div class="' + classteam1 + '"><div class="topteam team OptimizeTextRadiance">' + team1imgtext + team1 + '</div><div class="topscore score OptimizeTextRadiance" >' + score1 + '</div> </div> \
            <div class="' + classteam2 + '">    <div class="bottomteam team OptimizeTextRadiance" >' + team2imgtext + team2 + '</div> <div class="bottomscore score OptimizeTextRadiance">' + score2 + '</div>  </div>   </div>')
    .offset({left:x, top:y})
    .appendTo(element);
    }
    }


    if( y > 430 )
    {
    if ( rgTeamPlace[team1id] )
    {
    if( rgTeamPlace[team1id] != 0 )
    {
    var strCurPrizePool = Number( rgPlacePercentages[rgTeamPlace[team1id]] * unPrizePool ).toFixed( 0 );
    $( '<div class="PrizePoolHover OptimizeTextRadiance PrizePoolPayout-team-' + team1.replace( /\W/g, '' ) + '" style="display: none; top: 30px;"><span class="PrizePoolTeamText">' + team1 + '</span><br>' + rgLocalizedStrings['TI6_EliminatedWins'] + ' $' + Number( strCurPrizePool ).toLocaleString( 'en' ) + '</div>' ).appendTo( match );
    rgTeamPlace[team1id] = null;
    }
    else
    {
    var strCurPrizePool = Number( rgPlacePercentages[rgTeamPlace[team1id]] * unPrizePool ).toFixed( 0 );
    $( '<div class="PrizePoolHover OptimizeTextRadiance PrizePoolPayout-team-' + team1.replace( /\W/g, '' ) + '" style="display: none; top: 30px;"><span class="PrizePoolTeamText">' + team1 + '</span><br>' + rgLocalizedStrings['Winner'] + ' $' + Number( strCurPrizePool ).toLocaleString( 'en' ) + '</div>' ).appendTo( match );
    rgTeamPlace[team1id] = null;
    }
    }
    if ( rgTeamPlace[team2id] != null )
    {
    if( rgTeamPlace[team2id] != 0 )
    {
    var strCurPrizePool = Number( rgPlacePercentages[rgTeamPlace[team2id]] * unPrizePool ).toFixed( 0 );
    $( '<div class="PrizePoolHover OptimizeTextRadiance PrizePoolPayout-team-' + team2.replace( /\W/g, '' ) + '" style="display: none; top: 58px;"><span class="PrizePoolTeamText">' + team2 + '</span><br>' + rgLocalizedStrings['TI6_EliminatedWins'] + ' $' + Number( strCurPrizePool ).toLocaleString( 'en' ) + '</div>' ).appendTo( match );
    rgTeamPlace[team2id] = null;
    }
    else
    {
    var strCurPrizePool = Number( rgPlacePercentages[rgTeamPlace[team2id]] * unPrizePool ).toFixed( 0 );
    $( '<div class="PrizePoolHover OptimizeTextRadiance PrizePoolPayout-team-' + team2.replace( /\W/g, '' ) + '" style="display: none; top: 58px;"><span class="PrizePoolTeamText">' + team2 + '</span><br>' + rgLocalizedStrings['Winner'] + ' $' + Number( strCurPrizePool ).toLocaleString( 'en' ) + '</div>' ).appendTo( match );
    rgTeamPlace[team2id] = null;
    }
    }
    }

    return match;
    }
function highlightOnHover()
{
    var teamclass = $(this).attr("class").split(" ").filter(function(value){return value.indexOf("team-")>=0});
    if(teamclass=="team-")
    return;
    $("."+teamclass).addClass("matchhover");

    $(".line"+teamclass).css("height","1px");
    $(".verline"+teamclass).css("width","1px");
    $(".line"+teamclass).addClass("linehover");
    $(".verline"+teamclass).addClass("linehover");
    $( ".PrizePoolPayout-"+teamclass ).show();

    }
function highlightOnHoverOut()
{
    var teamclass = $(this).attr("class").split(" ").filter(function(value){return value.indexOf("team-")>=0});
    if(teamclass=="team-")
    return;
    $("."+teamclass).removeClass("matchhover");
    $(".line"+teamclass).css("height","1px");
    $(".line"+teamclass).removeClass("linehover");
    $(".verline"+teamclass).css("width","1px");
    $(".verline"+teamclass).removeClass("linehover");
    $( ".PrizePoolPayout-"+teamclass ).hide();
    }

function createSchedule(x,y, id, element)
{
    var schedule = $('<div id="schedule'+id+'" class="schedule"><div class="scheduleday"><div class="scheduledayrow"></div></div</div>')
    .appendTo(element)
    .offset({left:x, top:y});
    return schedule;
    }
function addDayToSchedule(scheduleid,day)
{
    var d =  new Date(day);

    var daycolumn = $('<div class="scheduledaycell" onclick="$(\'.schedulematch\').hide(); $(\'.day'+ d.getMonth() + '-' + d.getDate()  +'\').show()">'+ d.toLocaleDateString()+'</div>')
    .appendTo('#schedule'+scheduleid+' .scheduledayrow');
    return daycolumn;

    }
function addMatchToDaySchedule(scheduleid, matchid, time, team1, team2, score1, score2, bo)
{
    if (score1 > bo/2)
    score1 = "<span class='winner'>" +score1 + "</span>";
    if (score2 > bo/2)
    score2 = "<span class='winner'>" +score2 + "</span>";
    var d = new Date(time);

    var matchline = $('<div id ="match'+matchid+'" class="schedulematch day' +d.getMonth() + '-' + d.getDate()+'"> <div class="schedulematchline"  onclick="$(\'.match' + matchid +'\').toggle();"><div class = "schedulematchtime" style="">'+ d.toLocaleTimeString() +'</div><div class="schedulematchteamA">'+ team1 +'</div> ' +
    '<div class="schedulematchscoreline">'+ score1 + ':' + score2 + '</div><div class="schedulematchteamB">'+ team2 + '</div></div></div>')
    .appendTo('#schedule' +scheduleid);
    matchline.hide();
    return matchline;
    }

function addGameToMatch(scheduleid, matchid, gamenumber, score1, score2, winner, heroes1, heroes2)
{
    var game = '<div class="schedulegame match'+matchid+'"><div class="schedulegamenumber" >Game '+ gamenumber +'</div><div class="schedulegameteamA">';
    for (var i=0;i<heroes1.length;i++)
    {
    game+='<img src="img/'+heroes1[i]+'.png" style="height:30px;">';
    }
    game+='</div><div class="schedulegamescore">'+score1+'-'+score2+'</div><div class="schedulegameteamB">';
    for (var i=0;i<heroes2.length;i++)
    {
    game+='<img src="img/'+heroes2[i]+'.png" style="height:30px;">';
    }
    game+='</div></div>';
    game = $(game).appendTo("#match"+matchid);
    game.hide();
    return game;
    }

var rgPlacePercentages = [];
var rgPlaces = [];
var rgTeamPlace = [];

function drawBracket(bracket, depth, maxdepth, yoffset, element)
{
	rgPlacePercentages = [ 0.44, 0.165, 0.105, 0.07, 0.045, 0.025, 0.015, 0.005 ];
    rgPlaces = [ rgLocalizedStrings['Winner'], rgLocalizedStrings['TI6_RunnerUp'], '3rd', '4th', '5th/6th', '7th/8th', '9th-12th', '13th-16th' ];
    rgTeamPlace = [];

    var topBracket = 99999;
    var leftBracket = 99999;
    var rightBracket = 0;
    var botBracket = 0;
    var bestOfData = [];
    var bestOfData = [];
    var bestOftracker = 0;
    var rgLetters = [ 'D', 'C', 'B', 'A', 'F', 'E', 'G' ];
    var unWhichLetter = 6;
    var rgChildMatchIDs = [];

    var unBottomBOOffset = 0;
    if( maxdepth > 3 )
    {
    unBottomBOOffset = 32;
    }
    //Draw from right to left
    for (var i=0; i<=maxdepth; i++)
    {
    for (var j=0; j<depth[i].length;j++)
    {
    var bIsParentMatch = false;
    var bIsChildMatch = false;
    var strLetter = "";
    var unCurMatchID = depth[i][j]['id'];
    for ( var x = j + 1; x < depth[i].length; x++ )
    {
    if( depth[i][x]['team1O'] )
    {
    var strWhichMatch = depth[i][x]['team1O'].substring( 0, 1 );
    var unWhichMatchID = depth[i][x]['team1O'].substring( 1, depth[i][x]['team1O'].length );
    var strTeamName = depth[i][x]['team1'];
    if ( parseInt( unCurMatchID ) == parseInt( unWhichMatchID ) )
    {
    if( !strTeamName )
    {
    var unLoserMatchID = depth[i][x]['id'];
    bIsParentMatch = true;
    strLetter = rgLetters[unWhichLetter];
    rgChildMatchIDs[parseInt( unLoserMatchID )] = [];
    rgChildMatchIDs[parseInt( unLoserMatchID )]['letter'] = strLetter;
    if ( strWhichMatch == "W" )
    {
    rgChildMatchIDs[parseInt( unLoserMatchID )]['which_match'] = rgLocalizedStrings["TI2015_Overview_WinnerOf"] + ' ' + strLetter;
    }
    else if ( strWhichMatch == "L" )
    {
    rgChildMatchIDs[parseInt( unLoserMatchID )]['which_match'] = rgLocalizedStrings["TI2015_Overview_LoserOf"] + ' ' + strLetter;
    }
    }
    unWhichLetter--;
    }
    }
    }


    var height=0;
    depth[i][j]["left"]=(maxdepth-i)*150+30;
    if( depth[i][j]["left"] < leftBracket )
    {
    leftBracket = depth[i][j]["left"];
    }
    if( depth[i][j]["left"] > rightBracket )
    {
    rightBracket = depth[i][j]["left"];
    }
    depth[i][j]["top"] = 30+ 90 * findHigherLeaves(depth[i][j],bracket)+200*depth[i][j]['order'];
    if( depth[i][j]["top"] < topBracket )
    {
    topBracket = depth[i][j]["top"];
    }
    if( depth[i][j]["top"] > botBracket )
    {
    botBracket = depth[i][j]["top"];
    }
    var strMatchText = "";
    if( rgChildMatchIDs[parseInt( unCurMatchID )] && depth.length > 3 )
    {
    bIsChildMatch = true;
    strMatchText = rgChildMatchIDs[parseInt( unCurMatchID )]['which_match'];
    }

    var curMatch = createMatch(depth[i][j]["left"],depth[i][j]["top"]+yoffset*500,depth[i][j]["team1"],depth[i][j]["team2"],depth[i][j]["score1"],depth[i][j]["score2"],depth[i][j]["bo"],depth[i][j]["round"], "",element,'',true, depth[i][j]["team1id"], depth[i][j]["team2id"], bIsChildMatch, strMatchText).attr("id","match"+depth[i][j]["id"], element );

    if( bIsParentMatch && depth.length > 3 )
    {
    $( '<div class="LiveBracketMatchLetters" style="left: ' + ( parseInt(depth[i][j]['left']) - 15 ) + 'px; vertical-align: top; z-index: 49; top: ' + ( parseInt(depth[i][j]['top']) + 15 ) + 'px; position: absolute;">' + strLetter + '</div>' ).appendTo( '.ReplaysWildCardAreaUpperBracketArea' );
    }

    if( bestOftracker == 0 )
    {
    bestOfData[0] = [];
    bestOfData[0]['bo'] = depth[i][j]["bo"];
    bestOfData[0]['left'] = depth[i][j]["left"];
    bestOfData[0]['top'] = depth[i][j]["top"];
    bestOfData[0]['bot'] = depth[i][j]["top"];
    bestOfData[0]['stage_name'] = depth[i][j]["stage_name"];
    bestOfData[0]['numElements'] = 1;
    bestOftracker++;
    }
    else
    {
    if( bestOfData[bestOftracker - 1]['bo'] != depth[i][j]["bo"] )
    {
    bestOfData[bestOftracker] = [];
    bestOfData[bestOftracker]['bo'] = depth[i][j]["bo"];
    bestOfData[bestOftracker]['left'] = depth[i][j]["left"];
    bestOfData[bestOftracker]['top'] = depth[i][j]["top"];
    bestOfData[bestOftracker]['bot'] = depth[i][j]["top"];
    bestOfData[bestOftracker]['numElements'] = 1;
    bestOftracker++;
    }
    else
    {
    bestOfData[bestOftracker - 1]['left'] = depth[i][j]["left"];
    if( bestOfData[bestOftracker - 1]['top'] > depth[i][j]["top"] )
    {
    bestOfData[bestOftracker - 1]['top'] = depth[i][j]["top"];
    }
    if( bestOfData[bestOftracker - 1]['bot'] < depth[i][j]["top"] )
    {
    bestOfData[bestOftracker - 1]['bot'] = depth[i][j]["top"];
    }
    bestOfData[bestOftracker - 1]['numElements']++;
    }
    }

    if(depth[i][j]["parent"]!=undefined)
    {
    var unTeam = 0;
    if( depth[i][j]["parent"]['team2O'] )
    {
    if( depth[i][j + 1] && depth[i][j + 1]["parent"] != depth[i][j]["parent"] && depth[i][j - 1] && depth[i][j - 1]["parent"] != depth[i][j]["parent"] )
    {
    var strWhichMatch = depth[i][j]["parent"]['team2O'].substring( 0, 1 );
    var unWhichMatchID = parseInt( depth[i][j]["parent"]['team2O'].substring( 1, depth[i][j]["parent"]['team2O'].length ) );
    if ( strWhichMatch == "W" && unWhichMatchID == parseInt( depth[i][j]["id"] ) )
    {
    unTeam = 2;
    }
    }
    else if( !depth[i][j-1] && depth[i][j + 1] && depth[i][j + 1]["parent"] != depth[i][j]["parent"] )
    {
    var strWhichMatch = depth[i][j]["parent"]['team2O'].substring( 0, 1 );
    var unWhichMatchID = parseInt( depth[i][j]["parent"]['team2O'].substring( 1, depth[i][j]["parent"]['team2O'].length ) );
    if ( strWhichMatch == "W" && unWhichMatchID == parseInt( depth[i][j]["id"] ) )
    {
    unTeam = 2;
    }
    }
    else if( !depth[i][j+1] && depth[i][j - 1] && depth[i][j - 1]["parent"] != depth[i][j]["parent"] )
    {
    var strWhichMatch = depth[i][j]["parent"]['team2O'].substring( 0, 1 );
    var unWhichMatchID = parseInt( depth[i][j]["parent"]['team2O'].substring( 1, depth[i][j]["parent"]['team2O'].length ) );
    if ( strWhichMatch == "W" && unWhichMatchID == parseInt( depth[i][j]["id"] ) )
    {
    unTeam = 2;
    }
    }
    else if( !depth[i][j - 1] && !depth[i][j + 1] )
    {
    var strWhichMatch = depth[i][j]["parent"]['team2O'].substring( 0, 1 );
    var unWhichMatchID = parseInt( depth[i][j]["parent"]['team2O'].substring( 1, depth[i][j]["parent"]['team2O'].length ) );
    if ( strWhichMatch == "W" && unWhichMatchID == parseInt( depth[i][j]["id"] ) )
    {
    unTeam = 2;
    }
    }
    }
    connectMatch( $( "#match" + depth[i][j]["id"] ), $( "#match" + depth[i][j]["parent"]["id"] ), depth[i][j]["winner"], unTeam, element );
    }

    }
    }
    for( var x = 0; x < bestOfData.length; x++ )
    {
    var right = 0;
    var top = 0;
    if( bestOfData[x - 1] )
    {
    right = bestOfData[x - 1]['left'];
    }
    if( right == 0 )
    {
    var width = 0;
    if( ( rightBracket - bestOfData[x]['left'] ) == 0 )
    {
    width = 125;
    }
    else
    {
    width = 125 + ( ( rightBracket - bestOfData[x]['left'] ) );
    }

    if( bestOfData[x]['numElements'] == 1 )
    {
    $( '<div style="left: ' + parseInt( bestOfData[x]['left'] ) + 'px; vertical-align: top; top: ' + ( parseInt( bestOfData[x]['top'] ) - 35 ) + 'px; position: absolute; height: 15px; width: ' + width + 'px;"><div class="OptimizeTextTrajan ReplaysWildCardAreaUpperBracket BracketStageName" style="line-height: normal;">' + rgLocalizedStrings["DOTA_TournamentBracket_GrandFinals"] + '<br>' + rgLocalizedStrings["TI2015_Overview_BestOf"] + ' ' + rgGameNums[parseInt( bestOfData[x]['bo'] )] + '</div></div>' ).appendTo( '.ReplaysWildCardAreaUpperBracketArea' );
    }
    else
    {
    $( '<div class="BracketWrapperBot" style="left: ' + parseInt( bestOfData[x]['left'] ) + 'px; vertical-align: top; top: ' + ( parseInt( bestOfData[x]['bot'] ) + 72 + unBottomBOOffset ) + 'px; position: absolute; height: 15px; width: ' + width + 'px;"><div class="OptimizeTextTrajan ReplaysWildCardAreaUpperBracket" style="margin-top: -10px;">' + rgLocalizedStrings["TI2015_Overview_BestOf"] + ' ' + rgGameNums[parseInt( bestOfData[x]['bo'] )] + '</div></div>' ).appendTo( '.ReplaysWildCardAreaUpperBracketArea' );
    $( '<div class="BracketWrapperTop" style="left: ' + parseInt( bestOfData[x]['left'] ) + 'px; vertical-align: top; top: ' + ( parseInt( bestOfData[x]['top'] ) - 30 ) + 'px; position: absolute; height: 15px; width: ' + width + 'px;"><div class="OptimizeTextTrajan ReplaysWildCardAreaUpperBracket">' + rgLocalizedStrings["TI2015_Overview_BestOf"] + ' ' + rgGameNums[parseInt( bestOfData[x]['bo'] )] + '</div></div>' ).appendTo( '.ReplaysWildCardAreaUpperBracketArea' );
    }
    }
    else
    {
    var width = right - bestOfData[x]['left'] - 25;
    if( x == bestOfData.length / 2 || x == Math.ceil( bestOfData.length / 2 ) )
    {
    $( '<div class="BracketWrapperBot" style="left: ' + parseInt( bestOfData[x]['left'] ) + 'px; vertical-align: top; top: ' + ( parseInt( bestOfData[x]['bot'] ) + 72 + unBottomBOOffset ) + 'px; position: absolute; height: 15px; width: ' + width + 'px;"><div class="OptimizeTextTrajan ReplaysWildCardAreaUpperBracket" style="margin-top: -10px;">' + rgLocalizedStrings["TI2015_Overview_BestOf"] + ' ' + rgGameNums[parseInt( bestOfData[x]['bo'] )] + '</div></div>' ).appendTo( '.ReplaysWildCardAreaUpperBracketArea' );
    }
    else
    {
    $( '<div class="BracketWrapperBot" style="left: ' + parseInt( bestOfData[x]['left'] ) + 'px; vertical-align: top; top: ' + ( parseInt( bestOfData[x]['bot'] ) + 72 + unBottomBOOffset ) + 'px; position: absolute; height: 15px; width: ' + width + 'px;"><div class="OptimizeTextTrajan ReplaysWildCardAreaUpperBracket" style="margin-top: -10px;">' + rgLocalizedStrings["TI2015_Overview_BestOf"] + ' ' + rgGameNums[parseInt( bestOfData[x]['bo'] )] + '<br>' + rgLocalizedStrings["TI2015_Overview_LowerBracket"] + '</div></div>' ).appendTo( '.ReplaysWildCardAreaUpperBracketArea' );
    $( '<div class="BracketWrapperTop" style="left: ' + parseInt( bestOfData[x]['left'] ) + 'px; vertical-align: top; top: ' + ( parseInt( bestOfData[x]['top'] ) - 30 ) + 'px; position: absolute; height: 15px; width: ' + width + 'px;"><div class="OptimizeTextTrajan ReplaysWildCardAreaUpperBracket" style="margin-top: -25px;">' + rgLocalizedStrings["TI2015_Overview_UpperBracket"] + '<br>' + rgLocalizedStrings["TI2015_Overview_BestOf"] + ' ' + rgGameNums[parseInt( bestOfData[x]['bo'] )] + '</div></div>' ).appendTo( '.ReplaysWildCardAreaUpperBracketArea' );
    }
    }
    }

    if( maxdepth > 3 )
    {
    var unPrizePoolOffset = 0;
    for ( var i = 0; i <= maxdepth + 1; i++ )
    {
    var unOffset = 0;
    if ( i == 1 )
    {
    unOffset = 30;
    unPrizePoolOffset--;
    }
    var strCurPrizePool = Number( rgPlacePercentages[i] * unPrizePool ).toFixed( 0 );
    $( '<div class="OptimizeTextRadiance PrizePoolBracketText" style="left: ' + depth[i + unPrizePoolOffset][0]["left"] + 'px; top: ' + ( depth[i + unPrizePoolOffset][depth[i + unPrizePoolOffset].length - 1]['top'] + 60 + unOffset ) + 'px; width: 125px; position: absolute; height: 30px;">' + rgPlaces[i] + '<br>$' + Number( strCurPrizePool ).toLocaleString( 'en') + '</div>' ).appendTo( '.ReplaysWildCardAreaUpperBracketArea' );
    }
    }
    $( ".ReplaysWildCardAreaUpperBracketArea" ).css( "height", ( ( botBracket - topBracket ) + 225 + unBottomBOOffset ) );
    $( ".ReplaysWildCardAreaUpperBracketArea" ).css( "width", ( rightBracket - leftBracket ) * 2 );
    $( ".ReplaysWildCardAreaUpperBracketArea" ).css( "margin-top", ( ( topBracket * -1 ) + 20 ) + 10 );
    }