var cbwId4drag = 1;

function create_bracket(type,teams_limit) {
    var next1=0;
    var next2=2;

        document.getElementById('creatorContainer').innerHTML = "fill all fields & than click generate<br/>";
        for (i = 0; i < (teams_limit/2); i ++) {
		if (i < 9) document.getElementById('creatorContainer').innerHTML += "#0" + (i+1) + " ";
		else document.getElementById('creatorContainer').innerHTML += "#" + (i+1) + " ";
            document.getElementById('creatorContainer').innerHTML += "<input type='text' id='cupTeamFlag"+next1+"' value='ru' style='width:18px;'/> <input type='text' id='cupTeam"+next1+"' value='Team"+((i*2)+1)+"' style='width:130px;'/> vs. <input type='text' id='cupTeamFlag"+next2+"' value='ru' style='width:18px;'/> <input type='text' id='cupTeam"+next2+"' value='Team"+((i*2)+2)+"' style='width:130px;'/><br/>";
            next1=next2+2;
            next2=next2+4;
        }
        document.getElementById('creatorContainer').innerHTML += "<input type='button' value='Generate' onclick='generate_bracket(\""+type+"\","+teams_limit+")'/>";
}

function auto_create_bracket(type,teams_limit) {
    var next1=0;
    var next2=2;
        document.getElementById('creatorContainer').innerHTML = "fill all fields & than click generate<br/>";
        for (i = 0; i < (teams_limit/2); i ++) {
            document.getElementById('creatorContainer').innerHTML += "<input type='text' id='cupTeamFlag"+next1+"' value='ru' style='width:18px;'/> <input type='text' id='cupTeam"+next1+"' value='Team"+((i*2)+1)+"' style='width:130px;'/><br/><input type='text' id='cupTeamFlag"+next2+"' value='ru' style='width:18px;'/> <input type='text' id='cupTeam"+next2+"' value='Team"+((i*2)+2)+"' style='width:130px;'/><br/>";
            next1=next2+2;
            next2=next2+4;
        }
        document.getElementById('creatorContainer').innerHTML += "<input type='button' value='Generate' onclick='auto_generate_bracket(\""+type+"\","+teams_limit+")'/>";
}

function randOrd() {
    return (Math.round(Math.random())-0.5);
}

function auto_generate_bracket(type,teams_limit) {
    var teamsArray = [];
    var k = 0;
    
    for (i = 0; i < teams_limit; i ++) {
        teamsArray[i] = [];
        teamsArray[i][0] = document.getElementById("cupTeamFlag"+k).value;
        teamsArray[i][1] = document.getElementById("cupTeam"+k).value;
        k = k+2;
    }
    
    teamsArray.sort(randOrd);
    
    k = 0;
    for (i = 0; i < teams_limit; i ++) {
        document.getElementById("cupTeamFlag"+k).value = teamsArray[i][0];
        document.getElementById("cupTeam"+k).value = teamsArray[i][1];
        k = k+2;
    }
    
    generate_bracket(type,teams_limit);
}

function generate_lbracket(limit) {
var rid = 1;
var temp = "<div class='cblWrapper'><table border='0' cellspacing='0' cellpadding='0' class='cupBracket'>";
for (i=limit/4;i>=1;i=i/2) {
temp +="<tr><td colspan='6' class='cblTitle'>"+rid+" раунд лузеров</td></tr><tr><td colspan='6' class='cblInfo'>Info</td></tr>";
for (j=0;j<i;j++) {temp +="<tr><td class='cblTeam1'>TBD</td><td class='cblScore'>0</td><td class='cblDel'>:</td><td class='cblScore'>0</td><td class='cblTeam2'>TBD</td><td class='cblInfo2'>Info</td></tr>";}
rid++;
if (i==1) temp +="<tr><td colspan='6' class='cblTitle'>Финал лузеров</td></tr><tr><td colspan='6' class='cblInfo'>Info</td></tr>";else temp +="<tr><td colspan='6' class='cblTitle'>"+rid+" раунд лузеров</td></tr><tr><td colspan='6' class='cblInfo'>Info</td></tr>";
for (j=0;j<i;j++) {temp +="<tr><td class='cblTeam1'>TBD</td><td class='cblScore'>0</td><td class='cblDel'>:</td><td class='cblScore'>0</td><td class='cblTeam2'>TBD</td><td class='cblInfo2'>Info</td></tr>";}
rid++;
}
temp += "</table></div>";
temp += "<br/><pre><textarea style='height:200px;width:100%;'>"+temp+"</textarea></pre>";
document.getElementById('bracketContainer').innerHTML += temp;
}

