webaudioevaluationtool: js/core.js comparison

comparison js/core.js @ 2720:a6a0d2b786af

Merge branch 'vnext' into hot_fix # Conflicts: # js/core.js

author	Nicholas Jillings <n.g.r.jillings@se14.qmul.ac.uk>
date	Fri, 14 Apr 2017 16:28:19 +0100
parents	04cc7a27ae64 d30222a70f2d
children	a087cb7b5972

comparison

equal deleted inserted replaced

-:04cc7a27ae64
+:a6a0d2b786af
 * core.js
 *
 * Main script to run, calls all other core functions and manages loading/store to backend.
 * Also contains all global variables.
 */
+/*globals window, document, XMLDocument, Element, XMLHttpRequest, DOMParser, console, Blob, $, Promise, navigator */
+/*globals AudioBuffer, AudioBufferSourceNode */
+/*globals Specification, calculateLoudness, WAVE, validateXML, showdown, pageXMLSave, loadTest, resizeWindow */
 /* create the web audio API context and store in audioContext*/
 var audioContext; // Hold the browser web audio API
 var projectXML; // Hold the parsed setup XML
 var schemaXSD; // Hold the parsed schema XSD
 // element nodes must have a name and therefore can pull the schema node
 XMLDocument.prototype.getAllElementsByName = function (name) {
 name = String(name);
 var selected = this.documentElement.getAllElementsByName(name);
 return selected;
-}
+};
 Element.prototype.getAllElementsByName = function (name) {
 name = String(name);
 var selected = [];
 var node = this.firstElementChild;
-while (node != null) {
+while (node !== null) {
 if (node.getAttribute('name') == name) {
 selected.push(node);
 }
 if (node.childElementCount > 0) {
 selected = selected.concat(node.getAllElementsByName(name));
 }
 node = node.nextElementSibling;
 }
 return selected;
-}
+};
 XMLDocument.prototype.getAllElementsByTagName = function (name) {
 name = String(name);
 var selected = this.documentElement.getAllElementsByTagName(name);
 return selected;
-}
+};
 Element.prototype.getAllElementsByTagName = function (name) {
 name = String(name);
 var selected = [];
 var node = this.firstElementChild;
-while (node != null) {
+while (node !== null) {
 if (node.nodeName == name) {
 selected.push(node);
 }
 if (node.childElementCount > 0) {
 selected = selected.concat(node.getAllElementsByTagName(name));
 }
 node = node.nextElementSibling;
 }
 return selected;
-}
+};
 // Firefox does not have an XMLDocument.prototype.getElementsByName
 if (typeof XMLDocument.prototype.getElementsByName != "function") {
 XMLDocument.prototype.getElementsByName = function (name) {
 name = String(name);
 var node = this.documentElement.firstElementChild;
 var selected = [];
-while (node != null) {
+while (node !== null) {
 if (node.getAttribute('name') == name) {
 selected.push(node);
 }
 node = node.nextElementSibling;
 }
 return selected;
-}
+};
 }
 var check_dependancies = function () {
 // This will check for the data dependancies
 if (typeof (jQuery) != "function") {
 }
 if (typeof (validateXML) != "function") {
 return false;
 }
 return true;
-}
+};
 var onload = function () {
 // Function called once the browser has loaded all files.
 // This should perform any initial commands such as structure / loading documents
 // Create a web audio API context
 // Fixed for cross-browser support
 var AudioContext = window.AudioContext || window.webkitAudioContext;
-audioContext = new AudioContext;
+audioContext = new AudioContext();
 // Create test state
 testState = new stateMachine();
 // Create the popup interface object
 // Define window callbacks for interface
 window.onresize = function (event) {
 interfaceContext.resizeWindow(event);
 };
-if (window.location.search.length != 0) {
+if (window.location.search.length !== 0) {
 var search = window.location.search.split('?')[1];
 // Now split the requests into pairs
 var searchQueries = search.split('&');
+var url;
 for (var i in searchQueries) {
 // Split each key-value pair
 searchQueries[i] = searchQueries[i].split('=');
 var key = searchQueries[i][0];
 var value = decodeURIComponent(searchQueries[i][1]);
 switch (key) {
 case "url":
 url = value;
+specification.url = url;
 break;
 case "returnURL":
 gReturnURL = value;
 break;
 case "saveFilenamePrefix":
 // Load the project document from the given URL, decode the XML and instruct audioEngine to get audio data
 // If url is null, request client to upload project XML document
 var xmlhttp = new XMLHttpRequest();
 xmlhttp.open("GET", 'xml/test-schema.xsd', true);
 xmlhttp.onload = function () {
-schemaXSD = xmlhttp.response;
+specification.processSchema(xmlhttp.response);
-var parse = new DOMParser();
-specification.schema = parse.parseFromString(xmlhttp.response, 'text/xml');
 var r = new XMLHttpRequest();
 r.open('GET', url, true);
 r.onload = function () {
 loadProjectSpecCallback(r.response);
 };
 msg.textContent = "FATAL ERROR";
 var span = document.createElement("p");
 span.textContent = "There was an error when loading your XML file. Please check your path in the URL. After the path to this page, there should be '?url=path/to/your/file.xml'. Check the spelling of your filename as well. If you are still having issues, check the log of the python server or your webserver distribution for 404 codes for your file.";
 document.getElementsByTagName('body')[0].appendChild(msg);
 document.getElementsByTagName('body')[0].appendChild(span);
-}
+};
 r.send();
 };
 xmlhttp.send();
-};
+}
 function loadProjectSpecCallback(response) {
 // Function called after asynchronous download of XML project specification
 //var decode = $.parseXML(response);
 //projectXML = $(decode);
 // Check if XML is new or a resumption
 var parse = new DOMParser();
 var responseDocument = parse.parseFromString(response, 'text/xml');
 var errorNode = responseDocument.getElementsByTagName('parsererror');
+var msg, span;
 if (errorNode.length >= 1) {
-var msg = document.createElement("h3");
+msg = document.createElement("h3");
 msg.textContent = "FATAL ERROR";
-var span = document.createElement("span");
+span = document.createElement("span");
 span.textContent = "The XML parser returned the following errors when decoding your XML file";
 document.getElementsByTagName('body')[0].innerHTML = null;
 document.getElementsByTagName('body')[0].appendChild(msg);
 document.getElementsByTagName('body')[0].appendChild(span);
 document.getElementsByTagName('body')[0].appendChild(errorNode[0]);
 return;
 }
-if (responseDocument == undefined || responseDocument.firstChild == undefined) {
+if (responseDocument === undefined || responseDocument.firstChild === undefined) {
-var msg = document.createElement("h3");
+msg = document.createElement("h3");
 msg.textContent = "FATAL ERROR";
-var span = document.createElement("span");
+span = document.createElement("span");
 span.textContent = "The project XML was not decoded properly, try refreshing your browser and clearing caches. If the problem persists, contact the test creator.";
 document.getElementsByTagName('body')[0].innerHTML = null;
 document.getElementsByTagName('body')[0].appendChild(msg);
 document.getElementsByTagName('body')[0].appendChild(span);
 return;
 // document is a specification
 // Perform XML schema validation
 var Module = {
 xml: response,
-schema: schemaXSD,
+schema: specification.getSchemaString(),
 arguments: ["--noout", "--schema", 'test-schema.xsd', 'document.xml']
 };
 projectXML = responseDocument;
 var xmllint = validateXML(Module);
 console.log(xmllint);
 if (xmllint != 'document.xml validates\n') {
 document.getElementsByTagName('body')[0].innerHTML = null;
-var msg = document.createElement("h3");
+msg = document.createElement("h3");
 msg.textContent = "FATAL ERROR";
-var span = document.createElement("h4");
+span = document.createElement("h4");
 span.textContent = "The XML validator returned the following errors when decoding your XML file";
 document.getElementsByTagName('body')[0].appendChild(msg);
 document.getElementsByTagName('body')[0].appendChild(span);
 xmllint = xmllint.split('\n');
 for (var i in xmllint) {
 document.getElementsByTagName('body')[0].appendChild(document.createElement('br'));
-var span = document.createElement("span");
+span = document.createElement("span");
 span.textContent = xmllint[i];
 document.getElementsByTagName('body')[0].appendChild(span);
 }
 return;
 }
 } else if (responseDocument.firstChild.nodeName == "waetresult") {
 // document is a result
 projectXML = document.implementation.createDocument(null, "waet");
 projectXML.firstChild.appendChild(responseDocument.getElementsByTagName('waet')[0].getElementsByTagName("setup")[0].cloneNode(true));
-var child = responseDocument.firstChild.firstChild;
+var child = responseDocument.firstChild.firstChild,
-while (child != null) {
+copy;
+while (child !== null) {
 if (child.nodeName == "survey") {
 // One of the global survey elements
 if (child.getAttribute("state") == "complete") {
 // We need to remove this survey from <setup>
 var location = child.getAttribute("location");
 var globalSurveys = projectXML.getElementsByTagName("setup")[0].getElementsByTagName("survey")[0];
-while (globalSurveys != null) {
+while (globalSurveys !== null) {
 if (location == "pre" || location == "before") {
 if (globalSurveys.getAttribute("location") == "pre" || globalSurveys.getAttribute("location") == "before") {
 projectXML.getElementsByTagName("setup")[0].removeChild(globalSurveys);
 break;
 }
 }
 globalSurveys = globalSurveys.nextElementSibling;
 }
 } else {
 // We need to complete this, so it must be regenerated by store
-var copy = child;
+copy = child;
 child = child.previousElementSibling;
 responseDocument.firstChild.removeChild(copy);
 }
 } else if (child.nodeName == "page") {
 if (child.getAttribute("state") == "empty") {
 // We need to complete this page
 projectXML.firstChild.appendChild(responseDocument.getElementById(child.getAttribute("ref")).cloneNode(true));
-var copy = child;
+copy = child;
 child = child.previousElementSibling;
 responseDocument.firstChild.removeChild(copy);
 }
 }
 child = child.nextElementSibling;
 specification.decode(projectXML);
 // Use the original
 storage.initialise(responseDocument);
 }
 /// CHECK FOR SAMPLE RATE COMPATIBILITY
-if (specification.sampleRate != undefined) {
+if (isFinite(specification.sampleRate)) {
 if (Number(specification.sampleRate) != audioContext.sampleRate) {
 var errStr = 'Sample rates do not match! Requested ' + Number(specification.sampleRate) + ', got ' + audioContext.sampleRate + '. Please set the sample rate to match before completing this test.';
 interfaceContext.lightbox.post("Error", errStr);
 return;
 }
 var getInterfaces = new XMLHttpRequest();
 getInterfaces.open("GET", "interfaces/interfaces.json");
 getInterfaces.onerror = function (e) {
 throw (e);
-}
+};
 getInterfaces.onload = function () {
 if (getInterfaces.status !== 200) {
 throw (new Error(getInterfaces.status));
 }
 // Get the current interface
 css.setAttribute("rel", "stylesheet");
 css.setAttribute("type", "text/css");
 css.setAttribute("href", v);
 head.appendChild(css);
 });
-}
+};
 getInterfaces.send();
-if (gReturnURL != undefined) {
+if (gReturnURL !== undefined) {
 console.log("returnURL Overide from " + specification.returnURL + " to " + gReturnURL);
 specification.returnURL = gReturnURL;
 }
-if (gSaveFilenamePrefix != undefined) {
+if (gSaveFilenamePrefix !== undefined) {
 specification.saveFilenamePrefix = gSaveFilenamePrefix;
 }
 // Create the audio engine object
 audioEngineContext = new AudioEngine(specification);
 if (specification.projectReturn.substr(0, 4) == "http") {
 projectReturn = specification.projectReturn;
 }
 }
 var saveURL = projectReturn + "php/save.php?key=" + storage.SessionKey.key + saveUrlSuffix;
-var xmlhttp = new XMLHttpRequest;
+var xmlhttp = new XMLHttpRequest();
 xmlhttp.open("POST", saveURL, true);
 xmlhttp.setRequestHeader('Content-Type', 'text/xml');
 xmlhttp.onerror = function () {
 console.log('Error saving file to server! Presenting download locally');
 createProjectSave("local");
 function samplesToSeconds(samples, fs) {
 return samples / fs;
 }
 function randomString(length) {
-var str = ""
+var str = "";
 for (var i = 0; i < length; i += 2) {
 var num = Math.floor(Math.random() * 1295);
 str += num.toString(36);
 }
 return str;
 // This takes an array of information and randomises the order
 var N = input.length;
 var inputSequence = []; // For safety purposes: keep track of randomisation
 for (var counter = 0; counter < N; ++counter)
-inputSequence.push(counter) // Fill array
+inputSequence.push(counter); // Fill array
 var inputSequenceClone = inputSequence.slice(0);
 var holdArr = [];
 var outputSequence = [];
 for (var n = 0; n < N; n++) {
 console.log(e);
 popup.buttonProceed.onclick();
 e.preventDefault();
 }
 });
+// Generators & Processors //
+function processConditional(node, value) {
+function jumpToId(jumpID) {
+var index = this.popupOptions.findIndex(function (item, index, element) {
+if (item.specification.id == jumpID) {
+return true;
+} else {
+return false;
+}
+}, this);
+this.currentIndex = index - 1;
+}
+var conditionFunction;
+if (node.specification.type === "question") {
+conditionFunction = processQuestionConditional;
+} else if (node.specification.type === "checkbox") {
+conditionFunction = processCheckboxConditional;
+} else if (node.specification.type === "radio") {
+conditionFunction = processRadioConditional;
+} else if (node.specification.type === "number") {
+conditionFunction = processNumberConditional;
+} else if (node.specification.type === "slider") {
+conditionFunction = processSliderConditional;
+} else {
+return;
+}
+for (var i = 0; i < node.specification.conditions.length; i++) {
+var condition = node.specification.conditions[i];
+var pass = conditionFunction(condition, value);
+var jumpID;
+if (pass) {
+jumpID = condition.jumpToOnPass;
+} else {
+jumpID = condition.jumpToOnFail;
+}
+if (jumpID !== undefined) {
+jumpToId.call(this, jumpID);
+break;
+}
+}
+}
+function postQuestion(node) {
+var textArea = document.createElement('textarea');
+switch (node.specification.boxsize) {
+case 'small':
+textArea.cols = "20";
+textArea.rows = "1";
+break;
+case 'normal':
+textArea.cols = "30";
+textArea.rows = "2";
+break;
+case 'large':
+textArea.cols = "40";
+textArea.rows = "5";
+break;
+case 'huge':
+textArea.cols = "50";
+textArea.rows = "10";
+break;
+}
+if (node.response === undefined) {
+node.response = "";
+} else {
+textArea.value = node.response;
+}
+this.popupResponse.appendChild(textArea);
+textArea.focus();
+this.popupResponse.style.textAlign = "center";
+this.popupResponse.style.left = "0%";
+}
+function processQuestionConditional(condition, value) {
+switch (condition.check) {
+case "equals":
+// Deliberately loose check
+if (value == condition.value) {
+return true;
+}
+break;
+case "greaterThan":
+case "lessThan":
+console.log("Survey Element of type 'question' cannot interpret greaterThan/lessThan conditions. IGNORING");
+break;
+case "contains":
+if (value.includes(condition.value)) {
+return true;
+}
+break;
+}
+return false;
+}
+function processQuestion(node) {
+var textArea = this.popupResponse.getElementsByTagName("textarea")[0];
+if (node.specification.mandatory === true && textArea.value.length === 0) {
+interfaceContext.lightbox.post("Error", "This question is mandatory");
+return false;
+}
+// Save the text content
+console.log("Question: " + node.specification.statement);
+console.log("Question Response: " + textArea.value);
+node.response = textArea.value;
+processConditional.call(this, node, textArea.value);
+return true;
+}
+function postCheckbox(node) {
+if (node.response === undefined) {
+node.response = Array(node.specification.options.length);
+}
+var table = document.createElement("table");
+table.className = "popup-option-list";
+table.border = "0";
+node.response = [];
+node.specification.options.forEach(function (option, index) {
+var tr = document.createElement("tr");
+table.appendChild(tr);
+var td = document.createElement("td");
+tr.appendChild(td);
+var input = document.createElement('input');
+input.id = option.name;
+input.type = 'checkbox';
+td.appendChild(input);
+td = document.createElement("td");
+tr.appendChild(td);
+var span = document.createElement('span');
+span.textContent = option.text;
+td.appendChild(span);
+tr = document.createElement('div');
+tr.setAttribute('name', 'option');
+tr.className = "popup-option-checbox";
+if (node.response[index] !== undefined) {
+if (node.response[index].checked === true) {
+input.checked = "true";
+}
+}
+index++;
+});
+this.popupResponse.appendChild(table);
+}
+function processCheckbox(node) {
+console.log("Checkbox: " + node.specification.statement);
+var inputs = this.popupResponse.getElementsByTagName('input');
+node.response = [];
+var numChecked = 0,
+i;
+for (i = 0; i < node.specification.options.length; i++) {
+if (inputs[i].checked) {
+numChecked++;
+}
+}
+if (node.specification.min !== undefined) {
+if (node.specification.max === undefined) {
+if (numChecked < node.specification.min) {
+var msg = "You must select at least " + node.specification.min + " option";
+if (node.specification.min > 1) {
+msg += "s";
+}
+interfaceContext.lightbox.post("Error", msg);
+return;
+}
+} else {
+if (numChecked < node.specification.min || numChecked > node.specification.max) {
+if (node.specification.min == node.specification.max) {
+interfaceContext.lightbox.post("Error", "You must only select " + node.specification.min);
+} else {
+interfaceContext.lightbox.post("Error", "You must select between " + node.specification.min + " and " + node.specification.max);
+}
+return false;
+}
+}
+}
+for (i = 0; i < node.specification.options.length; i++) {
+node.response.push({
+name: node.specification.options[i].name,
+text: node.specification.options[i].text,
+checked: inputs[i].checked
+});
+console.log(node.specification.options[i].name + ": " + inputs[i].checked);
+}
+processConditional.call(this, node, node.response);
+return true;
+}
+function processCheckboxConditional(condition, response) {
+switch (condition.check) {
+case "contains":
+for (var i = 0; i < response.length; i++) {
+var value = response[i];
+if (value.name === condition.value && value.checked) {
+return true;
+}
+}
+break;
+case "equals":
+case "greaterThan":
+case "lessThan":
+console.log("Survey Element of type 'checkbox' cannot interpret equals/greaterThan/lessThan conditions. IGNORING");
+break;
+default:
+console.log("Unknown condition. IGNORING");
+break;
+}
+return false;
+}
+function postRadio(node) {
+if (node.response === null) {
+node.response = {
+name: "",
+text: ""
+};
+}
+var table = document.createElement("table");
+table.className = "popup-option-list";
+table.border = "0";
+if (node.response === null || node.response.length === 0) {
+node.response = [];
+}
+node.specification.options.forEach(function (option, index) {
+var tr = document.createElement("tr");
+table.appendChild(tr);
+var td = document.createElement("td");
+tr.appendChild(td);
+var input = document.createElement('input');
+input.id = option.name;
+input.type = 'radio';
+input.name = node.specification.id;
+td.appendChild(input);
+td = document.createElement("td");
+tr.appendChild(td);
+var span = document.createElement('span');
+span.textContent = option.text;
+td.appendChild(span);
+tr = document.createElement('div');
+tr.setAttribute('name', 'option');
+tr.className = "popup-option-checbox";
+table.appendChild(tr);
+});
+this.popupResponse.appendChild(table);
+}
+function processRadio(node) {
+var optHold = this.popupResponse;
+console.log("Radio: " + node.specification.statement);
+node.response = null;
+var i = 0;
+var inputs = optHold.getElementsByTagName('input');
+while (node.response === null) {
+if (i == inputs.length) {
+if (node.specification.mandatory === true) {
+interfaceContext.lightbox.post("Error", "Please select one option");
+return false;
+}
+break;
+}
+if (inputs[i].checked === true) {
+node.response = node.specification.options[i];
+console.log("Selected: " + node.specification.options[i].name);
+}
+i++;
+}
+processConditional.call(this, node, node.response);
+return true;
+}
+function processRadioConditional(condition, response) {
+switch (condition.check) {
+case "equals":
+if (response === condition.value) {
+return true;
+}
+break;
+case "contains":
+case "greaterThan":
+case "lessThan":
+console.log("Survey Element of type 'radio' cannot interpret contains/greaterThan/lessThan conditions. IGNORING");
+break;
+default:
+console.log("Unknown condition. IGNORING");
+break;
+}
+return false;
+}
+function postNumber(node) {
+var input = document.createElement('input');
+input.type = 'textarea';
+if (node.specification.min !== null) {
+input.min = node.specification.min;
+}
+if (node.specification.max !== null) {
+input.max = node.specification.max;
+}
+if (node.specification.step !== null) {
+input.step = node.specification.step;
+}
+if (node.response !== undefined) {
+input.value = node.response;
+}
+this.popupResponse.appendChild(input);
+this.popupResponse.style.textAlign = "center";
+this.popupResponse.style.left = "0%";
+}
+function processNumber(node) {
+var input = this.popupContent.getElementsByTagName('input')[0];
+if (node.mandatory === true && input.value.length === 0) {
+interfaceContext.lightbox.post("Error", 'This question is mandatory. Please enter a number');
+return false;
+}
+var enteredNumber = Number(input.value);
+if (isNaN(enteredNumber)) {
+interfaceContext.lightbox.post("Error", 'Please enter a valid number');
+return false;
+}
+if (enteredNumber < node.min && node.min !== null) {
+interfaceContext.lightbox.post("Error", 'Number is below the minimum value of ' + node.min);
+return false;
+}
+if (enteredNumber > node.max && node.max !== null) {
+interfaceContext.lightbox.post("Error", 'Number is above the maximum value of ' + node.max);
+return false;
+}
+node.response = input.value;
+processConditional.call(this, node, node.response);
+return true;
+}
+function processNumberConditional(condtion, value) {
+var condition = condition;
+switch (condition.check) {
+case "greaterThan":
+if (value > Number(condition.value)) {
+return true;
+}
+break;
+case "lessThan":
+if (value < Number(condition.value)) {
+return true;
+}
+break;
+case "equals":
+if (value == condition.value) {
+return true;
+}
+break;
+case "contains":
+console.log("Survey Element of type 'number' cannot interpret \"contains\" conditions. IGNORING");
+break;
+default:
+console.log("Unknown condition. IGNORING");
+break;
+}
+return false;
+}
+function postVideo(node) {
+var video = document.createElement("video");
+video.src = node.specification.url;
+this.popupResponse.appendChild(video);
+}
+function postYoutube(node) {
+var iframe = document.createElement("iframe");
+iframe.className = "youtube";
+iframe.src = node.specification.url;
+this.popupResponse.appendChild(iframe);
+}
+function postSlider(node) {
+var hold = document.createElement('div');
+var input = document.createElement('input');
+input.type = 'range';
+input.style.width = "90%";
+if (node.specification.min !== null) {
+input.min = node.specification.min;
+}
+if (node.specification.max !== null) {
+input.max = node.specification.max;
+}
+if (node.response !== undefined) {
+input.value = node.response;
+}
+hold.className = "survey-slider-text-holder";
+var minText = document.createElement('span');
+var maxText = document.createElement('span');
+minText.textContent = node.specification.leftText;
+maxText.textContent = node.specification.rightText;
+hold.appendChild(minText);
+hold.appendChild(maxText);
+this.popupResponse.appendChild(input);
+this.popupResponse.appendChild(hold);
+this.popupResponse.style.textAlign = "center";
+}
+function processSlider(node) {
+var input = this.popupContent.getElementsByTagName('input')[0];
+node.response = input.value;
+processConditional.call(this, node, node.response);
+return true;
+}
+function processSliderConditional(condition, value) {
+switch (condition.check) {
+case "contains":
+console.log("Survey Element of type 'number' cannot interpret contains conditions. IGNORING");
+break;
+case "greaterThan":
+if (value > Number(condition.value)) {
+return true;
+}
+break;
+case "lessThan":
+if (value < Number(condition.value)) {
+return true;
+}
+break;
+case "equals":
+if (value == condition.value) {
+return true;
+}
+break;
+default:
+console.log("Unknown condition. IGNORING");
+break;
+}
+return false;
+}
 this.createPopup = function () {
 // Create popup window interface
 var insertPoint = document.getElementById("topLevelBody");
 this.hidePopup();
 this.popup.style.visibility = 'hidden';
 };
 this.showPopup = function () {
-if (this.popup == null) {
+if (this.popup === null) {
 this.createPopup();
 }
 this.popup.style.visibility = 'visible';
 var blank = document.getElementsByClassName('testHalt')[0];
 blank.style.visibility = 'visible';
 p = new DOMParser();
 this.popupResponse.innerHTML = "";
 this.popupTitle.innerHTML = "";
 this.popupTitle.appendChild(p.parseFromString(converter.makeHtml(node.specification.statement), "text/html").getElementsByTagName("body")[0].firstElementChild);
 if (node.specification.type == 'question') {
-var textArea = document.createElement('textarea');
+postQuestion.call(this, node);
-switch (node.specification.boxsize) {
-case 'small':
-textArea.cols = "20";
-textArea.rows = "1";
-break;
-case 'normal':
-textArea.cols = "30";
-textArea.rows = "2";
-break;
-case 'large':
-textArea.cols = "40";
-textArea.rows = "5";
-break;
-case 'huge':
-textArea.cols = "50";
-textArea.rows = "10";
-break;
-}
-if (node.response == undefined) {
-node.response = "";
-} else {
-textArea.value = node.response;
-}
-this.popupResponse.appendChild(textArea);
-textArea.focus();
-this.popupResponse.style.textAlign = "center";
-this.popupResponse.style.left = "0%";
 } else if (node.specification.type == 'checkbox') {
-if (node.response == undefined) {
+postCheckbox.call(this, node);
-node.response = Array(node.specification.options.length);
-}
-var index = 0;
-var table = document.createElement("table");
-table.className = "popup-option-list";
-table.border = "0";
-for (var option of node.specification.options) {
-var tr = document.createElement("tr");
-table.appendChild(tr);
-var td = document.createElement("td");
-tr.appendChild(td);
-var input = document.createElement('input');
-input.id = option.name;
-input.type = 'checkbox';
-td.appendChild(input);
-td = document.createElement("td");
-tr.appendChild(td);
-var span = document.createElement('span');
-span.textContent = option.text;
-td.appendChild(span);
-var tr = document.createElement('div');
-tr.setAttribute('name', 'option');
-tr.className = "popup-option-checbox";
-if (node.response[index] != undefined) {
-if (node.response[index].checked == true) {
-input.checked = "true";
-}
-}
-index++;
-}
-this.popupResponse.appendChild(table);
 } else if (node.specification.type == 'radio') {
-if (node.response == undefined) {
+postRadio.call(this, node);
-node.response = {
-name: "",
-text: ""
-};
-}
-var index = 0;
-var table = document.createElement("table");
-table.className = "popup-option-list";
-table.border = "0";
-for (var option of node.specification.options) {
-var tr = document.createElement("tr");
-table.appendChild(tr);
-var td = document.createElement("td");
-tr.appendChild(td);
-var input = document.createElement('input');
-input.id = option.name;
-input.type = 'radio';
-input.name = node.specification.id;
-td.appendChild(input);
-td = document.createElement("td");
-tr.appendChild(td);
-var span = document.createElement('span');
-span.textContent = option.text;
-td.appendChild(span);
-var tr = document.createElement('div');
-tr.setAttribute('name', 'option');
-tr.className = "popup-option-checbox";
-if (node.response[index] != undefined) {
-if (node.response[index].checked == true) {
-input.checked = "true";
-}
-}
-index++;
-}
-this.popupResponse.appendChild(table);
 } else if (node.specification.type == 'number') {
-var input = document.createElement('input');
+postNumber.call(this, node);
-input.type = 'textarea';
-if (node.specification.min != null) {
-input.min = node.specification.min;
-}
-if (node.specification.max != null) {
-input.max = node.specification.max;
-}
-if (node.specification.step != null) {
-input.step = node.specification.step;
-}
-if (node.response != undefined) {
-input.value = node.response;
-}
-this.popupResponse.appendChild(input);
-this.popupResponse.style.textAlign = "center";
-this.popupResponse.style.left = "0%";
 } else if (node.specification.type == "video") {
-var video = document.createElement("video");
+postVideo.call(this, node);
-video.src = node.specification.url;
-this.popupResponse.appendChild(video);
 } else if (node.specification.type == "youtube") {
-var iframe = document.createElement("iframe");
+postYoutube.call(this, node);
-iframe.className = "youtube";
-iframe.src = node.specification.url;
-this.popupResponse.appendChild(iframe);
 } else if (node.specification.type == "slider") {
-var hold = document.createElement('div');
+postSlider.call(this, node);
-var input = document.createElement('input');
-input.type = 'range';
-input.style.width = "90%";
-if (node.specification.min != null) {
-input.min = node.specification.min;
-}
-if (node.specification.max != null) {
-input.max = node.specification.max;
-}
-if (node.response != undefined) {
-input.value = node.response;
-}
-hold.className = "survey-slider-text-holder";
-var minText = document.createElement('span');
-var maxText = document.createElement('span');
-minText.textContent = node.specification.leftText;
-maxText.textContent = node.specification.rightText;
-hold.appendChild(minText);
-hold.appendChild(maxText);
-this.popupResponse.appendChild(input);
-this.popupResponse.appendChild(hold);
-this.popupResponse.style.textAlign = "center";
 }
 if (this.currentIndex + 1 == this.popupOptions.length) {
 if (this.node.location == "pre") {
 this.buttonProceed.textContent = 'Start';
 } else {
 // initialise the popup procedure.
 if (node.options.length > 0) {
 this.popupOptions = [];
 this.node = node;
 this.store = store;
-for (var opt of node.options) {
+node.options.forEach(function (opt) {
 this.popupOptions.push({
 specification: opt,
 response: null
 });
-}
+}, this);
 this.currentIndex = 0;
 this.showPopup();
 this.postNode();
 } else {
 advanceState();
 }
 };
 this.proceedClicked = function () {
 // Each time the popup button is clicked!
-if (testState.stateIndex == 0 && specification.calibration) {
+if (testState.stateIndex === 0 && specification.calibration) {
 interfaceContext.calibrationModuleObject.collect();
 advanceState();
 return;
 }
-var node = this.popupOptions[this.currentIndex];
+var node = this.popupOptions[this.currentIndex],
+pass = true;
 if (node.specification.type == 'question') {
 // Must extract the question data
-var textArea = $(popup.popupContent).find('textarea')[0];
+pass = processQuestion.call(this, node);
-if (node.specification.mandatory == true && textArea.value.length == 0) {
-interfaceContext.lightbox.post("Error", "This question is mandatory");
-return;
-} else {
-// Save the text content
-console.log("Question: " + node.specification.statement);
-console.log("Question Response: " + textArea.value);
-node.response = textArea.value;
-}
-// Perform the conditional
-for (var condition of node.specification.conditions) {
-var pass = false;
-switch (condition.check) {
-case "equals":
-if (textArea.value == condition.value) {
-pass = true;
-}
-break;
-case "greaterThan":
-case "lessThan":
-console.log("Survey Element of type 'question' cannot interpret greaterThan/lessThan conditions. IGNORING");
-break;
-case "contains":
-if (textArea.value.includes(condition.value)) {
-pass = true;
-}
-break;
-}
-var jumpID;
-if (pass) {
-jumpID = condition.jumpToOnPass;
-} else {
-jumpID = condition.jumpToOnFail;
-}
-if (jumpID != undefined) {
-var index = this.popupOptions.findIndex(function (item, index, element) {
-if (item.specification.id == jumpID) {
-return true;
-} else {
-return false;
-}
-}, this);
-this.currentIndex = index - 1;
-break;
-}
-}
 } else if (node.specification.type == 'checkbox') {
 // Must extract checkbox data
-console.log("Checkbox: " + node.specification.statement);
+pass = processCheckbox.call(this, node);
-var inputs = this.popupResponse.getElementsByTagName('input');
+} else if (node.specification.type == "radio") {
-node.response = [];
-var numChecked = 0;
-for (var i = 0; i < node.specification.options.length; i++) {
-if (inputs[i].checked) {
-numChecked++;
-}
-}
-if (node.specification.min != undefined) {
-if (node.specification.max == undefined) {
-if (numChecked < node.specification.min) {
-var msg = "You must select at least " + node.specification.min + " option";
-if (node.specification.min > 1) {
-msg += "s";
-}
-interfaceContext.lightbox.post("Error", msg);
-return;
-}
-} else {
-if (numChecked < node.specification.min || numChecked > node.specification.max) {
-if (node.specification.min == node.specification.max) {
-interfaceContext.lightbox.post("Error", "You must only select " + node.specification.min);
-} else {
-interfaceContext.lightbox.post("Error", "You must select between " + node.specification.min + " and " + node.specification.max);
-}
-return;
-}
-}
-}
-for (var i = 0; i < node.specification.options.length; i++) {
-node.response.push({
-name: node.specification.options[i].name,
-text: node.specification.options[i].text,
-checked: inputs[i].checked
-});
-console.log(node.specification.options[i].name + ": " + inputs[i].checked);
-}
 // Perform the conditional
-for (var condition of node.specification.conditions) {
+pass = processRadio.call(this, node);
-var pass = false;
+} else if (node.specification.type == "number") {
-switch (condition.check) {
-case "equals":
-case "greaterThan":
-case "lessThan":
-console.log("Survey Element of type 'checkbox' cannot interpret equals/greaterThan/lessThan conditions. IGNORING");
-break;
-case "contains":
-for (var response of node.response) {
-if (response.name == condition.value && response.checked) {
-pass = true;
-break;
-}
-}
-break;
-}
-var jumpID;
-if (pass) {
-jumpID = condition.jumpToOnPass;
-} else {
-jumpID = condition.jumpToOnFail;
-}
-if (jumpID != undefined) {
-var index = this.popupOptions.findIndex(function (item, index, element) {
-if (item.specification.id == jumpID) {
-return true;
-} else {
-return false;
-}
-}, this);
-this.currentIndex = index - 1;
-break;
-}
-}
-} else if (node.specification.type == "radio") {
-var optHold = this.popupResponse;
-console.log("Radio: " + node.specification.statement);
-node.response = null;
-var i = 0;
-var inputs = optHold.getElementsByTagName('input');
-while (node.response == null) {
-if (i == inputs.length) {
-if (node.specification.mandatory == true) {
-interfaceContext.lightbox.post("Error", "Please select one option");
-return;
-}
-break;
-}
-if (inputs[i].checked == true) {
-node.response = node.specification.options[i];
-console.log("Selected: " + node.specification.options[i].name);
-}
-i++;
-}
 // Perform the conditional
-for (var condition of node.specification.conditions) {
+pass = processNumber.call(this, node);
-var pass = false;
-switch (condition.check) {
-case "contains":
-case "greaterThan":
-case "lessThan":
-console.log("Survey Element of type 'radio' cannot interpret contains/greaterThan/lessThan conditions. IGNORING");
-break;
-case "equals":
-if (node.response.name == condition.value) {
-pass = true;
-}
-break;
-}
-var jumpID;
-if (pass) {
-jumpID = condition.jumpToOnPass;
-} else {
-jumpID = condition.jumpToOnFail;
-}
-if (jumpID != undefined) {
-var index = this.popupOptions.findIndex(function (item, index, element) {
-if (item.specification.id == jumpID) {
-return true;
-} else {
-return false;
-}
-}, this);
-this.currentIndex = index - 1;
-break;
-}
-}
-} else if (node.specification.type == "number") {
-var input = this.popupContent.getElementsByTagName('input')[0];
-if (node.mandatory == true && input.value.length == 0) {
-interfaceContext.lightbox.post("Error", 'This question is mandatory. Please enter a number');
-return;
-}
-var enteredNumber = Number(input.value);
-if (isNaN(enteredNumber)) {
-interfaceContext.lightbox.post("Error", 'Please enter a valid number');
-return;
-}
-if (enteredNumber < node.min && node.min != null) {
-interfaceContext.lightbox.post("Error", 'Number is below the minimum value of ' + node.min);
-return;
-}
-if (enteredNumber > node.max && node.max != null) {
-interfaceContext.lightbox.post("Error", 'Number is above the maximum value of ' + node.max);
-return;
-}
-node.response = input.value;
-// Perform the conditional
-for (var condition of node.specification.conditions) {
-var pass = false;
-switch (condition.check) {
-case "contains":
-console.log("Survey Element of type 'number' cannot interpret contains conditions. IGNORING");
-break;
-case "greaterThan":
-if (node.response > Number(condition.value)) {
-pass = true;
-}
-break;
-case "lessThan":
-if (node.response < Number(condition.value)) {
-pass = true;
-}
-break;
-case "equals":
-if (node.response == condition.value) {
-pass = true;
-}
-break;
-}
-var jumpID;
-if (pass) {
-jumpID = condition.jumpToOnPass;
-} else {
-jumpID = condition.jumpToOnFail;
-}
-if (jumpID != undefined) {
-var index = this.popupOptions.findIndex(function (item, index, element) {
-if (item.specification.id == jumpID) {
-return true;
-} else {
-return false;
-}
-}, this);
-this.currentIndex = index - 1;
-break;
-}
-}
 } else if (node.specification.type == 'slider') {
-var input = this.popupContent.getElementsByTagName('input')[0];
+pass = processSlider.call(this, node);
-node.response = input.value;
+}
-for (var condition of node.specification.conditions) {
+if (pass === false) {
-var pass = false;
+return;
-switch (condition.check) {
-case "contains":
-console.log("Survey Element of type 'number' cannot interpret contains conditions. IGNORING");
-break;
-case "greaterThan":
-if (node.response > Number(condition.value)) {
-pass = true;
-}
-break;
-case "lessThan":
-if (node.response < Number(condition.value)) {
-pass = true;
-}
-break;
-case "equals":
-if (node.response == condition.value) {
-pass = true;
-}
-break;
-}
-var jumpID;
-if (pass) {
-jumpID = condition.jumpToOnPass;
-} else {
-jumpID = condition.jumpToOnFail;
-}
-if (jumpID != undefined) {
-var index = this.popupOptions.findIndex(function (item, index, element) {
-if (item.specification.id == jumpID) {
-return true;
-} else {
-return false;
-}
-}, this);
-this.currentIndex = index - 1;
-break;
-}
-}
 }
 this.currentIndex++;
 if (this.currentIndex < this.popupOptions.length) {
 this.postNode();
 } else {
 // Reached the end of the popupOptions
 this.popupTitle.innerHTML = "";
 this.popupResponse.innerHTML = "";
 this.hidePopup();
-for (var node of this.popupOptions) {
+this.popupOptions.forEach(function (node) {
 this.store.postResult(node);
-}
+}, this);
 this.store.complete();
 advanceState();
 }
 };
 }
 };
 this.resize = function (event) {
 // Called on window resize;
-if (this.popup != null) {
+if (this.popup !== null) {
 this.popup.style.left = (window.innerWidth / 2) - 250 + 'px';
 this.popup.style.top = (window.innerHeight / 2) - 125 + 'px';
 var blank = document.getElementsByClassName('testHalt')[0];
 blank.style.width = window.innerWidth;
 blank.style.height = window.innerHeight;
 }
 };
 this.hideNextButton = function () {
 this.buttonProceed.style.visibility = "hidden";
-}
+};
 this.hidePreviousButton = function () {
 this.buttonPrevious.style.visibility = "hidden";
-}
+};
 this.showNextButton = function () {
 this.buttonProceed.style.visibility = "visible";
-}
+};
 this.showPreviousButton = function () {
 this.buttonPrevious.style.visibility = "visible";
-}
+};
 }
 function advanceState() {
 // Just for complete clarity
 testState.advanceState();
 }
 function stateMachine() {
 // Object prototype for tracking and managing the test state
 function pickSubPool(pool, numElements) {
 // Assumes each element of pool has function "alwaysInclude"
 // First extract those excluded from picking process
 var picked = [];
 }
 });
 return picked.concat(randomSubArray(pool, numElements - picked.length));
 }
 this.stateMap = [];
 this.preTestSurvey = null;
 this.postTestSurvey = null;
 this.stateIndex = null;
 this.currentStateMap = null;
 this.currentStore = null;
 this.initialise = function () {
 // Get the data from Specification
 var pagePool = [];
-for (var page of specification.pages) {
+specification.pages.forEach(function(page){
 if (page.position !== null || page.alwaysInclude) {
 page.alwaysInclude = true;
 }
-pagePool.push(page)
+pagePool.push(page);
-}
+});
 if (specification.numPages > 0) {
 specification.randomiseOrder = true;
 pagePool = pickSubPool(pagePool, specification.numPages);
 }
 // Now get the order of pages
-var fixed = []
+var fixed = [];
-for (var page of pagePool) {
+pagePool.forEach(function(page){
 if (page.position !== null) {
 fixed.push(page);
 var i = pagePool.indexOf(page);
 pagePool.splice(i, 1);
 }
-}
+});
 if (specification.randomiseOrder) {
 pagePool = randomiseOrder(pagePool);
 }
 // Place in the correct order
-for (var page of fixed) {
+fixed.forEach(function(page) {
-pagePool.splice(page.position, 0, page)
+pagePool.splice(page.position, 0, page);
-}
+});
 // Now process the pages
 pagePool.forEach(function (page, i) {
 page.presentedId = i;
 this.stateMap.push(page);
-var elements = page.audioElements
+var elements = page.audioElements;
 if (page.poolSize > 0 || page.randomiseOrder) {
 page.randomiseOrder = true;
-if (page.poolSize == 0) {
+if (page.poolSize === 0) {
 page.poolSize = elements.length;
 }
 elements = pickSubPool(elements, page.poolSize);
 }
 if (page.randomiseOrder) {
 elements = randomiseOrder(elements);
 }
 page.audioElements = elements;
 storage.createTestPageStore(page);
 audioEngineContext.loadPageData(page);
-}, this)
+}, this);
-if (specification.preTest != null) {
+if (specification.preTest !== null) {
 this.preTestSurvey = specification.preTest;
 }
-if (specification.postTest != null) {
+if (specification.postTest !== null) {
 this.postTestSurvey = specification.postTest;
 }
 if (this.stateMap.length > 0) {
-if (this.stateIndex != null) {
+if (this.stateIndex !== null) {
 console.log('NOTE - State already initialise');
 }
 this.stateIndex = -2;
 console.log('Starting test...');
 } else {
 console.log('FATAL - StateMap not correctly constructed. EMPTY_STATE_MAP');
 }
 };
 this.advanceState = function () {
-if (this.stateIndex == null) {
+if (this.stateIndex === null) {
 this.initialise();
 }
 if (this.stateIndex > -2) {
 storage.update();
 }
 if (this.stateIndex == -2) {
 this.stateIndex++;
-if (this.preTestSurvey != null) {
+if (this.preTestSurvey !== undefined) {
 popup.initState(this.preTestSurvey, storage.globalPreTest);
 } else {
 this.advanceState();
 }
 } else if (this.stateIndex == -1) {
 }
 } else if (this.stateIndex == this.stateMap.length) {
 // All test pages complete, post test
 console.log('Ending test ...');
 this.stateIndex++;
-if (this.postTestSurvey == null) {
+if (this.postTestSurvey === undefined) {
 this.advanceState();
 } else {
 popup.initState(this.postTestSurvey, storage.globalPostTest);
 }
 } else if (this.stateIndex > this.stateMap.length) {
 createProjectSave(specification.projectReturn);
 } else {
 popup.hidePopup();
-if (this.currentStateMap == null) {
+if (this.currentStateMap === null) {
 this.currentStateMap = this.stateMap[this.stateIndex];
 // Find and extract the outside reference
 var elements = [],
 ref = [];
-var elem;
+var elem = this.currentStateMap.audioElements.pop();
-while (elem = this.currentStateMap.audioElements.pop()) {
+while (elem) {
 if (elem.type == "outside-reference") {
 ref.push(elem);
 } else {
 elements.push(elem);
 }
+elem = this.currentStateMap.audioElements.pop();
 }
 elements = elements.reverse();
 if (this.currentStateMap.randomiseOrder) {
 elements = randomiseOrder(elements);
 }
 this.currentStateMap.audioElements = elements.concat(ref);
 this.currentStore = storage.testPages[this.stateIndex];
-if (this.currentStateMap.preTest != null) {
+if (this.currentStateMap.preTest !== undefined) {
 this.currentStatePosition = 'pre';
 popup.initState(this.currentStateMap.preTest, storage.testPages[this.stateIndex].preTest);
 } else {
 this.currentStatePosition = 'test';
 }
 break;
 case 'test':
 this.currentStatePosition = 'post';
 // Save the data
 this.testPageCompleted();
-if (this.currentStateMap.postTest == null) {
+if (this.currentStateMap.postTest === undefined) {
 this.advanceState();
 return;
 } else {
 popup.initState(this.currentStateMap.postTest, storage.testPages[this.stateIndex].postTest);
 }
 case 'post':
 this.stateIndex++;
 this.currentStateMap = null;
 this.advanceState();
 break;
-};
+}
 }
 };
 this.testPageCompleted = function () {
 // Function called each time a test page has been completed
 testTime.textContent = audioEngineContext.timer.testDuration;
 metric.appendChild(testTime);
 }
 var audioObjects = audioEngineContext.audioObjects;
-for (var ao of audioEngineContext.audioObjects) {
+audioEngineContext.audioObjects.forEach(function (ao) {
 ao.exportXMLDOM();
-}
+});
-for (var element of interfaceContext.commentQuestions) {
+interfaceContext.commentQuestions.forEach(function (element) {
 element.exportXMLDOM(storePoint);
-}
+});
 pageXMLSave(storePoint.XMLDOM, this.currentStateMap);
 storePoint.complete();
 };
 this.getCurrentTestPage = function () {
 if (this.stateIndex >= 0 && this.stateIndex < this.stateMap.length) {
 return this.currentStateMap;
 } else {
 return null;
 }
-}
+};
 this.getCurrentTestPageStore = function () {
 if (this.stateIndex >= 0 && this.stateIndex < this.stateMap.length) {
 return this.currentStore;
 } else {
 return null;
 }
-}
+};
 }
 function AudioEngine(specification) {
 // Create two output paths, the main outputGain and fooGain.
 if (this.status >= 2) {
 this.status = 3;
 }
 for (var i = 0; i < this.users.length; i++) {
 this.users[i].state = 1;
-if (this.users[i].interfaceDOM != null) {
+if (this.users[i].interfaceDOM !== null) {
 this.users[i].bufferLoaded(this);
 }
 }
 };
 this.setUrls = function (obj) {
 if (urls[i].url == checkUrl) {
 return true;
 }
 }
 return false;
-}
+};
 this.getMedia = function () {
 var self = this;
 var currentUrlIndex = 0;
 function get(fqurl) {
 self.status = 2;
 calculateLoudness(self, "I");
 return true;
 }, function (e) {
 var waveObj = new WAVE();
-if (waveObj.open(response) == 0) {
+if (waveObj.open(response) === 0) {
 self.buffer = audioContext.createBuffer(waveObj.num_channels, waveObj.num_samples, waveObj.sample_rate);
 for (var c = 0; c < waveObj.num_channels; c++) {
 var buffer_ptr = self.buffer.getChannelData(c);
 for (var n = 0; n < waveObj.num_samples; n++) {
 buffer_ptr[n] = waveObj.decoded_data[c][n];
 }
 }
-delete waveObj;
 }
-if (self.buffer != undefined) {
+if (self.buffer !== undefined) {
 self.status = 2;
 calculateLoudness(self, "I");
 return true;
 }
+waveObj = undefined;
 return false;
 });
 }
 // Create callback for any error in loading
 function processError() {
 this.status = -1;
 for (var i = 0; i < this.users.length; i++) {
 this.users[i].state = -1;
-if (this.users[i].interfaceDOM != null) {
+if (this.users[i].interfaceDOM !== null) {
 this.users[i].bufferLoaded(this);
 }
 }
 interfaceContext.lightbox.post("Error", "Could not load resource " + urls[currentUrlIndex].url);
 }
 function progressCallback(event) {
 if (event.lengthComputable) {
 this.progress = event.loaded / event.total;
 for (var i = 0; i < this.users.length; i++) {
-if (this.users[i].interfaceDOM != null) {
+if (this.users[i].interfaceDOM !== null) {
 if (typeof this.users[i].interfaceDOM.updateLoading === "function") {
 this.users[i].interfaceDOM.updateLoading(this.progress * 100);
 }
 }
 }
 }
-};
+}
 this.progress = 0;
 this.status = 1;
 currentUrlIndex = 0;
 get(urls[0].url).then(processAudio.bind(self)).catch(getNextURL.bind(self));
 };
 this.registerAudioObject = function (audioObject) {
 // Called by an audioObject to register to the buffer for use
 // First check if already in the register pool
-for (var objects of this.users) {
+this.users.forEach(function (object) {
-if (audioObject.id == objects.id) {
+if (audioObject.id == object.id) {
 return 0;
 }
-}
+});
 this.users.push(audioObject);
 if (this.status == 3 || this.status == -1) {
 // The buffer is already ready, trigger bufferLoaded
 audioObject.bufferLoaded(this);
 }
 };
 this.copyBuffer = function (preSilenceTime, postSilenceTime) {
 // Copies the entire bufferObj.
-if (preSilenceTime == undefined) {
+if (preSilenceTime === undefined) {
 preSilenceTime = 0;
 }
-if (postSilenceTime == undefined) {
+if (postSilenceTime === undefined) {
 postSilenceTime = 0;
 }
 var preSilenceSamples = secondsToSamples(preSilenceTime, this.buffer.sampleRate);
 var postSilenceSamples = secondsToSamples(postSilenceTime, this.buffer.sampleRate);
 var newLength = this.buffer.length + preSilenceSamples + postSilenceSamples;
 var copybuffer = audioContext.createBuffer(this.buffer.numberOfChannels, newLength, this.buffer.sampleRate);
+var c;
 // Now we can use some efficient background copy schemes if we are just padding the end
-if (preSilenceSamples == 0 && typeof copybuffer.copyToChannel == "function") {
+if (preSilenceSamples === 0 && typeof copybuffer.copyToChannel === "function") {
-for (var c = 0; c < this.buffer.numberOfChannels; c++) {
+for (c = 0; c < this.buffer.numberOfChannels; c++) {
 copybuffer.copyToChannel(this.buffer.getChannelData(c), c);
 }
 } else {
-for (var c = 0; c < this.buffer.numberOfChannels; c++) {
+for (c = 0; c < this.buffer.numberOfChannels; c++) {
 var src = this.buffer.getChannelData(c);
 var dst = copybuffer.getChannelData(c);
 for (var n = 0; n < src.length; n++)
 dst[n + preSilenceSamples] = src[n];
 }
 }
 // Copy in the rest of the buffer information
 copybuffer.lufs = this.buffer.lufs;
 copybuffer.playbackGain = this.buffer.playbackGain;
 return copybuffer;
-}
+};
 this.cropBuffer = function (startTime, stopTime) {
 // Copy and return the cropped buffer
 var start_sample = Math.floor(startTime * this.buffer.sampleRate);
 var stop_sample = Math.floor(stopTime * this.buffer.sampleRate);
 for (var n = 0; n < newLength; n++)
 dst[n] = buffer[n + start_sample];
 }
 }
 return copybuffer;
-}
+};
 };
 this.loadPageData = function (page) {
 // Load the URL from pages
-for (var element of page.audioElements) {
+function loadAudioElementData(element) {
 var URL = page.hostURL + element.url;
-var buffer = null;
+var buffer = this.buffers.find(function (buffObj) {
-for (var buffObj of this.buffers) {
+return buffObj.hasUrl(URL);
-if (buffObj.hasUrl(URL)) {
+});
-buffer = buffObj;
+if (buffer === undefined) {
-break;
-}
-}
-if (buffer == null) {
 buffer = new this.bufferObj();
 var urls = [{
 url: URL,
 sampleRate: element.sampleRate
 }];
 buffer.setUrls(urls);
 buffer.getMedia();
 this.buffers.push(buffer);
 }
 }
-};
+page.audioElements.forEach(loadAudioElementData, this);
+};
+function playNormal(id) {
+var playTime = audioContext.currentTime + 0.1;
+var stopTime = playTime + specification.crossFade;
+this.audioObjects.forEach(function (ao) {
+if (ao.id === id) {
+ao.play(playTime);
+} else {
+ao.stop(stopTime);
+}
+});
+}
+function playLoopSync(id) {
+var playTime = audioContext.currentTime + 0.1;
+var stopTime = playTime + specification.crossFade;
+this.audioObjects.forEach(function (ao) {
+ao.play(playTime);
+if (ao.id === id) {
+ao.loopStart(playTime);
+} else {
+ao.loopStop(stopTime);
+}
+});
+}
 this.play = function (id) {
 // Start the timer and set the audioEngine state to playing (1)
-if (this.status == 0) {
+if (typeof id !== "number" || id < 0 || id > this.audioObjects.length) {
-// Check if all audioObjects are ready
+throw ('FATAL - Passed id was undefined - AudioEngineContext.play(id)');
-this.bufferReady(id);
+}
-} else {
+if (this.status === 1) {
-this.status = 1;
-}
-if (this.status == 1) {
 this.timer.startTest();
-if (id == undefined) {
+interfaceContext.playhead.setTimePerPixel(this.audioObjects[id]);
-id = -1;
-console.error('FATAL - Passed id was undefined - AudioEngineContext.play(id)');
-return;
-} else {
-interfaceContext.playhead.setTimePerPixel(this.audioObjects[id]);
-}
-var setTime = audioContext.currentTime;
 if (this.synchPlayback && this.loopPlayback) {
 // Traditional looped playback
-for (var i = 0; i < this.audioObjects.length; i++) {
+playLoopSync.call(this, id);
-this.audioObjects[i].play(audioContext.currentTime);
-if (id == i) {
-this.audioObjects[i].loopStart(setTime);
-} else {
-this.audioObjects[i].loopStop(setTime + specification.crossFade);
-}
-}
 } else {
-for (var i = 0; i < this.audioObjects.length; i++) {
+if (this.bufferReady(id) === false) {
-if (i != id) {
+console.log("Cannot play. Buffer not ready");
-this.audioObjects[i].stop(setTime + specification.crossFade);
+return;
-} else if (i == id) {
+}
-this.audioObjects[id].play(setTime);
+playNormal.call(this, id);
-}
-}
 }
 interfaceContext.playhead.start();
 }
 };
 this.stop = function () {
 // Send stop and reset command to all playback buffers
 if (this.status == 1) {
 var setTime = audioContext.currentTime + 0.1;
-for (var i = 0; i < this.audioObjects.length; i++) {
+this.audioObjects.forEach(function (a) {
-this.audioObjects[i].stop(setTime);
+a.stop(setTime);
-}
+});
 interfaceContext.playhead.stop();
 }
 };
 this.newTrack = function (element) {
 // Pull data from given URL into new audio buffer
 // URLs must either be from the same source OR be setup to 'Access-Control-Allow-Origin'
 // Create the audioObject with ID of the new track length;
-audioObjectId = this.audioObjects.length;
+var audioObjectId = this.audioObjects.length;
 this.audioObjects[audioObjectId] = new audioObject(audioObjectId);
 // Check if audioObject buffer is currently stored by full URL
 var URL = testState.currentStateMap.hostURL + element.url;
-var buffer = null;
+var buffer = this.buffers.find(function (buffObj) {
-for (var i = 0; i < this.buffers.length; i++) {
+return buffObj.hasUrl(URL);
-if (this.buffers[i].hasUrl(URL)) {
+});
-buffer = this.buffers[i];
+if (buffer === undefined) {
-break;
-}
-}
-if (buffer == null) {
 console.log("[WARN]: Buffer was not loaded in pre-test! " + URL);
 buffer = new this.bufferObj();
 this.buffers.push(buffer);
 buffer.getMedia(URL);
 }
 this.pageStore = store;
 this.pageSpecification = audioHolderObject;
 this.status = 0;
 this.audioObjectsReady = false;
 this.metric.reset();
-for (var i = 0; i < this.buffers.length; i++) {
+this.buffers.forEach(function (buffer) {
-this.buffers[i].users = [];
+buffer.users = [];
-}
+});
 this.audioObjects = [];
 this.timer = new timer();
 this.loopPlayback = audioHolderObject.loop;
 this.synchPlayback = audioHolderObject.synchronous;
 };
 this.checkAllPlayed = function () {
-arr = [];
+var arr = [];
 for (var id = 0; id < this.audioObjects.length; id++) {
-if (this.audioObjects[id].metric.wasListenedTo == false) {
+if (this.audioObjects[id].metric.wasListenedTo === false) {
 arr.push(this.audioObjects[id].id);
 }
 }
 return arr;
 };
 this.checkAllReady = function () {
 var ready = true;
 for (var i = 0; i < this.audioObjects.length; i++) {
-if (this.audioObjects[i].state == 0) {
+if (this.audioObjects[i].state === 0) {
 // Track not ready
 console.log('WAIT -- audioObject ' + i + ' not ready yet!');
 ready = false;
-};
+}
 }
 return ready;
 };
 this.setSynchronousLoop = function () {
 duration = this.audioObjects[i].buffer.buffer.duration;
 maxId = i;
 }
 }
 // Extract the audio and zero-pad
-for (var ao of this.audioObjects) {
+this.audioObjects.forEach(function (ao) {
 if (ao.buffer.buffer.duration !== duration) {
 ao.buffer.buffer = ao.buffer.copyBuffer(0, duration - ao.buffer.buffer.duration);
 }
-}
+});
 };
 this.bufferReady = function (id) {
 if (this.checkAllReady()) {
 if (this.synchPlayback) {
 }
 this.status = 1;
 return true;
 }
 return false;
-}
-this.exportXML = function () {
 };
 }
 function audioObject(id) {
 // The main buffer object with common control nodes to the AudioEngine
-this.specification;
+this.specification = undefined;
 this.id = id;
 this.state = 0; // 0 - no data, 1 - ready
 this.url = null; // Hold the URL given for the output back to the results.
 this.metric = new metricTracker(this);
 this.storeDOM = null;
 this.outputGain.connect(audioEngineContext.outputGain);
 audioEngineContext.nullBufferSource.connect(this.outputGain);
 // the audiobuffer is not designed for multi-start playback
 // When stopeed, the buffer node is deleted and recreated with the stored buffer.
-this.buffer;
+this.buffer = undefined;
 this.bufferLoaded = function (callee) {
 // Called by the associated buffer when it has finished loading, will then 'bind' the buffer to the
 // audioObject and trigger the interfaceDOM.enable() function for user feedback
 if (callee.status == -1) {
 // ERROR
 this.state = -1;
-if (this.interfaceDOM != null) {
+if (this.interfaceDOM !== null) {
 this.interfaceDOM.error();
 }
 this.buffer = callee;
 return;
 }
 var startTime = this.specification.startTime;
 var stopTime = this.specification.stopTime;
 var copybuffer = new callee.constructor();
 copybuffer.buffer = callee.cropBuffer(startTime || 0, stopTime || callee.buffer.duration);
-if (preSilenceTime != 0 || postSilenceTime != 0) {
+if (preSilenceTime !== 0 || postSilenceTime !== 0) {
 copybuffer.buffer = copybuffer.copyBuffer(preSilenceTime, postSilenceTime);
 }
 copybuffer.buffer.lufs = callee.buffer.lufs;
 this.buffer = copybuffer;
 if (typeof targetLUFS === "number" && isFinite(targetLUFS)) {
 this.buffer.buffer.playbackGain = decibelToLinear(targetLUFS - this.buffer.buffer.lufs);
 } else {
 this.buffer.buffer.playbackGain = 1.0;
 }
-if (this.interfaceDOM != null) {
+if (this.interfaceDOM !== null) {
 this.interfaceDOM.enable();
 }
 this.onplayGain = decibelToLinear(this.specification.gain) * (this.buffer.buffer.playbackGain || 1.0);
 this.storeDOM.setAttribute('playGain', linearToDecibel(this.onplayGain));
 this.state = 1;
 this.metric.startListening(audioEngineContext.timer.getTestTime());
 this.interfaceDOM.startPlayback();
 };
 this.loopStop = function (setTime) {
-if (this.outputGain.gain.value != 0.0) {
+if (this.outputGain.gain.value !== 0.0) {
 this.outputGain.gain.linearRampToValueAtTime(0.0, setTime);
 this.metric.stopListening(audioEngineContext.timer.getTestTime());
 }
 this.interfaceDOM.stopPlayback();
 };
 this.play = function (startTime) {
-if (this.bufferNode == undefined && this.buffer.buffer != undefined) {
+if (this.bufferNode === undefined && this.buffer.buffer !== undefined) {
 this.bufferNode = audioContext.createBufferSource();
 this.bufferNode.owner = this;
 this.bufferNode.connect(this.outputGain);
 this.bufferNode.buffer = this.buffer.buffer;
 this.bufferNode.loop = audioEngineContext.loopPlayback;
 this.bufferNode.onended = function (event) {
 // Safari does not like using 'this' to reference the calling object!
 //event.currentTarget.owner.metric.stopListening(audioEngineContext.timer.getTestTime(),event.currentTarget.owner.getCurrentPosition());
-if (event.currentTarget != null) {
+if (event.currentTarget !== null) {
 event.currentTarget.owner.stop(audioContext.currentTime + 1);
 }
 };
 this.outputGain.gain.cancelScheduledValues(audioContext.currentTime);
 if (!audioEngineContext.loopPlayback || !audioEngineContext.synchPlayback) {
 }
 };
 this.stop = function (stopTime) {
 this.outputGain.gain.cancelScheduledValues(audioContext.currentTime);
-if (this.bufferNode != undefined) {
+if (this.bufferNode !== undefined) {
 this.metric.stopListening(audioEngineContext.timer.getTestTime(), this.getCurrentPosition());
 this.bufferNode.stop(stopTime);
 this.bufferNode = undefined;
 }
 this.outputGain.gain.linearRampToValueAtTime(0.0, stopTime);
 this.interfaceDOM.stopPlayback();
 };
 this.getCurrentPosition = function () {
 var time = audioEngineContext.timer.getTestTime();
-if (this.bufferNode != undefined) {
+if (this.bufferNode !== undefined) {
 var position = (time - this.bufferNode.playbackStartTime) % this.buffer.buffer.duration;
 if (isNaN(position)) {
 return 0;
 }
 return position;
 file.setAttribute('sampleCount', this.buffer.buffer.length);
 file.setAttribute('duration', this.buffer.buffer.duration);
 this.storeDOM.appendChild(file);
 if (this.specification.type != 'outside-reference') {
 var interfaceXML = this.interfaceDOM.exportXMLDOM(this);
-if (interfaceXML != null) {
+if (interfaceXML !== null) {
-if (interfaceXML.length == undefined) {
+if (interfaceXML.length === undefined) {
 this.storeDOM.appendChild(interfaceXML);
 } else {
 for (var i = 0; i < interfaceXML.length; i++) {
 this.storeDOM.appendChild(interfaceXML[i]);
 }
 }
 }
-if (this.commentDOM != null) {
+if (this.commentDOM !== null) {
 this.storeDOM.appendChild(this.commentDOM.exportXMLDOM(this));
 }
 }
-var nodes = this.metric.exportXMLDOM();
+this.metric.exportXMLDOM(this.storeDOM.getElementsByTagName('metric')[0]);
-var mroot = this.storeDOM.getElementsByTagName('metric')[0];
-for (var i = 0; i < nodes.length; i++) {
-mroot.appendChild(nodes[i]);
-}
 };
 }
 function timer() {
 /* Timer object used in audioEngine to keep track of session timings
 this.testStarted = false;
 this.testStartTime = 0;
 this.testDuration = 0;
 this.minimumTestTime = 0; // No minimum test time
 this.startTest = function () {
-if (this.testStarted == false) {
+if (this.testStarted === false) {
 this.testStartTime = audioContext.currentTime;
 this.testStarted = true;
 this.updateTestTime();
 audioEngineContext.metric.initialiseTest();
 }
 }
 this.movementTracker[this.movementTracker.length] = [time, position];
 };
 this.startListening = function (time) {
-if (this.listenHold == false) {
+if (this.listenHold === false) {
 this.wasListenedTo = true;
 this.listenStart = time;
 this.listenHold = true;
 var evnt = document.createElement('event');
 console.log('slider ' + this.parent.id + ' played (' + time + ')'); // DEBUG/SAFETY: show played slider id
 }
 };
 this.stopListening = function (time, bufferStopTime) {
-if (this.listenHold == true) {
+if (this.listenHold === true) {
 var diff = time - this.listenStart;
 this.listenedTimer += (diff);
 this.listenStart = 0;
 this.listenHold = false;
 var evnt = this.listenTracker[this.listenTracker.length - 1];
 var testTime = evnt.getElementsByTagName('testTime')[0];
 var bufferTime = evnt.getElementsByTagName('bufferTime')[0];
 testTime.setAttribute('stop', time);
-if (bufferStopTime == undefined) {
+if (bufferStopTime === undefined) {
 bufferTime.setAttribute('stop', this.parent.getCurrentPosition());
 } else {
 bufferTime.setAttribute('stop', bufferStopTime);
 }
 console.log('slider ' + this.parent.id + ' played for (' + diff + ')'); // DEBUG/SAFETY: show played slider id
 }
 };
-this.exportXMLDOM = function () {
+function exportElementTimer(parentElement) {
-var storeDOM = [];
+var mElementTimer = storage.document.createElement('metricresult');
+mElementTimer.setAttribute('name', 'enableElementTimer');
+mElementTimer.textContent = this.listenedTimer;
+parentElement.appendChild(mElementTimer);
+return mElementTimer;
+}
+function exportElementTrack(parentElement) {
+var elementTrackerFull = storage.document.createElement('metricresult');
+elementTrackerFull.setAttribute('name', 'elementTrackerFull');
+for (var k = 0; k < this.movementTracker.length; k++) {
+var timePos = storage.document.createElement('movement');
+timePos.setAttribute("time", this.movementTracker[k][0]);
+timePos.setAttribute("value", this.movementTracker[k][1]);
+elementTrackerFull.appendChild(timePos);
+}
+parentElement.appendChild(elementTrackerFull);
+return elementTrackerFull;
+}
+function exportElementListenTracker(parentElement) {
+var elementListenTracker = storage.document.createElement('metricresult');
+elementListenTracker.setAttribute('name', 'elementListenTracker');
+for (var k = 0; k < this.listenTracker.length; k++) {
+elementListenTracker.appendChild(this.listenTracker[k]);
+}
+parentElement.appendChild(elementListenTracker);
+return elementListenTracker;
+}
+function exportElementInitialPosition(parentElement) {
+var elementInitial = storage.document.createElement('metricresult');
+elementInitial.setAttribute('name', 'elementInitialPosition');
+elementInitial.textContent = this.initialPosition;
+parentElement.appendChild(elementInitial);
+return elementInitial;
+}
+function exportFlagListenedTo(parentElement) {
+var flagListenedTo = storage.document.createElement('metricresult');
+flagListenedTo.setAttribute('name', 'elementFlagListenedTo');
+flagListenedTo.textContent = this.wasListenedTo;
+parentElement.appendChild(flagListenedTo);
+return flagListenedTo;
+}
+function exportFlagMoved(parentElement) {
+var flagMoved = storage.document.createElement('metricresult');
+flagMoved.setAttribute('name', 'elementFlagMoved');
+flagMoved.textContent = this.wasMoved;
+parentElement.appendChild(flagMoved);
+return flagMoved;
+}
+function exportFlagComments(parentElement) {
+var flagComments = storage.document.createElement('metricresult');
+flagComments.setAttribute('name', 'elementFlagComments');
+if (this.parent.commentDOM === null) {
+flagComments.textContent = 'false';
+} else if (this.parent.commentDOM.textContent.length === 0) {
+flagComments.textContent = 'false';
+} else {
+flagComments.textContet = 'true';
+}
+parentElement.appendChild(flagComments);
+return flagComments;
+}
+this.exportXMLDOM = function (parentElement) {
+var elems = [];
 if (audioEngineContext.metric.enableElementTimer) {
-var mElementTimer = storage.document.createElement('metricresult');
+elems.push(exportElementTimer.call(this, parentElement));
-mElementTimer.setAttribute('name', 'enableElementTimer');
-mElementTimer.textContent = this.listenedTimer;
-storeDOM.push(mElementTimer);
 }
 if (audioEngineContext.metric.enableElementTracker) {
-var elementTrackerFull = storage.document.createElement('metricresult');
+elems.push(exportElementTrack.call(this, parentElement));
-elementTrackerFull.setAttribute('name', 'elementTrackerFull');
-for (var k = 0; k < this.movementTracker.length; k++) {
-var timePos = storage.document.createElement('movement');
-timePos.setAttribute("time", this.movementTracker[k][0]);
-timePos.setAttribute("value", this.movementTracker[k][1]);
-elementTrackerFull.appendChild(timePos);
-}
-storeDOM.push(elementTrackerFull);
 }
 if (audioEngineContext.metric.enableElementListenTracker) {
-var elementListenTracker = storage.document.createElement('metricresult');
+elems.push(exportElementListenTracker.call(this, parentElement));
-elementListenTracker.setAttribute('name', 'elementListenTracker');
-for (var k = 0; k < this.listenTracker.length; k++) {
-elementListenTracker.appendChild(this.listenTracker[k]);
-}
-storeDOM.push(elementListenTracker);
 }
 if (audioEngineContext.metric.enableElementInitialPosition) {
-var elementInitial = storage.document.createElement('metricresult');
+elems.push(exportElementInitialPosition.call(this, parentElement));
-elementInitial.setAttribute('name', 'elementInitialPosition');
-elementInitial.textContent = this.initialPosition;
-storeDOM.push(elementInitial);
 }
 if (audioEngineContext.metric.enableFlagListenedTo) {
-var flagListenedTo = storage.document.createElement('metricresult');
+elems.push(exportFlagListenedTo.call(this, parentElement));
-flagListenedTo.setAttribute('name', 'elementFlagListenedTo');
-flagListenedTo.textContent = this.wasListenedTo;
-storeDOM.push(flagListenedTo);
 }
 if (audioEngineContext.metric.enableFlagMoved) {
-var flagMoved = storage.document.createElement('metricresult');
+elems.push(exportFlagMoved.call(this, parentElement));
-flagMoved.setAttribute('name', 'elementFlagMoved');
-flagMoved.textContent = this.wasMoved;
-storeDOM.push(flagMoved);
 }
 if (audioEngineContext.metric.enableFlagComments) {
-var flagComments = storage.document.createElement('metricresult');
+elems.push(exportFlagComments.call(this, parentElement));
-flagComments.setAttribute('name', 'elementFlagComments');
+}
-if (this.parent.commentDOM == null) {
+return elems;
-flag.textContent = 'false';
-} else if (this.parent.commentDOM.textContent.length == 0) {
-flag.textContent = 'false';
-} else {
-flag.textContet = 'true';
-}
-storeDOM.push(flagComments);
-}
-return storeDOM;
 };
 }
 function Interface(specificationObject) {
 // This handles the bindings between the interface and the audioEngineContext;
 this.resizeWindow = function (event) {
 popup.resize(event);
 this.volume.resize();
 this.lightbox.resize();
-for (var i = 0; i < this.commentBoxes.length; i++) {
+this.commentBoxes.boxes.forEach(function (elem) {
-this.commentBoxes[i].resize();
+elem.resize();
-}
+});
-for (var i = 0; i < this.commentQuestions.length; i++) {
+this.commentQuestions.forEach(function (elem) {
-this.commentQuestions[i].resize();
+elem.resize();
-}
+});
 try {
 resizeWindow(event);
 } catch (err) {
 console.log("Warning - Interface does not have Resize option");
 console.log(err);
 hold.appendChild(date);
 hold.appendChild(time);
 return hold;
-}
+};
 this.lightbox = {
 parent: this,
 root: document.createElement("div"),
 content: document.createElement("div"),
 }
 },
 resize: function (event) {
 this.root.style.left = (window.innerWidth / 2) - 250 + 'px';
 }
-}
+};
 this.lightbox.root.appendChild(this.lightbox.content);
 this.lightbox.root.appendChild(this.lightbox.accept);
 this.lightbox.root.className = "popupHolder";
 this.lightbox.root.id = "lightbox-root";
 this.lightbox.blanker.className = "testHalt";
 this.lightbox.blanker.id = "lightbox-blanker";
 document.getElementsByTagName("body")[0].appendChild(this.lightbox.root);
 document.getElementsByTagName("body")[0].appendChild(this.lightbox.blanker);
-this.commentBoxes = new function () {
+this.commentBoxes = (function () {
-this.boxes = [];
+var commentBoxes = {};
-this.injectPoint = null;
+commentBoxes.boxes = [];
-this.elementCommentBox = function (audioObject) {
+commentBoxes.injectPoint = null;
+commentBoxes.elementCommentBox = function (audioObject) {
 var element = audioObject.specification;
 this.audioObject = audioObject;
 this.id = audioObject.id;
 var audioHolderObject = audioObject.specification.parent;
 // Create document objects to hold the comment boxes
 this.trackComment.style.width = boxwidth + "px";
 this.trackCommentBox.style.width = boxwidth - 6 + "px";
 };
 this.resize();
 };
-this.createCommentBox = function (audioObject) {
+commentBoxes.createCommentBox = function (audioObject) {
 var node = new this.elementCommentBox(audioObject);
 this.boxes.push(node);
 audioObject.commentDOM = node;
 return node;
 };
-this.sortCommentBoxes = function () {
+commentBoxes.sortCommentBoxes = function () {
 this.boxes.sort(function (a, b) {
 return a.id - b.id;
 });
 };
-this.showCommentBoxes = function (inject, sort) {
+commentBoxes.showCommentBoxes = function (inject, sort) {
 this.injectPoint = inject;
 if (sort) {
 this.sortCommentBoxes();
 }
-for (var box of this.boxes) {
+this.boxes.forEach(function (box) {
 inject.appendChild(box.trackComment);
-}
+});
 };
-this.deleteCommentBoxes = function () {
+commentBoxes.deleteCommentBoxes = function () {
-if (this.injectPoint != null) {
+if (this.injectPoint !== null) {
-for (var box of this.boxes) {
+this.boxes.forEach(function (box) {
 this.injectPoint.removeChild(box.trackComment);
-}
+}, this);
 this.injectPoint = null;
 }
 this.boxes = [];
 };
-}
+return commentBoxes;
+})();
 this.commentQuestions = [];
 this.commentBox = function (commentQuestion) {
 this.specification = commentQuestion;
 this.holder = document.createElement('div');
 this.holder.className = 'comment-div';
 // Create a string next to each comment asking for a comment
 this.string = document.createElement('span');
 this.string.innerHTML = commentQuestion.statement;
-var br = document.createElement('br');
 // Add to the holder.
 this.holder.appendChild(this.string);
-this.holder.appendChild(br);
 this.options = [];
 this.inputs = document.createElement('div');
-this.span = document.createElement('div');
+this.inputs.className = "comment-checkbox-inputs-holder";
-this.inputs.align = 'center';
-this.inputs.style.marginLeft = '12px';
-this.inputs.className = "comment-radio-inputs-holder";
-this.span.style.marginLeft = '12px';
-this.span.align = 'center';
-this.span.style.marginTop = '15px';
-this.span.className = "comment-radio-span-holder";
 var optCount = commentQuestion.options.length;
-for (var optNode of commentQuestion.options) {
+for (var i = 0; i < optCount; i++) {
 var div = document.createElement('div');
-div.style.width = '80px';
+div.className = "comment-checkbox-inputs-flex";
-div.style.float = 'left';
+var span = document.createElement('span');
+span.textContent = commentQuestion.options[i].text;
+span.className = 'comment-radio-span';
+div.appendChild(span);
 var input = document.createElement('input');
 input.type = 'radio';
 input.name = commentQuestion.id;
-input.setAttribute('setvalue', optNode.name);
+input.setAttribute('setvalue', commentQuestion.options[i].name);
 input.className = 'comment-radio';
 div.appendChild(input);
 this.inputs.appendChild(div);
-div = document.createElement('div');
-div.style.width = '80px';
-div.style.float = 'left';
-div.align = 'center';
-var span = document.createElement('span');
-span.textContent = optNode.text;
-span.className = 'comment-radio-span';
-div.appendChild(span);
-this.span.appendChild(div);
 this.options.push(input);
 }
-this.holder.appendChild(this.span);
 this.holder.appendChild(this.inputs);
 this.exportXMLDOM = function (storePoint) {
 var root = storePoint.parent.document.createElement('comment');
 root.id = this.specification.id;
 root.setAttribute('type', this.specification.type);
 var question = document.createElement('question');
 question.textContent = this.string.textContent;
 var response = document.createElement('response');
 var i = 0;
-while (this.options[i].checked == false) {
+while (this.options[i].checked === false) {
 i++;
 if (i >= this.options.length) {
 break;
 }
 }
 boxwidth = 600;
 } else if (boxwidth < 400) {
 boxwidth = 400;
 }
 this.holder.style.width = boxwidth + "px";
-var text = this.holder.getElementsByClassName("comment-radio-span-holder")[0];
-var options = this.holder.getElementsByClassName("comment-radio-inputs-holder")[0];
-var optCount = options.childElementCount;
-var spanMargin = Math.floor(((boxwidth - 20 - (optCount * 80)) / (optCount)) / 2) + 'px';
-var options = options.firstChild;
-var text = text.firstChild;
-options.style.marginRight = spanMargin;
-options.style.marginLeft = spanMargin;
-text.style.marginRight = spanMargin;
-text.style.marginLeft = spanMargin;
-while (options.nextSibling != undefined) {
-options = options.nextSibling;
-text = text.nextSibling;
-options.style.marginRight = spanMargin;
-options.style.marginLeft = spanMargin;
-text.style.marginRight = spanMargin;
-text.style.marginLeft = spanMargin;
-}
 };
 this.resize();
 };
 this.checkboxBox = function (commentQuestion) {
 this.holder = document.createElement('div');
 this.holder.className = 'comment-div';
 // Create a string next to each comment asking for a comment
 this.string = document.createElement('span');
 this.string.innerHTML = commentQuestion.statement;
-var br = document.createElement('br');
 // Add to the holder.
 this.holder.appendChild(this.string);
-this.holder.appendChild(br);
 this.options = [];
 this.inputs = document.createElement('div');
-this.span = document.createElement('div');
-this.inputs.align = 'center';
-this.inputs.style.marginLeft = '12px';
 this.inputs.className = "comment-checkbox-inputs-holder";
-this.span.style.marginLeft = '12px';
-this.span.align = 'center';
-this.span.style.marginTop = '15px';
-this.span.className = "comment-checkbox-span-holder";
 var optCount = commentQuestion.options.length;
 for (var i = 0; i < optCount; i++) {
 var div = document.createElement('div');
-div.style.width = '80px';
+div.className = "comment-checkbox-inputs-flex";
-div.style.float = 'left';
+var span = document.createElement('span');
+span.textContent = commentQuestion.options[i].text;
+span.className = 'comment-radio-span';
+div.appendChild(span);
 var input = document.createElement('input');
 input.type = 'checkbox';
 input.name = commentQuestion.id;
 input.setAttribute('setvalue', commentQuestion.options[i].name);
 input.className = 'comment-radio';
 div.appendChild(input);
 this.inputs.appendChild(div);
-div = document.createElement('div');
-div.style.width = '80px';
-div.style.float = 'left';
-div.align = 'center';
-var span = document.createElement('span');
-span.textContent = commentQuestion.options[i].text;
-span.className = 'comment-radio-span';
-div.appendChild(span);
-this.span.appendChild(div);
 this.options.push(input);
 }
-this.holder.appendChild(this.span);
 this.holder.appendChild(this.inputs);
 this.exportXMLDOM = function (storePoint) {
 var root = storePoint.parent.document.createElement('comment');
 root.id = this.specification.id;
 boxwidth = 600;
 } else if (boxwidth < 400) {
 boxwidth = 400;
 }
 this.holder.style.width = boxwidth + "px";
-var text = this.holder.getElementsByClassName("comment-checkbox-span-holder")[0];
-var options = this.holder.getElementsByClassName("comment-checkbox-inputs-holder")[0];
-var optCount = options.childElementCount;
-var spanMargin = Math.floor(((boxwidth - 20 - (optCount * 80)) / (optCount)) / 2) + 'px';
-var options = options.firstChild;
-var text = text.firstChild;
-options.style.marginRight = spanMargin;
-options.style.marginLeft = spanMargin;
-text.style.marginRight = spanMargin;
-text.style.marginLeft = spanMargin;
-while (options.nextSibling != undefined) {
-options = options.nextSibling;
-text = text.nextSibling;
-options.style.marginRight = spanMargin;
-options.style.marginLeft = spanMargin;
-text.style.marginRight = spanMargin;
-text.style.marginLeft = spanMargin;
-}
 };
 this.resize();
 };
 this.sliderBox = function (commentQuestion) {
 this.outsideReferenceHolder = document.createElement('button');
 this.outsideReferenceHolder.className = 'outside-reference';
 this.outsideReferenceHolder.setAttribute('track-id', index);
 this.outsideReferenceHolder.textContent = this.parent.specification.label || "Reference";
 this.outsideReferenceHolder.disabled = true;
+this.handleEvent = function (event) {
-this.outsideReferenceHolder.onclick = function (event) {
+audioEngineContext.play(this.parent.id);
-audioEngineContext.play(event.currentTarget.getAttribute('track-id'));
+};
-};
+this.outsideReferenceHolder.addEventListener("click", this);
 inject.appendChild(this.outsideReferenceHolder);
 this.enable = function () {
 if (this.parent.state == 1) {
 this.outsideReferenceHolder.disabled = false;
 }
 };
 this.error = function () {
 // audioObject has an error!!
 this.outsideReferenceHolder.textContent = "Error";
 this.outsideReferenceHolder.style.backgroundColor = "#F00";
-}
+};
-}
+};
-this.playhead = new function () {
+this.playhead = (function () {
-this.object = document.createElement('div');
+var playhead ={};
-this.object.className = 'playhead';
+playhead.object = document.createElement('div');
-this.object.align = 'left';
+playhead.object.className = 'playhead';
+playhead.object.align = 'left';
 var curTime = document.createElement('div');
 curTime.style.width = '50px';
-this.curTimeSpan = document.createElement('span');
+playhead.curTimeSpan = document.createElement('span');
-this.curTimeSpan.textContent = '00:00';
+playhead.curTimeSpan.textContent = '00:00';
-curTime.appendChild(this.curTimeSpan);
+curTime.appendChild(playhead.curTimeSpan);
-this.object.appendChild(curTime);
+playhead.object.appendChild(curTime);
-this.scrubberTrack = document.createElement('div');
+playhead.scrubberTrack = document.createElement('div');
-this.scrubberTrack.className = 'playhead-scrub-track';
+playhead.scrubberTrack.className = 'playhead-scrub-track';
-this.scrubberHead = document.createElement('div');
+playhead.scrubberHead = document.createElement('div');
-this.scrubberHead.id = 'playhead-scrubber';
+playhead.scrubberHead.id = 'playhead-scrubber';
-this.scrubberTrack.appendChild(this.scrubberHead);
+playhead.scrubberTrack.appendChild(playhead.scrubberHead);
-this.object.appendChild(this.scrubberTrack);
+playhead.object.appendChild(playhead.scrubberTrack);
-this.timePerPixel = 0;
+playhead.timePerPixel = 0;
-this.maxTime = 0;
+playhead.maxTime = 0;
-this.playbackObject;
+playhead.playbackObject = undefined;
-this.setTimePerPixel = function (audioObject) {
+playhead.setTimePerPixel = function (audioObject) {
 //maxTime must be in seconds
 this.playbackObject = audioObject;
 this.maxTime = audioObject.buffer.buffer.duration;
 var width = 490; //500 - 10, 5 each side of the tracker head
 this.timePerPixel = this.maxTime / 490;
 } else {
 this.curTimeSpan.textContent = '00:00';
 }
 };
-this.update = function () {
+playhead.update = function () {
 // Update the playhead position, startPlay must be called
 if (this.timePerPixel > 0) {
 var time = this.playbackObject.getCurrentPosition();
 if (time > 0 && time < this.maxTime) {
 var width = 490;
 }
 }
 }
 };
-this.interval = undefined;
+playhead.interval = undefined;
-this.start = function () {
+playhead.start = function () {
-if (this.playbackObject != undefined && this.interval == undefined) {
+if (this.playbackObject !== undefined && this.interval === undefined) {
 if (this.maxTime < 60) {
-this.interval = setInterval(function () {
+this.interval = window.setInterval(function () {
 interfaceContext.playhead.update();
 }, 10);
 } else {
-this.interval = setInterval(function () {
+this.interval = window.setInterval(function () {
 interfaceContext.playhead.update();
 }, 100);
 }
 }
 };
-this.stop = function () {
+playhead.stop = function () {
-clearInterval(this.interval);
+window.clearInterval(this.interval);
 this.interval = undefined;
 this.scrubberHead.style.left = '0px';
 if (this.maxTime < 60) {
 this.curTimeSpan.textContent = '0.00';
 } else {
 this.curTimeSpan.textContent = '00:00';
 }
 };
-};
+return playhead;
+})();
-this.volume = new function () {
+this.volume = (function () {
 // An in-built volume module which can be viewed on page
 // Includes trackers on page-by-page data
 // Volume does NOT reset to 0dB on each page load
-this.valueLin = 1.0;
+var volume = {};
-this.valueDB = 0.0;
+volume.valueLin = 1.0;
-this.root = document.createElement('div');
+volume.valueDB = 0.0;
-this.root.id = 'master-volume-root';
+volume.root = document.createElement('div');
-this.object = document.createElement('div');
+volume.root.id = 'master-volume-root';
-this.object.className = 'master-volume-holder-float';
+volume.object = document.createElement('div');
-this.object.appendChild(this.root);
+volume.object.className = 'master-volume-holder-float';
-this.slider = document.createElement('input');
+volume.object.appendChild(volume.root);
-this.slider.id = 'master-volume-control';
+volume.slider = document.createElement('input');
-this.slider.type = 'range';
+volume.slider.id = 'master-volume-control';
-this.valueText = document.createElement('span');
+volume.slider.type = 'range';
-this.valueText.id = 'master-volume-feedback';
+volume.valueText = document.createElement('span');
-this.valueText.textContent = '0dB';
+volume.valueText.id = 'master-volume-feedback';
+volume.valueText.textContent = '0dB';
-this.slider.min = -60;
-this.slider.max = 12;
+volume.slider.min = -60;
-this.slider.value = 0;
+volume.slider.max = 12;
-this.slider.step = 1;
+volume.slider.value = 0;
-this.handleEvent = function (event) {
+volume.slider.step = 1;
+volume.handleEvent = function (event) {
 if (event.type == "mousemove") {
 this.valueDB = Number(this.slider.value);
 this.valueLin = decibelToLinear(this.valueDB);
 this.valueText.textContent = this.valueDB + 'dB';
 audioEngineContext.outputGain.gain.value = this.valueLin;
 this.slider.value = this.valueDB;
 if (event.stopPropagation) {
 event.stopPropagation();
 }
-}
+};
-this.onmouseup = function () {
+volume.onmouseup = function () {
 var storePoint = testState.currentStore.XMLDOM.getElementsByTagName('metric')[0].getAllElementsByName('volumeTracker');
-if (storePoint.length == 0) {
+if (storePoint.length === 0) {
 storePoint = storage.document.createElement('metricresult');
 storePoint.setAttribute('name', 'volumeTracker');
 testState.currentStore.XMLDOM.getElementsByTagName('metric')[0].appendChild(storePoint);
 } else {
 storePoint = storePoint[0];
 var node = storage.document.createElement('movement');
 node.setAttribute('test-time', audioEngineContext.timer.getTestTime());
 node.setAttribute('volume', this.valueDB);
 node.setAttribute('format', 'dBFS');
 storePoint.appendChild(node);
-}
+};
-this.slider.addEventListener("mousemove", this);
+volume.slider.addEventListener("mousemove", volume);
-this.root.addEventListener("mouseup", this);
+volume.root.addEventListener("mouseup", volume);
 var title = document.createElement('div');
 title.innerHTML = '<span>Master Volume Control</span>';
 title.style.fontSize = '0.75em';
 title.style.width = "100%";
 title.align = 'center';
-this.root.appendChild(title);
+volume.root.appendChild(title);
-this.root.appendChild(this.slider);
+volume.root.appendChild(volume.slider);
-this.root.appendChild(this.valueText);
+volume.root.appendChild(volume.valueText);
-this.resize = function (event) {
+volume.resize = function (event) {
 if (window.innerWidth < 1000) {
-this.object.className = "master-volume-holder-inline"
+this.object.className = "master-volume-holder-inline";
 } else {
 this.object.className = 'master-volume-holder-float';
 }
-}
+};
-}
+return volume;
+})();
 this.calibrationModuleObject = null;
 this.calibrationModule = function () {
 // This creates an on-page calibration module
 this.storeDOM = storage.document.createElement("calibration");
 var f0 = 62.5;
 this.holder = document.createElement("div");
 this.holder.className = "calibration-holder";
 this.calibrationNodes = [];
 while (f0 < 20000) {
+/* jshint loopfunc: true */
 var obj = {
 root: document.createElement("div"),
 input: document.createElement("input"),
 oscillator: audioContext.createOscillator(),
 gain: audioContext.createGain(),
 var value = Math.pow(10, this.input.value / 20);
 if (this.f == 1000) {
 audioEngineContext.outputGain.gain.value = value;
 interfaceContext.volume.slider.value = this.input.value;
 } else {
-this.gain.gain.value = value
+this.gain.gain.value = value;
 }
 break;
 }
 },
 disconnect: function () {
 this.gain.disconnect();
 }
-}
+};
 obj.root.className = "calibration-slider";
 obj.root.appendChild(obj.input);
 obj.oscillator.connect(obj.gain);
 obj.gain.connect(audioEngineContext.outputGain);
 obj.gain.gain.value = Math.random() * 2;
 this.calibrationNodes.push(obj);
 this.holder.appendChild(obj.root);
 f0 *= 2;
 }
 inject.appendChild(this.holder);
-}
+};
 this.collect = function () {
-for (var obj of this.calibrationNodes) {
+this.calibrationNodes.forEach(function (obj) {
 var node = storage.document.createElement("calibrationresult");
 node.setAttribute("frequency", obj.f);
 node.setAttribute("range-min", obj.input.min);
 node.setAttribute("range-max", obj.input.max);
 node.setAttribute("gain-lin", obj.gain.gain.value);
 this.storeDOM.appendChild(node);
-}
+}, this);
-}
+};
-}
+};
 // Global Checkers
 // These functions will help enforce the checkers
 this.checkHiddenAnchor = function () {
-for (var ao of audioEngineContext.audioObjects) {
+var anchors = audioEngineContext.audioObjects.filter(function (ao) {
-if (ao.specification.type == "anchor") {
+return ao.specification.type === "anchor";
-if (ao.interfaceDOM.getValue() > (ao.specification.marker / 100) && ao.specification.marker > 0) {
+});
-// Anchor is not set below
+var state = anchors.some(function (ao) {
-console.log('Anchor node not below marker value');
+return (ao.interfaceDOM.getValue() > (ao.specification.marker / 100) && ao.specification.marker > 0);
-interfaceContext.lightbox.post("Message", 'Please keep listening');
+});
-this.storeErrorNode('Anchor node not below marker value');
+if (state) {
-return false;
+console.log('Anchor node not below marker value');
-}
+interfaceContext.lightbox.post("Message", 'Please keep listening');
-}
+this.storeErrorNode('Anchor node not below marker value');
+return false;
 }
 return true;
 };
 this.checkHiddenReference = function () {
-for (var ao of audioEngineContext.audioObjects) {
+var references = audioEngineContext.audioObjects.filter(function (ao) {
-if (ao.specification.type == "reference") {
+return ao.specification.type === "reference";
-if (ao.interfaceDOM.getValue() < (ao.specification.marker / 100) && ao.specification.marker > 0) {
+});
-// Anchor is not set below
+var state = references.some(function (ao) {
-console.log('Reference node not above marker value');
+return (ao.interfaceDOM.getValue() < (ao.specification.marker / 100) && ao.specification.marker > 0);
-this.storeErrorNode('Reference node not above marker value');
+});
-interfaceContext.lightbox.post("Message", 'Please keep listening');
+if (state) {
-return false;
+console.log('Reference node not below marker value');
-}
+interfaceContext.lightbox.post("Message", 'Please keep listening');
-}
+this.storeErrorNode('Reference node not below marker value');
+return false;
 }
 return true;
 };
 this.checkFragmentsFullyPlayed = function () {
 if (audioEngineContext.loopPlayback) {
 console.log("WARNING - Looped source: Cannot check fragments are fully played");
 return true;
 }
 var check_pass = true;
-var error_obj = [];
+var error_obj = [],
-for (var i = 0; i < audioEngineContext.audioObjects.length; i++) {
+i;
+for (i = 0; i < audioEngineContext.audioObjects.length; i++) {
 var object = audioEngineContext.audioObjects[i];
 var time = object.buffer.buffer.duration;
 var metric = object.metric;
 var passed = false;
 for (var j = 0; j < metric.listenTracker.length; j++) {
 if (delta >= time) {
 passed = true;
 break;
 }
 }
-if (passed == false) {
+if (passed === false) {
 check_pass = false;
 console.log("Continue listening to track-" + object.interfaceDOM.getPresentedId());
 error_obj.push(object.interfaceDOM.getPresentedId());
 }
 }
-if (check_pass == false) {
+if (check_pass === false) {
 var str_start = "You have not completely listened to fragments ";
-for (var i = 0; i < error_obj.length; i++) {
+for (i = 0; i < error_obj.length; i++) {
 str_start += error_obj[i];
 if (i != error_obj.length - 1) {
 str_start += ', ';
 }
 }
 return true;
 };
 this.checkAllMoved = function () {
 var str = "You have not moved ";
 var failed = [];
-for (var ao of audioEngineContext.audioObjects) {
+audioEngineContext.audioObjects.forEach(function (ao) {
-if (ao.metric.wasMoved == false && ao.interfaceDOM.canMove() == true) {
+if (ao.metric.wasMoved === false && ao.interfaceDOM.canMove() === true) {
 failed.push(ao.interfaceDOM.getPresentedId());
 }
-}
+}, this);
-if (failed.length == 0) {
+if (failed.length === 0) {
 return true;
 } else if (failed.length == 1) {
 str += 'track ' + failed[0];
 } else {
 str += 'tracks ';
 return false;
 };
 this.checkAllPlayed = function () {
 var str = "You have not played ";
 var failed = [];
-for (var ao of audioEngineContext.audioObjects) {
+audioEngineContext.audioObjects.forEach(function (ao) {
-if (ao.metric.wasListenedTo == false) {
+if (ao.metric.wasListenedTo === false) {
 failed.push(ao.interfaceDOM.getPresentedId());
 }
-}
+}, this);
-if (failed.length == 0) {
+if (failed.length === 0) {
 return true;
 } else if (failed.length == 1) {
 str += 'track ' + failed[0];
 } else {
 str += 'tracks ';
 this.storeErrorNode(str);
 return false;
 }
 }
 return true;
-}
+};
-this.checkScaleRange = function (min, max) {
+this.checkScaleRange = function () {
 var page = testState.getCurrentTestPage();
-var audioObjects = audioEngineContext.audioObjects;
+var interfaceObject = page.interfaces;
 var state = true;
 var str = "Please keep listening. ";
-var minRanking = Infinity;
+if (interfaceObject === undefined) {
-var maxRanking = -Infinity;
+return true;
-for (var ao of audioObjects) {
+}
-var rank = ao.interfaceDOM.getValue();
+interfaceObject = interfaceObject[0];
-if (rank < minRanking) {
+var scales = (function () {
-minRanking = rank;
+var scaleRange = interfaceObject.options.find(function (a) {
-}
+return a.name == "scalerange";
-if (rank > maxRanking) {
+});
-maxRanking = rank;
+return {
-}
+min: scaleRange.min,
-}
+max: scaleRange.max
-if (minRanking * 100 > min) {
+};
-str += "At least one fragment must be below the " + min + " mark.";
+})();
+var range = audioEngineContext.audioObjects.reduce(function (a, b) {
+var v = b.interfaceDOM.getValue();
+return {
+min: Math.min(a.min, v),
+max: Math.max(a.max, v)
+};
+}, {
+min: 100,
+max: 0
+});
+if (range.min > scales.min) {
+str += "At least one fragment must be below the " + range.min + " mark.";
 state = false;
-}
+} else if (range.max < scales.max) {
-if (maxRanking * 100 < max) {
+str += "At least one fragment must be above the " + range.max + " mark.";
-str += "At least one fragment must be above the " + max + " mark."
 state = false;
 }
-if (!state) {
+if (state === false) {
 console.log(str);
 this.storeErrorNode(str);
 interfaceContext.lightbox.post("Error", str);
 }
 return state;
-}
+};
 this.storeErrorNode = function (errorMessage) {
 var time = audioEngineContext.timer.getTestTime();
 var node = storage.document.createElement('error');
 node.setAttribute('time', time);
 case "letter":
 return String.fromCharCode((index + offset) % 26 + 97);
 case "capital":
 return String.fromCharCode((index + offset) % 26 + 65);
 case "samediff":
-if (index == 0) {
+if (index === 0) {
 return "Same";
 } else if (index == 1) {
 return "Difference";
-} else {
-return "";
 }
+return "";
 case "number":
 return String(index + offset);
 default:
 return "";
 }
 }
-if (typeof labelStart !== "string" || labelStart.length == 0) {
+if (typeof labelStart !== "string" || labelStart.length === 0) {
 labelStart = String.fromCharCode(0);
 }
 switch (labelType) {
 case "letter":
 labelStart = Number(labelStart);
 if (!isFinite(labelStart)) {
 labelStart = 1;
 }
 break;
-case "none":
 default:
 labelStart = 0;
 }
 if (typeof index == "number") {
 return calculateLabel(labelType, index, labelStart);
 }
 return a;
 } else {
 throw ("Invalid arguments");
 }
-}
+};
 this.getCombinedInterfaces = function (page) {
 // Combine the interfaces with the global interface nodes
 var global = specification.interfaces,
 local = page.interfaces;
 // Use the global default scales
 locInt.scales = global.scales;
 }
 });
 return local;
-}
+};
 }
 function Storage() {
 // Holds results in XML format until ready for collection
 this.globalPreTest = null;
 this.document = null;
 this.root = null;
 this.state = 0;
 this.initialise = function (existingStore) {
-if (existingStore == undefined) {
+if (existingStore === undefined) {
 // We need to get the sessionKey
 this.SessionKey.requestKey();
 this.document = document.implementation.createDocument(null, "waetresult", null);
 this.root = this.document.childNodes[0];
 var projectDocument = specification.projectXML;
-projectDocument.setAttribute('file-name', url);
+projectDocument.setAttribute('file-name', specification.url);
-projectDocument.setAttribute('url', qualifyURL(url));
+projectDocument.setAttribute('url', qualifyURL(specification.url));
 this.root.appendChild(projectDocument);
 this.root.appendChild(interfaceContext.returnDateNode());
 this.root.appendChild(interfaceContext.returnNavigator());
 } else {
 this.document = existingStore;
 this.root = existingStore.firstChild;
 this.SessionKey.key = this.root.getAttribute("key");
 }
-if (specification.preTest != undefined) {
+if (specification.preTest !== undefined) {
 this.globalPreTest = new this.surveyNode(this, this.root, specification.preTest);
 }
-if (specification.postTest != undefined) {
+if (specification.postTest !== undefined) {
 this.globalPostTest = new this.surveyNode(this, this.root, specification.postTest);
 }
 };
 this.SessionKey = {
 request: new XMLHttpRequest(),
 parent: this,
 handleEvent: function () {
 var parse = new DOMParser();
 var xml = parse.parseFromString(this.request.response, "text/xml");
-if (this.request.response.length == 0) {
+if (this.request.response.length === 0) {
 console.error("An unspecified error occured, no server key could be generated");
 return;
 }
 if (xml.getElementsByTagName("state").length > 0) {
 if (xml.getElementsByTagName("state")[0].textContent == "OK") {
 this.request.open("GET", returnURL + "php/requestKey.php", true);
 this.request.addEventListener("load", this);
 this.request.send();
 },
 update: function () {
-if (this.key == null) {
+if (this.key === null) {
 console.log("Cannot save as key == null");
 return;
 }
 this.parent.root.setAttribute("state", "update");
 var xmlhttp = new XMLHttpRequest();
 } else {
 var message = response.getElementsByTagName("message");
 console.log("Intermediate save: Error! " + message.textContent);
 }
 }
-}
+};
 xmlhttp.send([hold.innerHTML]);
 }
-}
+};
 this.createTestPageStore = function (specification) {
 var store = new this.pageNode(this, specification);
 this.testPages.push(store);
 return this.testPages[this.testPages.length - 1];
 this.parent = parent;
 this.state = "empty";
 this.XMLDOM = this.parent.document.createElement('survey');
 this.XMLDOM.setAttribute('location', this.specification.location);
 this.XMLDOM.setAttribute("state", this.state);
-for (var optNode of this.specification.options) {
+this.specification.options.forEach(function (optNode) {
 if (optNode.type != 'statement') {
 var node = this.parent.document.createElement('surveyresult');
 node.setAttribute("ref", optNode.id);
 node.setAttribute('type', optNode.type);
 this.XMLDOM.appendChild(node);
 }
-}
+}, this);
 root.appendChild(this.XMLDOM);
 this.postResult = function (node) {
+function postNumber(doc, value) {
+var child = doc.createElement("response");
+child.textContent = value;
+return child;
+}
+function postRadio(doc, node) {
+var child = doc.createElement('response');
+if (node.response !== null) {
+child.setAttribute('name', node.response.name);
+child.textContent = node.response.text;
+}
+return child;
+}
+function postCheckbox(doc, node) {
+var checkNode = doc.createElement('response');
+checkNode.setAttribute('name', node.name);
+checkNode.setAttribute('checked', node.checked);
+return checkNode;
+}
 // From popup: node is the popupOption node containing both spec. and results
 // ID is the position
 if (node.specification.type == 'statement') {
 return;
 }
 var surveyresult = this.XMLDOM.firstChild;
-while (surveyresult != null) {
+while (surveyresult !== null) {
 if (surveyresult.getAttribute("ref") == node.specification.id) {
 break;
 }
 surveyresult = surveyresult.nextElementSibling;
 }
 switch (node.specification.type) {
 case "number":
 case "question":
 case "slider":
-var child = this.parent.document.createElement('response');
+surveyresult.appendChild(postNumber(this.parent.document, node.response));
-child.textContent = node.response;
-surveyresult.appendChild(child);
 break;
 case "radio":
-var child = this.parent.document.createElement('response');
+surveyresult.appendChild(postRadio(this.parent.document, node));
-if (node.response !== null) {
-child.setAttribute('name', node.response.name);
-child.textContent = node.response.text;
-}
-surveyresult.appendChild(child);
 break;
 case "checkbox":
-if (node.response == undefined) {
+if (node.response === undefined) {
 surveyresult.appendChild(this.parent.document.createElement('response'));
 break;
 }
 for (var i = 0; i < node.response.length; i++) {
-var checkNode = this.parent.document.createElement('response');
+surveyresult.appendChild(postCheckbox(this.parent.document, node.response[i]));
-checkNode.setAttribute('name', node.response[i].name);
-checkNode.setAttribute('checked', node.response[i].checked);
-surveyresult.appendChild(checkNode);
 }
 break;
 }
 };
 this.complete = function () {
 this.state = "complete";
 this.XMLDOM.setAttribute("state", this.state);
-}
+};
 };
 this.pageNode = function (parent, specification) {
 // Create one store per test page
 this.specification = specification;
 this.state = "empty";
 this.XMLDOM = this.parent.document.createElement('page');
 this.XMLDOM.setAttribute('ref', specification.id);
 this.XMLDOM.setAttribute('presentedId', specification.presentedId);
 this.XMLDOM.setAttribute("state", this.state);
-if (specification.preTest != undefined) {
+if (specification.preTest !== undefined) {
 this.preTest = new this.parent.surveyNode(this.parent, this.XMLDOM, this.specification.preTest);
 }
-if (specification.postTest != undefined) {
+if (specification.postTest !== undefined) {
 this.postTest = new this.parent.surveyNode(this.parent, this.XMLDOM, this.specification.postTest);
 }
 // Add any page metrics
 var page_metric = this.parent.document.createElement('metric');
 this.XMLDOM.appendChild(page_metric);
 // Add the audioelement
-for (var element of this.specification.audioElements) {
+this.specification.audioElements.forEach(function (element) {
 var aeNode = this.parent.document.createElement('audioelement');
 aeNode.setAttribute('ref', element.id);
-if (element.name != undefined) {
+if (element.name !== undefined) {
-aeNode.setAttribute('name', element.name)
+aeNode.setAttribute('name', element.name);
-};
+}
 aeNode.setAttribute('type', element.type);
 aeNode.setAttribute('url', element.url);
 aeNode.setAttribute('fqurl', qualifyURL(element.url));
 aeNode.setAttribute('gain', element.gain);
 if (element.type == 'anchor' || element.type == 'reference') {
 }
 }
 var ae_metric = this.parent.document.createElement('metric');
 aeNode.appendChild(ae_metric);
 this.XMLDOM.appendChild(aeNode);
-}
+}, this);
 this.parent.root.appendChild(this.XMLDOM);
 this.complete = function () {
 this.state = "complete";
 this.XMLDOM.setAttribute("state", "complete");
-}
+};
 };
 this.update = function () {
 this.SessionKey.update();
-}
+};
 this.finish = function () {
-if (this.state == 0) {
+if (this.state === 0) {
 this.update();
 }
 this.state = 1;
 this.root.setAttribute("state", "complete");
 return this.root;