From d61a99248ae90d339e3b2a8793509bc8d3ca49f4 Mon Sep 17 00:00:00 2001
From: FrozenCow <frozencow@gmail.com>
Date: Thu, 31 Mar 2011 13:06:34 +0200
Subject: [PATCH] Dynamically load javascript files of components.

---
 web/index.html |  4 ----
 web/js/map.js  | 33 +++++++++++++++++++++++++++++----
 2 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/web/index.html b/web/index.html
index 304012e0..79bfad8b 100644
--- a/web/index.html
+++ b/web/index.html
@@ -26,10 +26,6 @@
 	<script type="text/javascript" src="js/flatmap.js"></script>
 	<script type="text/javascript" src="js/clock.timeofday.js"></script>
 	<script type="text/javascript" src="js/clock.digital.js"></script>
-	<script type="text/javascript" src="js/chat.js"></script>
-	<script type="text/javascript" src="js/chatballoon.js"></script>
-	<script type="text/javascript" src="js/chatbox.js"></script>
-	<script type="text/javascript" src="js/playermarkers.js"></script>
 	<script type="text/javascript" src="config.js"></script>
 
 	<script type="text/javascript">
diff --git a/web/js/map.js b/web/js/map.js
index cea2051e..67fdf7e6 100644
--- a/web/js/map.js
+++ b/web/js/map.js
@@ -24,6 +24,24 @@ componentconstructors['testcomponent'] = function(dynmap, configuration) {
 	};
 };
 
+function loadjs(url, completed) {
+	var script = document.createElement('script');
+	script.setAttribute('src', url);
+	script.setAttribute('type', 'text/javascript');
+	var isloaded = false;
+	script.onload = function() {
+		if (isloaded) { return; }
+		isloaded = true;
+		completed();
+	};
+	
+	// Hack for IE, don't know whether this still applies to IE9.
+	script.onreadystatechange = function() {
+		script.onload();
+	};
+	document.head.appendChild(script);
+}
+
 function splitArgs(s) {
 	var r = s.split(' ');
 	delete arguments[0];
@@ -279,12 +297,19 @@ DynMap.prototype = {
 		
 		me.selectMap(me.defaultworld.defaultmap);
 		
+		var componentstoload = me.options.components.length;
 		$.each(me.options.components, function(index, configuration) {
-			var componentconstructor = componentconstructors[configuration.type];
-			me.components.push(new componentconstructor(me, configuration));
+			loadjs('js/' + configuration.type + '.js', function() {
+				var componentconstructor = componentconstructors[configuration.type];
+				me.components.push(new componentconstructor(me, configuration));
+				
+				componentstoload--;
+				if (componentstoload == 0) {
+					// Actually start updating once all components are loaded.
+					setTimeout(function() { me.update(); }, me.options.updaterate);
+				}
+			});
 		});
-		
-		setTimeout(function() { me.update(); }, me.options.updaterate);
 	},
 	selectMap: function(map, completed) {
 		if (!map) { throw "Cannot select map " + map; }