<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML><HEAD><TITLE>Round Robin Euchre Tournament Scoreboard</TITLE>
<META http-equiv=Content-Type content="text/html; charset=unicode">
<STYLE type=text/css>
BODY {
	COLOR: #333
}
#header {
	COLOR: #c00; TEXT-ALIGN: center
}
a, a:visited { color:#A6D785; text-decoration: none;}
a:hover, a:active { color:#687E5A; border-bottom: dashed 2px;}
#left {
	FONT-SIZE: 1em; FLOAT: left
}
#middle {
	FLOAT: left; MARGIN-LEFT: 5em
}
#footer {
	clear: both;
}
#footer p.cent { text-align: center; font-size: 0.8em; }

#pastRounds {
	COLOR: #666
}
TABLE {
	BORDER-RIGHT: navy 2px solid; BORDER-TOP: navy 2px solid; FONT-SIZE: 1.1em; BORDER-LEFT: navy 2px solid; WIDTH: 500px; BORDER-BOTTOM: navy 2px solid
}
TD {
	BORDER-RIGHT: navy 1px dashed; PADDING-RIGHT: 2px; BORDER-TOP: navy 1px dashed; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px dashed; PADDING-TOP: 2px; BORDER-BOTTOM: navy 1px dashed; TEXT-ALIGN: center
}
H3 {
	COLOR: navy
}
H4 {
	COLOR: navy
}
H5 {
	COLOR: #c00;
	margin: 0em;
}
SELECT {
	PADDING-LEFT: 4px
}
</STYLE>

<SCRIPT language=javascript type=text/javascript>
<!--
// global variables
var teams;
var initRound = 0;
var rounds = 0; // total to be defined later

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

function promptNumPlayers() {
	var numPlayers = 0;
	numPlayers = prompt("How many players?","(enter number here)");
	if (numPlayers == null) {
		return;
	}
	if(isNaN(parseInt(numPlayers)) || numPlayers < 0 || numPlayers == 0) {
		alert("Looking for a number here, chief! Try again!");
		promptNumPlayers();
	} else if(numPlayers % 2) {
		alert("Need even number of players for this Euchre tournament!");
		promptNumPlayers();
	} else {
		buildTeams(numPlayers);
	}
}

function buildTeams(num) {
	numTeams = (num / 2)
	teams = new Array(numTeams);
	players = new Array(num);
	
	//build players list
	for (i=0;i<num;i++) {
		players[i] = prompt("What is player #"+ (i+1) + "'s name?","(enter name here)");
		if(players[i] == "" || players[i] == "(enter name here)") { 
			alert("Please enter a proper name!");
			players[i] = prompt("What is player #"+ (i+1) + "'s name?","(enter name here)");
		}
	}
	
	players.sort( randOrd ); // randomize players
	
	//build teams and stats
	for (i= 0; i < numTeams; i++) {
		teams[i] = new Array(6); 
		teams[i][0] = (i+1); // team name
		teams[i][1] = players.pop(); // teammate 1
		teams[i][2] = players.pop(); // teammate 2
		teams[i][3] = 0; // wins
		teams[i][4] = 0; // losses
		teams[i][5] = 0; // points total
	}
	
	buildSchedule(teams);
	displayTeams();
}

