From d46d47ad4cd402ece410cf3f5e254bbc47a9b725 Mon Sep 17 00:00:00 2001
From: Neale Pickett <neale@woozle.org>
Date: Sat, 15 Feb 2014 19:52:34 -0700
Subject: [PATCH] JavaScript updates from the overlay branch

---
 res/scoreboard.js | 43 ++++++++++++++++++++++++++++++-------------
 1 file changed, 30 insertions(+), 13 deletions(-)

diff --git a/res/scoreboard.js b/res/scoreboard.js
index 2ff56c9..9489fbb 100644
--- a/res/scoreboard.js
+++ b/res/scoreboard.js
@@ -225,8 +225,8 @@ function transition(newstate) {
 	}
 
 	// Reset lead jammer indicators
-	e("jammer-a").className = "";
-	e("jammer-b").className = "";
+	e("jammer-a").className = "jammer";
+	e("jammer-b").className = "jammer";
 	
 	var setupElements = document.getElementsByClassName("setup")
 	for (var i = 0; i < setupElements.length; i += 1) {
@@ -287,11 +287,11 @@ function score(team, points) {
 
 function leadJammer(team) {
 	tgt = e("jammer-" + team);
-	var on = ! tgt.className;
+	var on = (tgt.className.indexOf("lead") == -1);
 
-	e("jammer-a").className = "";
-	e("jammer-b").className = "";
-	if (on) tgt.className = "lead";
+	e("jammer-a").className = "jammer";
+	e("jammer-b").className = "jammer";
+	if (on) tgt.className = "lead jammer";
 }
 
 function changeLogo(team) {
@@ -622,21 +622,38 @@ function start() {
 
 }
 
+function fgColor(color) {
+	var v = 0
+	
+	for (var i = 0; i < 3; i += 1) {
+		v += parseInt(color.substr(1+i*2, 2), 16)
+	}
+	if (v / 3 >= 0x88) {
+		return "#000000"
+	} else {
+		return "#ffffff"
+	}
+}
+
 function recolor(team) {
 	var i = e("img-" + team)
 	var k = e("kitty-" + team)
-	var n = e("name-" + team)
+	var t = e("team-" + team)
 	var color = e("color-" + team).value
 	
-	i.style.display = "none"
-	k.style.display = "inline"
-	n.style.backgroundColor = color
-	kitty(k.getContext("2d"), color)
+	if (k.style) {
+		i.style.display = "none"
+		k.style.display = "inline"
+		kitty(k.getContext("2d"), color)
+	} else {
+		t.style.backgroundColor = color
+		t.style.color = fgColor(color)
+	}
 }
 
 function resize() {
-	var w = window.innerWidth / 7
-	var h = window.innerHeight / 5
+	var w = window.innerWidth / Number(document.body.getAttribute("data-x") || 7)
+	var h = window.innerHeight / Number(document.body.getAttribute("data-y") || 5)
 	var fs = Math.min(w, h)
 
 	document.body.style.fontSize = Math.min(w, h) + 'px'