more refactoring of topology code
diff --git a/web/ons-demo/index.html b/web/ons-demo/index.html
index 9798add..005bbed 100644
--- a/web/ons-demo/index.html
+++ b/web/ons-demo/index.html
@@ -1,22 +1,8 @@
 <html>
-
 <head>
 	<link rel="stylesheet" href="css/layout.default.css" type="text/css"/>
 	<link rel="stylesheet" href="css/skin.default.css" type="text/css"/>
-	<script src="js/d3.v3.js" charset="utf-8"></script>
-	<script src="js/async.js"></script>
-	<script src="js/debug.js"></script>
-	<script src="js/constants.js"></script>
-	<script src="js/globals.js"></script>
-	<script src="js/utils.js"></script>
-	<script src="js/model.js"></script>
-	<script src="js/controller.js"></script>
-	<script src="js/controllers.js"></script>
-	<script src="js/topology.js"></script>
-	<script src="js/flows.js"></script>
-	<script src="js/init.js"></script>
 </head>
-
 <body>
 <div id='background'>
 	<img id='background-image' src='assets/logo.svg'/>
@@ -51,8 +37,21 @@
 
 	<div id='flowChooser'></div>
 
+	<script src="js/d3.v3.js" charset="utf-8"></script>
+	<script src="js/async.js"></script>
+	<script src="js/debug.js"></script>
+	<script src="js/constants.js"></script>
+	<script src="js/globals.js"></script>
+	<script src="js/utils.js"></script>
+	<script src="js/model.js"></script>
+	<script src="js/controller.js"></script>
+	<script src="js/controllers.js"></script>
+	<script src="js/rings.js"></script>
+	<script src="js/topologyactions.js"></script>
+	<script src="js/topology.js"></script>
+	<script src="js/flows.js"></script>
+	<script src="js/init.js"></script>
 	<script src="js/app.js"></script>
-
 </div>
 </body>