Editabled.js

/*global _, $, jQuery, console*/
//Loads the external scripts for the editor, and draws a little 'loading' text.

var c = console;	//A shortcut, I'm tired of typing 'console.log' every damn time.
var editors = [];		//The global 'library', how components talk to eachother.

window.loadEditabled = function() {
	"use strict";
	
	var loadOtherScriptsCount = 0;
	
	var baseURL = "Editabled/";
	var jsAr = [		
		{url: "Shared Utilities.js",        type: "script"},
		{url: "Pixel Store.js",             type: "canvas-worker", name: "pxStore"},
		{url: "Utilities.js",               type: "script"},
		{url: "Setup.js",                   type: "script"},
		{url: "User Interface.js",          type: "script"},
		{url: "Event Listener.js",          type: "script"},
		{url: "Tests.js",                   type: "script"},
	];

	
	window.addEventListener('DOMContentLoaded', function() {
		//Draw 'loading' text.
		editors = $(".image-editor");
		editors.map(function(index) {
			var editor = editors[index];
			editor.width = $(editor).width();
			editor.height = $(editor).height();
			editor.edLib = {};
			
			var ctx = editor.getContext('2d'); //ctx = ConTeXt.
			ctx.strokeStyle = '#000';
			ctx.fillStyle = '#FFF';
			ctx.lineWidth = 2;
			var textHeight = 15;
			ctx.font = textHeight + "pt Fixedsys";
			var text = "Loading Editabled";
			var textWidth = ctx.measureText(text).width;
			ctx.strokeText(text,  editor.width/2 - textWidth/2, editor.height/2 + textHeight/4);
			ctx.fillText(  text,  editor.width/2 - textWidth/2, editor.height/2 + textHeight/4);
		});
		
		//Load.
		jsAr.forEach(function(data, index) {
			var js = jsAr[index];
			if(js.type === 'script') {
				var script   = document.createElement("script");
				script.type  = "text/javascript";
				script.async = false; //This is needed because the scripts will _execute_ asynchronously, too. Since we've already loaded them into cache, we shouldn't have to re-fetch them.
				script.src = baseURL + jsAr[index].url;
				c.log('adding', jsAr[index].url);
				document.body.appendChild(script);
			} else if(js.type === 'canvas-worker') {
				editors.map(function(index) {
					var editor = editors[index];
					console.log('spawning worker', baseURL + js.url);
					editor.edLib[js.name] = new Worker(baseURL + js.url);
				});
			} else {
				throw "script type '"+js.type+"' invalid";
			}
		});
	});
	
	return true;
}();
delete window.loadEditabled;