added basic key legend, omitted from load sequence until stable

atoms/js/main.js

@@ -45,4 +45,5 @@ setTimeout(function mainFunc() {
 	makeSettings();
 	tableDesc();
 	createGradientLegend();
+	// keyLegend();
 }, 600);	

atoms/js/onload.js

@@ -38,14 +38,27 @@ function createTable() {
     }
 }
 
-/* function keyLegend(theme) {
+function keyLegend() {
+ 	// Get theme
+ 	var theme = settings["displayTheme"];
+ 	var index = choices[1].indexOf(theme);
  	// Create Table
  	var tbl = document.createElement('table');
- 	// Class for CSS
- 	tbl.className = "key";
- 	// Get theme
- 	var theme = settings["displayTheme"]; 
-}*/
+ 	// id for CSS
+ 	tbl.id = "keylegend";
+
+ 	for (var i = 0; i < Object.keys(keyColors[index]).length; i++) {
+ 		var tr = tbl.insertRow();
+ 		var keycolor = tr.insertCell();
+ 		keycolor.style.backgroundColor = keyColors[index][Object.keys(keyColors[index])[i]];
+
+ 		var keyname = tr.insertCell();
+ 		keyvalue = document.createTextNode(Object.keys(keyColors[index])[i]);
+ 		keyname.appendChild(keyvalue);
+ 	};
+ 	get("sidebar")[0].appendChild(tbl);
+
+}
 
 function createGradientLegend() {
 

atoms/js/tools.js

@@ -106,6 +106,12 @@ function get(name) {
     } else { return elements; } 
 }
 
+function deleteElem (id) {
+    var element = document.getElementById(id);
+    elem.parentNode.removeChild(element);
+    
+}
+
 function deleteCookie(setting) {
     // Sets expiration date to past date, deleting cookie automatically
     document.cookie = setting+"=; expires=Thu, 01 Jan 2000 00:00:00 GMT";