Modularized on-page range selector and added to artist page

website/javascript/rangeselect.js

@@ -0,0 +1,28 @@
+function showRange(identifier,unit) {
+	// Make all modules disappear
+	modules = document.getElementsByClassName("stat_module_" + identifier)
+	for (var i=0;i<modules.length;i++) {
+		modules[i].setAttribute("style","width:0px;overflow:hidden;")
+		// cheesy trick to make the allocated space always whatever the biggest module needs
+	}
+
+	// Make requested module appear
+	reactivate = document.getElementsByClassName(identifier + "_" + unit)
+	for (var i=0;i<reactivate.length;i++) {
+		reactivate[i].setAttribute("style","")
+	}
+
+	// Set all selectors to unselected
+	selectors = document.getElementsByClassName("stat_selector_" + identifier)
+	for (var i=0;i<selectors.length;i++) {
+		selectors[i].setAttribute("style","")
+	}
+
+	// Set the active selector to selected
+	reactivate = document.getElementsByClassName("selector_" + identifier + "_" + unit)
+	for (var i=0;i<reactivate.length;i++) {
+		reactivate[i].setAttribute("style","opacity:0.5;")
+	}
+}
+
+document.addEventListener('DOMContentLoaded',function() {KEY_JS_INIT_RANGES})