function buildSchedule(arr) {
	var len = arr.length ;
	
	if (len % 2) {
		//alert("Odd number of teams.");
		byeTeam = ["BYE","BYE","BYE",0,0,0];
		len = arr.push(byeTeam);
	}
	
	rounds = len - 1;
	var games = len / 2;
	//alert("There are " + rounds + " rounds to play and there will be " + games + " games each round.");

	var home = new Array(games);
	var away = new Array(games);
	
	//establish home and away
	for (i = 0; i < games; i++) {
		home[i] = arr[i][0];
		away[i] = arr[i + games][0];
	}
	
	away.reverse(); // creates first vs last ... middle vs middle matchups
	
	for(r = 0; r < rounds; r++) {
		var txtNode = document.createTextNode("Round " + (r+1) + ":");
		
		var roundNum = document.createElement('h5');
		roundNum.appendChild(txtNode);

		var roundDiv = document.createElement('div');
		roundDiv.setAttribute('id', r);
		roundDiv.appendChild(roundNum);

		// print matchups
		for (i=0;i < games; i++) {
			txtNode = document.createTextNode("Team " + away[i]);
			var spanA = document.createElement('span');
			spanA.id = away[i];
			spanA.appendChild(txtNode);
			
			txtNode = document.createTextNode("Team " + home[i]);
			var spanH = document.createElement('span');
			spanH.id = home[i];
			spanH.appendChild(txtNode);
			
			txtNode = document.createTextNode(" vs ");
			var matchup = document.createElement('p');
			matchup.appendChild(spanA);
			matchup.appendChild(txtNode);
			matchup.appendChild(spanH);
			
			roundDiv.appendChild(matchup);
		}
		
		document.getElementById('schedule').appendChild(roundDiv);
		
		//advance to next round
		home.splice(1,0,away.shift());
		away.push(home.pop());
	}
}

function displayTeams() {
	var myTable = document.createElement('table');
	var myTHEAD = document.createElement('thead');
	var myTFOOT = document.createElement('tfoot');
	var myTBODY = document.createElement('tbody');
	var myRow = document.createElement('tr');
	
	var theads = ["Team","Player 1","Player 2", "Won", "Loss","Points"];
	
	for (i=0;i<theads.length;i++) {
		txt = document.createTextNode(theads[i]);
		var myTH = document.createElement('th');
		myTH.appendChild(txt);
		myRow.appendChild(myTH);
	}
	
	myTHEAD.appendChild(myRow);
	myTable.appendChild(myTHEAD);
	txt = document.createTextNode("Results after " + initRound + " rounds.");
	td = document.createElement('td');
	td.colSpan = 6;
	td.appendChild(txt);
	tr = document.createElement('tr');
	tr.appendChild(td);
	myTFOOT.appendChild(tr);
	myTable.appendChild(myTFOOT);
	
	for (var i= 0; i< teams.length; i++) {
		arrRows = new Array(); //holds row info so then I can append in a loop
		arrRows.push(teams[i][0]); // team number
		arrRows.push(teams[i][1]); // player 1
		arrRows.push(teams[i][2]); // player 2
		arrRows.push(teams[i][3]); // wins
		arrRows.push(teams[i][4]); // losses
		arrRows.push(teams[i][5]); // points

		myRow = document.createElement('tr');
		
		if(arrRows[0] != "BYE") {
			for(j=0;j<arrRows.length;j++) {
				txt = document.createTextNode(arrRows[j]);
				myTD = document.createElement('td');
				myTD.appendChild(txt);
				myRow.appendChild(myTD);
			}
		}
		
		myTBODY.appendChild(myRow);
	}
	
	myTable.appendChild(myTBODY);
	document.getElementById('scoreboard').appendChild(myTable);
	
	updateForm();
}

function updateForm() {
	curRoundDiv = document.getElementById(initRound);
	scoringDiv = curRoundDiv.cloneNode(true);
	document.getElementById('curMatch').appendChild(scoringDiv);
	
	points = document.createElement('select');
	for(i=0;i<=13;i++) {
		opt = document.createElement('option');
		optScore = document.createTextNode(i);
		opt.appendChild(optScore);
		points.appendChild(opt);
	}
	
	spanAH = scoringDiv.getElementsByTagName('span');
	
	for(i=0;i<spanAH.length;i++) {
		if(spanAH[i].id != "BYE") {
			PTS = points.cloneNode(true);
			PTS.id = spanAH[i].id;
			spanAH[i].appendChild(PTS);
		}
	}
}

