Simplify style switcher

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")
+  var n = document.styleSheetSets.length
+  var i;
+  for (i = 0; i < n; i++) {
+    if (document.styleSheetSets[i] == document.selectedStyleSheetSet)
+      break
+  }
 
-  if (s == null || s[0][0] == null)
-    s = d3.select("head link[title]")
-
-  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")

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>