function generate_bracket(type,limit) {
    var temp = "<script type='text/javascript'>$(function() {$('#cbWrapper"+cbwId4drag+"').dragscrollable();});</script><div id='cbWrapper"+cbwId4drag+"' class='cbWrapper'><table border='0' cellspacing='0' cellpadding='0' class='cupBracket'><thead><tr>";
    cbwId4drag++;
    var cols = new Array();
    var toggle = new Array();
    
    //generate header
    for (i = limit; i >= 1; i = i/2) {
        if (i != limit) temp +="<td>&nbsp;</td>";
        if (i == 2) temp +="<td colspan='2'>Финал</td>";
        else if (i == 1) temp +="<td colspan='2'>Победитель</td>";
        else temp +="<td colspan='2'>1/"+i/2+" финала</td>";
    }
    
    temp += "</tr></thead><tbody><tr>";
    
    //generate info
    for (i = limit; i >= 1; i = i/2) {
        if (i != limit) temp +="<td>&nbsp;</td>";
        temp +="<td class='cbInfo' colspan='2'>Info</td>";
    }
    
    temp += "</tr>";
    
    for (i = 0; i < (limit*2)-1; i++) {
        temp += "<tr>";
        for (j = 1; j <= limit; j = j*2) {
            if (i==j-1 || i == cols[j]) {
                if (j == 1) temp += "<td class='cbTeam'><img src='http://f0xz.org.ua/images/flagset1/"+document.getElementById("cupTeamFlag"+i).value+".png' alt='"+document.getElementById("cupTeamFlag"+i).value+"'/> "+document.getElementById("cupTeam"+i).value+"</td><td class='cbScore'>0</td>";
                else {temp += "<td>-</td><td class='cbTeam'>TBD</td>";if (j != limit) temp += "<td class='cbScore'>0</td>";else temp += "<td class='cbWinner'>&nbsp;</td>";}
                cols[j]=i+(j*2);
                if (toggle[j] == 0) toggle[j] = 1; else toggle[j] = 0;
            }
            else if (cols[j] < limit*2 && i < cols[j] && toggle[j]==0) {
                if (j != 1) temp += "<td>&nbsp;</td>";
                temp += "<td>&nbsp;</td><td class='cbLine'>&nbsp;</td>";
            }
            else {
                if (j != 1) temp += "<td>&nbsp;</td>";
                temp += "<td>&nbsp;</td><td>&nbsp;</td>";
            }
        }
        temp += "</tr>";
    }

    temp += "</tbody></table></div>";
    temp += "<br/><pre><textarea style='height:200px;width:100%;'>"+temp+"</textarea></pre>";
    document.getElementById('bracketContainer').innerHTML = temp;
	if (type=='double') generate_lbracket(limit);
}

function create_cupgroup(teams_limit) {
    var codeHolder = '';
    var lineColor = "#F2F2F2";
    codeHolder = "<table style='width: 100%;' cellpadding='2' cellspacing='0'><tr><td style='vertical-align: top; font-weight: bold; width: 18px; text-align: left; letter-spacing: 0pt; word-spacing: 0pt;'>&nbsp;</td><td style='vertical-align: top; font-weight: bold;'>Группа A</td><td style='vertical-align: top; font-weight: bold; width: 24px; text-align: left; letter-spacing: 0pt; word-spacing: 0pt;'>М</td><td style='vertical-align: top; font-weight: bold; width: 24px; text-align: left; letter-spacing: 0pt; word-spacing: 0pt;'>В</td><td style='vertical-align: top; font-weight: bold; width: 24px; text-align: left; letter-spacing: 0pt; word-spacing: 0pt;'>Н</td><td style='vertical-align: top; font-weight: bold; width: 24px; text-align: left; letter-spacing: 0pt; word-spacing: 0pt;'>П</td><td style='vertical-align: top; font-weight: bold; width: 24px; text-align: left; letter-spacing: 0pt; word-spacing: 0pt;'>О</td></tr>";
        for (i = 0; i < teams_limit; i ++) {
            codeHolder += "<tr><td style='vertical-align: top; background: none repeat scroll 0% 0% "+lineColor+";'><b>" + (i+1) + "</b></td><td style='vertical-align: top; background: none repeat scroll 0% 0% "+lineColor+"; font-weight: bold;'><img alt='flag' src='http://f0xz.org.ua/images/flagset1/ru.png' align='absMiddle'> Team"+(i+1)+"</td><td style='vertical-align: top; background: none repeat scroll 0% 0% "+lineColor+";'>0</td><td style='vertical-align: top; background: none repeat scroll 0% 0% "+lineColor+";'>0</td><td style='vertical-align: top; background: none repeat scroll 0% 0% "+lineColor+";'>0</td><td style='vertical-align: top; background: none repeat scroll 0% 0% "+lineColor+";'>0</td><td style='vertical-align: top; background: none repeat scroll 0% 0% "+lineColor+";'>0</td></tr>";
            if (lineColor == "#F2F2F2") lineColor = "#ffffff"; else lineColor = "#F2F2F2";
        }
	codeHolder += "</table>";
        codeHolder += "<br/><pre><textarea style='height:200px;width:100%;'>"+codeHolder+"</textarea></pre>";
        document.getElementById('creatorGContainer').innerHTML = codeHolder;
}