/**/

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 style="display:none" class="roundrobinstage">\
            <div>Stage name</div>\
            <input class="stagename" type="text" value="Group Stage"> </input>\
            <button class="roundrobinstage" onclick="createEmptyGroup()">Create Group</button>\
            <br/>\
            <input class="gsl roundrobinstage" type="checkbox" name="gsl" value="gsl" onclick="toggleGSL(this)"> </input>\
            <span class="roundrobinstage">GSL group</span><br/>\
            <span id="matchformat">Match format: </span>\
                <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 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 class="gslstage" style="display:none">\
            <span>First 2 matches:   </span>\
            <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/>\
            <span>Winner vs Winner:</span>\
            <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/>\
            <span>Loser vs Loser:</span>\
            <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/>\
            <span>2nd place decider:</span>\
            <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/>\
            <span>Iterations </span>\
            <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"<input style="display:none" class="stagename" type="text" value="Group Stage"> </input>></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 createHorizontalLine(x, y, length, lineclass, element)
{
    var line = $('<div>')
        .addClass('line')
        .addClass(lineclass)
        .css({
            'position': 'absolute'
        })
        .width(length)
        .offset({left: x, top: y});
    line.appendTo(element);
    return line;
}
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 width = (y2-y1);
    var line = $('<div>')

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

        })
        .width(length)
        .offset({left: x1, top: y1});
    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(x, y, height, lineclass, element)
{
    var line = $('<div>')
        .addClass('line')
        .addClass(lineclass)
        .css({
            'position': 'absolute'
        })
        .height(height)
        .width('1px')
        .offset({left: x, top: y});
    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 = $('<div class="TeamPoolRow"><div class="TeamPoolCell t1 competingteam ' + myclass + '" style="position: relative;">'+ team + '</div></div>').appendTo(".TeamPoolTable");
    $(".TeamPoolCell").unbind();
    $(".TeamPoolCell").click(AddCompetingTeam);
    return ans;
}
function connectMatch(match1, match2, winner,team, element)
{

    createHorizontalLine( match1.position()['left']+match1.width(),
                          match1.position()['top']+25,
                          30,
                          winner,element, match1, match2);
    createVerticalLine( match1.position()['left']+match1.width()+30,
                        (match2.position()['top']>=match1.position().top?match1.position()['top']:match2.position().top+(team==1?-12:12))+25,
                        Math.abs(match2.position()['top']-match1.position().top)+(match2.position()['top']>=match1.position().top?(team==2?12:-12):(team==1?12:-12)),
                        winner, element, match1, match2);
    createHorizontalLine(   match1.position()['left']+match1.width()+30,
                            match2.position()['top']+25+(team==1?-12:12),
                            match2.position().left - match1.position().left - match1.width() - 30,
                            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 src="https://cdn.akamai.steamstatic.com/apps/dota2/images/international2015/overview/teamlogos/small/' + team1id + '.png">';
	}
	if( team2 != " " && team2id != 0 )
	{
		team2imgtext = '<img src="https://cdn.akamai.steamstatic.com/apps/dota2/images/international2015/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; font-weight: bold;">' + 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>Eliminated Wins $' + 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>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>Eliminated Wins $' + 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>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.36, 0.155, 0.12, 0.085, 0.065, 0.045, 0.012, 0.003 ];
	rgPlaces = [ 'Winner', 'Runner-up', '3rd', '4th', '5th/6th', '7th/8th', '9th-12th', '13th-16th' ];
	rgTeamPlace = [];
	rgTeamPlace[1375614] = 7;
	rgTeamPlace[36] = 7;
	rgTeamPlace[350190] = 7;
	rgTeamPlace[2201839] = 7;
	rgTeamPlace[46] = 6;
	rgTeamPlace[1333179] = 6;
	rgTeamPlace[3] = 6;
	rgTeamPlace[5] = 6;
	rgTeamPlace[1148284] = 5;
	rgTeamPlace[1838315] = 5;
	rgTeamPlace[4] = 4;
	rgTeamPlace[1883502] = 4;
	rgTeamPlace[726228] = 3;
	rgTeamPlace[15] = 2;
	rgTeamPlace[1520578] = 1;
	rgTeamPlace[39] = 0;

	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'] = "Câștigător a " + strLetter;
							}
							else if ( strWhichMatch == "L" )
							{
								rgChildMatchIDs[parseInt( unLoserMatchID )]['which_match'] = "Pierzător al " + 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;">' + bestOfData[x]['stage_name'] + '<br>Cel mai bun din' + ' ' + 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;">Cel mai bun din' + ' ' + 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">Cel mai bun din' + ' ' + 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;">Cel mai bun din' + ' ' + 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;">Cel mai bun din' + ' ' + rgGameNums[parseInt( bestOfData[x]['bo'] )] + '<br>Grupă Inferioară</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;">Grupă Superioară<br>Cel mai bun din' + ' ' + 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 );
}
/**/