function nextRound(form) {
	var formSelects = form.getElementsByTagName('select');
	
	//update W, L, point totals
	for(i=0;i<formSelects.length;i++) {
		for(j=0;j<teams.length;j++) {
			//alert("team: " + teams[j][0] + " | selectID: " + formSelects[i].id);
			if(teams[j][0] == formSelects[i].id) {
				//alert("MATCH!");
				teams[j][5] += formSelects[i].selectedIndex;
				if(formSelects[i].selectedIndex >= 10) {
					//alert(teams[j][0] + " team is winner!");
					teams[j][3] += 1;
				} else {
					//alert(teams[j][0] + " team is loser!");
					teams[j][4] += 1;
				}
			}
		}
	}
	
	var curRoundDiv = document.getElementById(initRound);
	var spanAH = curRoundDiv.getElementsByTagName('span');
	
	for(i=0;i<spanAH.length;i++) {
		if(spanAH[i].id != "BYE") {
			for(j=0;j<formSelects.length;j++) {
				//alert("spanID: " + spanAH[i].id + " | selectID: " + formSelects[j].id);
				if(formSelects[j].id == spanAH[i].id) {
					//alert("MATCH!");
					txt = document.createTextNode(" Scored: " + formSelects[j].selectedIndex);
					spanAH[i].appendChild(txt);
				}
			}
		}
	}
	
	document.getElementById('pastRounds').appendChild(curRoundDiv);
	
	//remove old scoreboard
		d = document.getElementById('scoreboard');
		t = d.getElementsByTagName('table');
		d.removeChild(t[0]);
		
	//remove old update form
	d = document.getElementById('curMatch');
	i = d.getElementsByTagName('div');
	d.removeChild(i[0]);
	
	initRound++;

	if ( initRound == rounds) {
		te = teams.pop();
		if(te[0] == "BYE") {
			//alert("ODD TEAMS");
			for(i=0;i<teams.length;i++) {
				teams[i][4] -= 1; //subtract loss from BYE rounds
			}
		}
		displayTeams();
		document.getElementById('updateForm').style.display = "none";
		txt = document.createTextNode("Play Again?");
		againBut = document.createElement('a');
		againBut.setAttribute('href','JavaScript:location.reload(true);');
		againBut.appendChild(txt);
		document.getElementById('schedule').appendChild(againBut);
	} else {
		displayTeams();
	}
}


//-->
</SCRIPT>

</HEAD>
<BODY onload=promptNumPlayers()>
<DIV id=header>
	<H2>Round Robin Euchre Tournament Scoreboard | <small><a href="#rules">rules</a></small></H2>
</DIV>

<DIV id=left>
	<DIV id=schedule>
		<H4>Schedule</H4>
	</DIV>
	<DIV id=pastRounds>
		<H4>Past Rounds</H4>
	</DIV>
</DIV>

<DIV id=middle>
	<DIV id=scoreboard>
		<H3>Scoreboard</H3>
	</DIV>
	<DIV id=updateForm>
		<H3>Update Scores</H3>
		<FORM>
		<DIV id=curMatch></DIV>
		<INPUT onclick=nextRound(this.form) type=button value="Update Scores"> 
		</FORM>
	</DIV>
</DIV>
<div id=footer>
<a name="rules"></a>
<h5>Rules</h5>
<ol>
<li>Must be even number of players, but not even number of teams</li>
<li>Round Robin tournament style means every team will play every other team once</li>
<li>The team with the best record wins the tournament</li>
<li>If two teams' records tie, the one with the higher point total wins</li>
<li>If these two teams have tying point totals, they will play a one point sudden death hand to decide the winner</li>
</ol>
<h5>BYE Round Explanation</h5>
<p>
If there are an odd number of teams, a BYE round will automatically be inserted into the schedule. Every team will have a BYE round and initially receive 0 points and thus a loss. Don't worry, at the end of the tournament every team will have a loss subtracted to take in account for this.</p>
</p>
<p class="cent">Disclaimer: The computer will not check to see if there are two losers or two winners for each matchup so be careful entering scores since you cannot correct them later on. I know, "Max, why didn't you do something to check for this?" Something for RRETS 2.0
<br />&copy; 2008 <strong><a href="http://maxbeatty.com" target="_blank">Max Beatty</a></strong></p>
</div>
</BODY>
</HTML>