From 98e913c933c0e09e07f1ab79a045fe7e43b400f1 Mon Sep 17 00:00:00 2001
From: Matthias Schiffer <mschiffer@universe-factory.net>
Date: Sat, 16 Jun 2012 15:22:29 +0200
Subject: [PATCH] Simplify style switcher

---
 html/force.js   | 33 +++++++++------------------------
 html/nodes.html |  2 +-
 2 files changed, 10 insertions(+), 25 deletions(-)

diff --git a/html/force.js b/html/force.js
index 7c29345..156ffd3 100644
--- a/html/force.js
+++ b/html/force.js
@@ -1,19 +1,3 @@
-var style;
-
-function switch_style(s) {
-  var el = document.getElementsByTagName("link")
-  for (var i = 0; i < el.length; i++ ) {
-    if (el[i].getAttribute("rel").indexOf("style") != -1
-        && el[i].getAttribute("title")) {
-          if (el[i].getAttribute("title") == s) {
-            style_btn.text(s)
-            el[i].disabled = false
-          } else
-            el[i].disabled = true
-        }
-  }
-}
-
 function getOffset( el ) {
   var _x = 0, _y = 0
 
@@ -50,15 +34,16 @@ function resize() {
 }
 
 function next_style() {
-  var s;
-  if (style !== undefined)
-    s = d3.select("head link[title=" + style + "] + link")
-  
-  if (s == null || s[0][0] == null)
-    s = d3.select("head link[title]")
+  var n = document.styleSheetSets.length
+  var i;
+  for (i = 0; i < n; i++) {
+    if (document.styleSheetSets[i] == document.selectedStyleSheetSet)
+      break
+  }
 
-  style = s[0][0].getAttribute("title")
-  switch_style(style)
+  var s = document.styleSheetSets[(i+1) % n]
+  style_btn.text(s)
+  document.selectedStyleSheetSet = s
 }
 
 var cp = d3.select("header").append("div")
diff --git a/html/nodes.html b/html/nodes.html
index 728f6f8..13bbb7a 100644
--- a/html/nodes.html
+++ b/html/nodes.html
@@ -5,7 +5,7 @@
     <title>Freifunk Lübeck - Knotengraph</title>
     <link href='style.css' rel='stylesheet' type='text/css' />
     <link href='force.css' rel='stylesheet' type='text/css' />
-    <link href='force-big.css' rel='alternate stylesheet' type='text/css' title='big' disabled/>
+    <link href='force-big.css' rel='alternate stylesheet' type='text/css' title='big'/>
     <link href='force-light.css' rel='stylesheet' type='text/css' title='light'/>
     <script type="text/javascript" src="jquery.min.js"></script>
     <script type="text/javascript" src="d3.v2.js"></script>