webaudioevaluationtool: js/core.js comparison

comparison js/core.js @ 2570:521aa69517c4

Fix for #100. Plus reformatting for whitespace

author	Nicholas Jillings <nicholas.jillings@mail.bcu.ac.uk>
date	Tue, 18 Oct 2016 12:22:22 +0100
parents	172c76d9414b
children	161d63a60b9e

comparison

equal deleted inserted replaced

-:c8e6991951ad
+:521aa69517c4
 // Convert relative URLs into absolutes
 function escapeHTML(s) {
 return s.split('&').join('&amp;').split('<').join('&lt;').split('"').join('&quot;');
 }
 function qualifyURL(url) {
-var el= document.createElement('div');
+var el = document.createElement('div');
-el.innerHTML= '<a href="'+escapeHTML(url)+'">x</a>';
+el.innerHTML = '<a href="' + escapeHTML(url) + '">x</a>';
 return el.firstChild.href;
 }
 // Firefox does not have an XMLDocument.prototype.getElementsByName
 // and there is no searchAll style command, this custom function will
 // search all children recusrively for the name. Used for XSD where all
 // element nodes must have a name and therefore can pull the schema node
-XMLDocument.prototype.getAllElementsByName = function(name)
+XMLDocument.prototype.getAllElementsByName = function (name) {
-{
 name = String(name);
 var selected = this.documentElement.getAllElementsByName(name);
 return selected;
 }
-Element.prototype.getAllElementsByName = function(name)
+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) {
-if (node.getAttribute('name') == name)
-{
 selected.push(node);
 }
-if (node.childElementCount > 0)
+if (node.childElementCount > 0) {
-{
 selected = selected.concat(node.getAllElementsByName(name));
 }
 node = node.nextElementSibling;
 }
 return selected;
 }
-XMLDocument.prototype.getAllElementsByTagName = function(name)
+XMLDocument.prototype.getAllElementsByTagName = function (name) {
-{
 name = String(name);
 var selected = this.documentElement.getAllElementsByTagName(name);
 return selected;
 }
-Element.prototype.getAllElementsByTagName = function(name)
+Element.prototype.getAllElementsByTagName = function (name) {
-{
 name = String(name);
 var selected = [];
 var node = this.firstElementChild;
-while(node != null)
+while (node != null) {
-{
+if (node.nodeName == name) {
-if (node.nodeName == name)
-{
 selected.push(node);
 }
-if (node.childElementCount > 0)
+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)
+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) {
-if (node.getAttribute('name') == name)
-{
 selected.push(node);
 }
 node = node.nextElementSibling;
 }
 return selected;
 }
 }
-var check_dependancies = function() {
+var check_dependancies = function () {
 // This will check for the data dependancies
-if (typeof(jQuery) != "function") {return false;}
+if (typeof (jQuery) != "function") {
-if (typeof(Specification) != "function") {return false;}
+return false;
-if (typeof(calculateLoudness) != "function") {return false;}
+}
-if (typeof(WAVE) != "function") {return false;}
+if (typeof (Specification) != "function") {
-if (typeof(validateXML) != "function") {return false;}
+return false;
+}
+if (typeof (calculateLoudness) != "function") {
+return false;
+}
+if (typeof (WAVE) != "function") {
+return false;
+}
+if (typeof (validateXML) != "function") {
+return false;
+}
 return true;
 }
-var onload = function() {
+var onload = function () {
-	// Function called once the browser has loaded all files.
+// Function called once the browser has loaded all files.
-	// This should perform any initial commands such as structure / loading documents
+// This should perform any initial commands such as structure / loading documents
-	// Create a web audio API context
+// Create a web audio API context
-	// Fixed for cross-browser support
+// Fixed for cross-browser support
-	var AudioContext = window.AudioContext || window.webkitAudioContext;
+var AudioContext = window.AudioContext || window.webkitAudioContext;
-	audioContext = new AudioContext;
+audioContext = new AudioContext;
-	// Create test state
+// Create test state
-	testState = new stateMachine();
+testState = new stateMachine();
-	// Create the popup interface object
+// Create the popup interface object
-	popup = new interfacePopup();
+popup = new interfacePopup();
 // Create the specification object
-	specification = new Specification();
+specification = new Specification();
-	// Create the interface object
+// Create the interface object
-	interfaceContext = new Interface(specification);
+interfaceContext = new Interface(specification);
-	// Create the storage object
+// Create the storage object
-	storage = new Storage();
+storage = new Storage();
-	// Define window callbacks for interface
+// Define window callbacks for interface
-	window.onresize = function(event){interfaceContext.resizeWindow(event);};
+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('&');
-for (var i in searchQueries)
+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) {
+switch (key) {
 case "url":
 url = value;
 break;
 case "returnURL":
 gReturnURL = value;
 break;
 case "saveFilenamePrefix":
 gSaveFilenamePrefix = value;
 break;
 }
 }
 loadProjectSpec(url);
-window.onbeforeunload = function() {
+window.onbeforeunload = function () {
 return "Please only leave this page once you have completed the tests. Are you sure you have completed all testing?";
 };
 }
 interfaceContext.lightbox.resize();
 };
 function loadProjectSpec(url) {
-	// Load the project document from the given URL, decode the XML and instruct audioEngine to get audio data
+// 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
+// If url is null, request client to upload project XML document
-	var xmlhttp = new XMLHttpRequest();
+var xmlhttp = new XMLHttpRequest();
-	xmlhttp.open("GET",'xml/test-schema.xsd',true);
+xmlhttp.open("GET", 'xml/test-schema.xsd', true);
-	xmlhttp.onload = function()
+xmlhttp.onload = function () {
-	{
+schemaXSD = xmlhttp.response;
-		schemaXSD = xmlhttp.response;
+var parse = new DOMParser();
-		var parse = new DOMParser();
+specification.schema = parse.parseFromString(xmlhttp.response, 'text/xml');
-		specification.schema = parse.parseFromString(xmlhttp.response,'text/xml');
+var r = new XMLHttpRequest();
-		var r = new XMLHttpRequest();
+r.open('GET', url, true);
-		r.open('GET',url,true);
+r.onload = function () {
-		r.onload = function() {
+loadProjectSpecCallback(r.response);
-			loadProjectSpecCallback(r.response);
+};
-		};
+r.onerror = function () {
-r.onerror = function() {
 document.getElementsByTagName('body')[0].innerHTML = null;
 var msg = document.createElement("h3");
 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();
+r.send();
-	};
+};
-	xmlhttp.send();
+xmlhttp.send();
 };
 function loadProjectSpecCallback(response) {
-	// Function called after asynchronous download of XML project specification
+// Function called after asynchronous download of XML project specification
-	//var decode = $.parseXML(response);
+//var decode = $.parseXML(response);
-	//projectXML = $(decode);
+//projectXML = $(decode);
 // Check if XML is new or a resumption
 var parse = new DOMParser();
-	var responseDocument = parse.parseFromString(response,'text/xml');
+var responseDocument = parse.parseFromString(response, 'text/xml');
 var errorNode = responseDocument.getElementsByTagName('parsererror');
-	if (errorNode.length >= 1)
+if (errorNode.length >= 1) {
-	{
+var msg = document.createElement("h3");
-		var msg = document.createElement("h3");
+msg.textContent = "FATAL ERROR";
-		msg.textContent = "FATAL ERROR";
+var span = document.createElement("span");
-		var span = document.createElement("span");
+span.textContent = "The XML parser returned the following errors when decoding your XML file";
-		span.textContent = "The XML parser returned the following errors when decoding your XML file";
+document.getElementsByTagName('body')[0].innerHTML = null;
-		document.getElementsByTagName('body')[0].innerHTML = null;
+document.getElementsByTagName('body')[0].appendChild(msg);
-		document.getElementsByTagName('body')[0].appendChild(msg);
+document.getElementsByTagName('body')[0].appendChild(span);
-		document.getElementsByTagName('body')[0].appendChild(span);
+document.getElementsByTagName('body')[0].appendChild(errorNode[0]);
-		document.getElementsByTagName('body')[0].appendChild(errorNode[0]);
+return;
-		return;
+}
-	}
 if (responseDocument == undefined || responseDocument.firstChild == undefined) {
 var msg = document.createElement("h3");
-		msg.textContent = "FATAL ERROR";
+msg.textContent = "FATAL ERROR";
-		var span = document.createElement("span");
+var 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.";
+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].innerHTML = null;
-		document.getElementsByTagName('body')[0].appendChild(msg);
+document.getElementsByTagName('body')[0].appendChild(msg);
-		document.getElementsByTagName('body')[0].appendChild(span);
+document.getElementsByTagName('body')[0].appendChild(span);
-		return;
+return;
 }
 if (responseDocument.firstChild.nodeName == "waet") {
 // document is a specification
 // Perform XML schema validation
 var Module = {
 xml: response,
 schema: schemaXSD,
-arguments:["--noout", "--schema", 'test-schema.xsd','document.xml']
+arguments: ["--noout", "--schema", 'test-schema.xsd', 'document.xml']
 };
 projectXML = responseDocument;
 var xmllint = validateXML(Module);
 console.log(xmllint);
-if(xmllint != 'document.xml validates\n')
+if (xmllint != 'document.xml validates\n') {
-{
 document.getElementsByTagName('body')[0].innerHTML = null;
 var msg = document.createElement("h3");
 msg.textContent = "FATAL ERROR";
 var 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)
+for (var i in xmllint) {
-{
 document.getElementsByTagName('body')[0].appendChild(document.createElement('br'));
 var span = document.createElement("span");
 span.textContent = xmllint[i];
 document.getElementsByTagName('body')[0].appendChild(span);
 }
 return;
 }
 // Build the specification
-	   specification.decode(projectXML);
+specification.decode(projectXML);
 // Generate the session-key
 storage.initialise();
 } else if (responseDocument.firstChild.nodeName == "waetresult") {
 // document is a result
-projectXML = document.implementation.createDocument(null,"waet");
+projectXML = document.implementation.createDocument(null, "waet");
 projectXML.firstChild.appendChild(responseDocument.getElementsByTagName('waet')[0].getElementsByTagName("setup")[0].cloneNode(true));
 var child = responseDocument.firstChild.firstChild;
 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;
 }
 }
 }
 child = child.nextElementSibling;
 }
 // Build the specification
-	    specification.decode(projectXML);
+specification.decode(projectXML);
 // Use the original
 storage.initialise(responseDocument);
 }
-	/// CHECK FOR SAMPLE RATE COMPATIBILITY
+/// CHECK FOR SAMPLE RATE COMPATIBILITY
-	if (specification.sampleRate != undefined) {
+if (specification.sampleRate != undefined) {
-		if (Number(specification.sampleRate) != audioContext.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.';
+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);
+interfaceContext.lightbox.post("Error", errStr);
-			return;
+return;
-		}
+}
-	}
+}
-	// Detect the interface to use and load the relevant javascripts.
+// Detect the interface to use and load the relevant javascripts.
-	var interfaceJS = document.createElement('script');
+var interfaceJS = document.createElement('script');
-	interfaceJS.setAttribute("type","text/javascript");
+interfaceJS.setAttribute("type", "text/javascript");
-	switch(specification.interface)
+switch (specification.interface) {
-	{
+case "APE":
-		case "APE":
+interfaceJS.setAttribute("src", "interfaces/ape.js");
-interfaceJS.setAttribute("src","interfaces/ape.js");
 // APE comes with a css file
 var css = document.createElement('link');
 css.rel = 'stylesheet';
 css.type = 'text/css';
 css.href = 'interfaces/ape.css';
 document.getElementsByTagName("head")[0].appendChild(css);
 break;
-		case "MUSHRA":
+case "MUSHRA":
-interfaceJS.setAttribute("src","interfaces/mushra.js");
+interfaceJS.setAttribute("src", "interfaces/mushra.js");
 // MUSHRA comes with a css file
 var css = document.createElement('link');
 css.rel = 'stylesheet';
 css.type = 'text/css';
 css.href = 'interfaces/mushra.css';
 document.getElementsByTagName("head")[0].appendChild(css);
 break;
-		case "AB":
+case "AB":
-interfaceJS.setAttribute("src","interfaces/AB.js");
+interfaceJS.setAttribute("src", "interfaces/AB.js");
 // AB comes with a css file
 var css = document.createElement('link');
 css.rel = 'stylesheet';
 css.type = 'text/css';
 css.href = 'interfaces/AB.css';
 document.getElementsByTagName("head")[0].appendChild(css);
 break;
 case "ABX":
-interfaceJS.setAttribute("src","interfaces/ABX.js");
+interfaceJS.setAttribute("src", "interfaces/ABX.js");
 // AB comes with a css file
 var css = document.createElement('link');
 css.rel = 'stylesheet';
 css.type = 'text/css';
 css.href = 'interfaces/ABX.css';
 document.getElementsByTagName("head")[0].appendChild(css);
 break;
-		case "Bipolar":
+case "Bipolar":
-		case "ACR":
+case "ACR":
-		case "DCR":
+case "DCR":
-		case "CCR":
+case "CCR":
-		case "ABC":
+case "ABC":
 // Above enumerate to horizontal sliders
-interfaceJS.setAttribute("src","interfaces/horizontal-sliders.js");
+interfaceJS.setAttribute("src", "interfaces/horizontal-sliders.js");
 // horizontal-sliders comes with a css file
 var css = document.createElement('link');
 css.rel = 'stylesheet';
 css.type = 'text/css';
 css.href = 'interfaces/horizontal-sliders.css';
 document.getElementsByTagName("head")[0].appendChild(css);
 break;
-		case "discrete":
+case "discrete":
-		case "likert":
+case "likert":
 // Above enumerate to horizontal discrete radios
-interfaceJS.setAttribute("src","interfaces/discrete.js");
+interfaceJS.setAttribute("src", "interfaces/discrete.js");
 // horizontal-sliders comes with a css file
 var css = document.createElement('link');
 css.rel = 'stylesheet';
 css.type = 'text/css';
 css.href = 'interfaces/discrete.css';
 document.getElementsByTagName("head")[0].appendChild(css);
 break;
 case "timeline":
-interfaceJS.setAttribute("src","interfaces/timeline.js");
+interfaceJS.setAttribute("src", "interfaces/timeline.js");
 var css = document.createElement('link');
 css.rel = 'stylesheet';
 css.type = 'text/css';
 css.href = 'interfaces/timeline.css';
 document.getElementsByTagName("head")[0].appendChild(css);
 break;
-	}
+}
-	document.getElementsByTagName("head")[0].appendChild(interfaceJS);
+document.getElementsByTagName("head")[0].appendChild(interfaceJS);
 if (gReturnURL != undefined) {
-console.log("returnURL Overide from "+specification.returnURL+" to "+gReturnURL);
+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
+// Create the audio engine object
-	audioEngineContext = new AudioEngine(specification);
+audioEngineContext = new AudioEngine(specification);
 }
 function createProjectSave(destURL) {
 // Clear the window.onbeforeunload
 window.onbeforeunload = null;
-	// Save the data from interface into XML and send to destURL
+// Save the data from interface into XML and send to destURL
-	// If destURL is null then download XML in client
+// If destURL is null then download XML in client
-	// Now time to render file locally
+// Now time to render file locally
-	var xmlDoc = interfaceXMLSave();
+var xmlDoc = interfaceXMLSave();
-	var parent = document.createElement("div");
+var parent = document.createElement("div");
-	parent.appendChild(xmlDoc);
+parent.appendChild(xmlDoc);
-	var file = [parent.innerHTML];
+var file = [parent.innerHTML];
-	if (destURL == "local") {
+if (destURL == "local") {
-		var bb = new Blob(file,{type : 'application/xml'});
+var bb = new Blob(file, {
-		var dnlk = window.URL.createObjectURL(bb);
+type: 'application/xml'
-		var a = document.createElement("a");
+});
-		a.hidden = '';
+var dnlk = window.URL.createObjectURL(bb);
-		a.href = dnlk;
+var a = document.createElement("a");
-		a.download = "save.xml";
+a.hidden = '';
-		a.textContent = "Save File";
+a.href = dnlk;
+a.download = "save.xml";
-		popup.showPopup();
+a.textContent = "Save File";
-		popup.popupContent.innerHTML = "<span>Please save the file below to give to your test supervisor</span><br>";
-		popup.popupContent.appendChild(a);
+popup.showPopup();
-	} else {
+popup.popupContent.innerHTML = "<span>Please save the file below to give to your test supervisor</span><br>";
-		var saveUrlSuffix = "";
+popup.popupContent.appendChild(a);
-		var saveFilenamePrefix = specification.saveFilenamePrefix;
+} else {
-		if(typeof(saveFilenamePrefix) === "string" && saveFilenamePrefix.length > 0){
+var saveUrlSuffix = "";
-			saveUrlSuffix  = "&saveFilenamePrefix="+saveFilenamePrefix;
+var saveFilenamePrefix = specification.saveFilenamePrefix;
-		}
+if (typeof (saveFilenamePrefix) === "string" && saveFilenamePrefix.length > 0) {
-		var projectReturn = "";
+saveUrlSuffix = "&saveFilenamePrefix=" + saveFilenamePrefix;
-		if (typeof specification.projectReturn == "string") {
+}
-			if (specification.projectReturn.substr(0,4) == "http") {
+var projectReturn = "";
-				projectReturn = specification.projectReturn;
+if (typeof specification.projectReturn == "string") {
-			}
+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;
+}
-		xmlhttp.open("POST", saveURL, true);
+var saveURL = projectReturn + "php/save.php?key=" + storage.SessionKey.key + saveUrlSuffix;
-		xmlhttp.setRequestHeader('Content-Type', 'text/xml');
+var xmlhttp = new XMLHttpRequest;
-		xmlhttp.onerror = function(){
+xmlhttp.open("POST", saveURL, true);
-			console.log('Error saving file to server! Presenting download locally');
+xmlhttp.setRequestHeader('Content-Type', 'text/xml');
-			createProjectSave("local");
+xmlhttp.onerror = function () {
-		};
+console.log('Error saving file to server! Presenting download locally');
-		xmlhttp.onload = function() {
+createProjectSave("local");
+};
+xmlhttp.onload = function () {
 console.log(xmlhttp);
 if (this.status >= 300) {
 console.log("WARNING - Could not update at this time");
 createProjectSave("local");
 } else {
 var xmlDoc = parser.parseFromString(xmlhttp.responseText, "application/xml");
 var response = xmlDoc.getElementsByTagName('response')[0];
 if (response.getAttribute("state") == "OK") {
 window.onbeforeunload = undefined;
 var file = response.getElementsByTagName("file")[0];
-console.log("Save: OK, written "+file.getAttribute("bytes")+"B");
+console.log("Save: OK, written " + file.getAttribute("bytes") + "B");
 if (typeof specification.returnURL == "string" && specification.returnURL.length > 0) {
 window.location = specification.returnURL;
 } else {
 popup.popupContent.textContent = specification.exitText;
 }
 } else {
 var message = response.getElementsByTagName("message");
-console.log("Save: Error! "+message.textContent);
+console.log("Save: Error! " + message.textContent);
 createProjectSave("local");
 }
 }
 };
-		xmlhttp.send(file);
+xmlhttp.send(file);
-		popup.showPopup();
+popup.showPopup();
-		popup.popupContent.innerHTML = null;
+popup.popupContent.innerHTML = null;
-		popup.popupContent.textContent = "Submitting. Please Wait";
+popup.popupContent.textContent = "Submitting. Please Wait";
-		if(typeof(popup.hideNextButton) === "function"){
+if (typeof (popup.hideNextButton) === "function") {
-			popup.hideNextButton();
+popup.hideNextButton();
-		}
+}
-		if(typeof(popup.hidePreviousButton) === "function"){
+if (typeof (popup.hidePreviousButton) === "function") {
-			popup.hidePreviousButton();
+popup.hidePreviousButton();
-		}
+}
-	}
+}
 }
-function errorSessionDump(msg){
+function errorSessionDump(msg) {
-	// Create the partial interface XML save
+// Create the partial interface XML save
-	// Include error node with message on why the dump occured
+// Include error node with message on why the dump occured
-	popup.showPopup();
+popup.showPopup();
-	popup.popupContent.innerHTML = null;
+popup.popupContent.innerHTML = null;
-	var err = document.createElement('error');
+var err = document.createElement('error');
-	var parent = document.createElement("div");
+var parent = document.createElement("div");
-	if (typeof msg === "object")
+if (typeof msg === "object") {
-	{
+err.appendChild(msg);
-		err.appendChild(msg);
+popup.popupContent.appendChild(msg);
-		popup.popupContent.appendChild(msg);
+} else {
-	} else {
+err.textContent = msg;
-		err.textContent = msg;
+popup.popupContent.innerHTML = "ERROR : " + msg;
-		popup.popupContent.innerHTML = "ERROR : "+msg;
+}
-	}
+var xmlDoc = interfaceXMLSave();
-	var xmlDoc = interfaceXMLSave();
+xmlDoc.appendChild(err);
-	xmlDoc.appendChild(err);
+parent.appendChild(xmlDoc);
-	parent.appendChild(xmlDoc);
+var file = [parent.innerHTML];
-	var file = [parent.innerHTML];
+var bb = new Blob(file, {
-	var bb = new Blob(file,{type : 'application/xml'});
+type: 'application/xml'
-	var dnlk = window.URL.createObjectURL(bb);
+});
-	var a = document.createElement("a");
+var dnlk = window.URL.createObjectURL(bb);
-	a.hidden = '';
+var a = document.createElement("a");
-	a.href = dnlk;
+a.hidden = '';
-	a.download = "save.xml";
+a.href = dnlk;
-	a.textContent = "Save File";
+a.download = "save.xml";
+a.textContent = "Save File";
-	popup.popupContent.appendChild(a);
+popup.popupContent.appendChild(a);
 }
 // Only other global function which must be defined in the interface class. Determines how to create the XML document.
-function interfaceXMLSave(){
+function interfaceXMLSave() {
-	// Create the XML string to be exported with results
+// Create the XML string to be exported with results
-	return storage.finish();
+return storage.finish();
 }
-function linearToDecibel(gain)
+function linearToDecibel(gain) {
-{
+return 20.0 * Math.log10(gain);
-	return 20.0*Math.log10(gain);
 }
-function decibelToLinear(gain)
+function decibelToLinear(gain) {
-{
+return Math.pow(10, gain / 20.0);
-	return Math.pow(10,gain/20.0);
 }
-function secondsToSamples(time,fs) {
+function secondsToSamples(time, fs) {
-return Math.round(time*fs);
+return Math.round(time * fs);
 }
-function samplesToSeconds(samples,fs) {
+function samplesToSeconds(samples, fs) {
 return samples / fs;
 }
 function randomString(length) {
 var str = ""
-for (var i=0; i<length; i+=2) {
+for (var i = 0; i < length; i += 2) {
-var num = Math.floor(Math.random()*1295);
+var num = Math.floor(Math.random() * 1295);
 str += num.toString(36);
 }
 return str;
 //return Math.round((Math.pow(36, length + 1) - Math.random() * Math.pow(36, length))).toString(36).slice(1);
 }
-function randomiseOrder(input)
+function randomiseOrder(input) {
-{
+// This takes an array of information and randomises the order
-	// This takes an array of information and randomises the order
+var N = input.length;
-	var N = input.length;
+var inputSequence = []; // For safety purposes: keep track of randomisation
-	var inputSequence = []; // For safety purposes: keep track of randomisation
+for (var counter = 0; counter < N; ++counter)
-	for (var counter = 0; counter < N; ++counter)
+inputSequence.push(counter) // Fill array
-		inputSequence.push(counter) // Fill array
+var inputSequenceClone = inputSequence.slice(0);
-	var inputSequenceClone = inputSequence.slice(0);
+var holdArr = [];
-	var holdArr = [];
+var outputSequence = [];
-	var outputSequence = [];
+for (var n = 0; n < N; n++) {
-	for (var n=0; n<N; n++)
+// First pick a random number
-	{
+var r = Math.random();
-		// First pick a random number
+// Multiply and floor by the number of elements left
-		var r = Math.random();
+r = Math.floor(r * input.length);
-		// Multiply and floor by the number of elements left
+// Pick out that element and delete from the array
-		r = Math.floor(r*input.length);
+holdArr.push(input.splice(r, 1)[0]);
-		// Pick out that element and delete from the array
+// Do the same with sequence
-		holdArr.push(input.splice(r,1)[0]);
+outputSequence.push(inputSequence.splice(r, 1)[0]);
-		// Do the same with sequence
+}
-		outputSequence.push(inputSequence.splice(r,1)[0]);
+console.log(inputSequenceClone.toString()); // print original array to console
-	}
+console.log(outputSequence.toString()); // print randomised array to console
-	console.log(inputSequenceClone.toString()); // print original array to console
+return holdArr;
-	console.log(outputSequence.toString()); 	// print randomised array to console
-	return holdArr;
 }
-function randomSubArray(array,num) {
+function randomSubArray(array, num) {
 if (num > array.length) {
 num = array.length;
 }
 var ret = [];
 while (num > 0) {
 var index = Math.floor(Math.random() * array.length);
-ret.push( array.splice(index,1)[0] );
+ret.push(array.splice(index, 1)[0]);
 num--;
 }
 return ret;
 }
 function interfacePopup() {
-	// Creates an object to manage the popup
+// Creates an object to manage the popup
-	this.popup = null;
+this.popup = null;
-	this.popupContent = null;
+this.popupContent = null;
-	this.popupTitle = null;
+this.popupTitle = null;
-	this.popupResponse = null;
+this.popupResponse = null;
-	this.buttonProceed = null;
+this.buttonProceed = null;
-	this.buttonPrevious = null;
+this.buttonPrevious = null;
-	this.popupOptions = null;
+this.popupOptions = null;
-	this.currentIndex = null;
+this.currentIndex = null;
-	this.node = null;
+this.node = null;
-	this.store = null;
+this.store = null;
-	$(window).keypress(function(e){
+$(window).keypress(function (e) {
-			if (e.keyCode == 13 && popup.popup.style.visibility == 'visible')
+if (e.keyCode == 13 && popup.popup.style.visibility == 'visible') {
-			{
+console.log(e);
-				console.log(e);
+popup.buttonProceed.onclick();
-				popup.buttonProceed.onclick();
+e.preventDefault();
-				e.preventDefault();
+}
-			}
+});
-		});
+this.createPopup = function () {
-	this.createPopup = function(){
+// Create popup window interface
-		// Create popup window interface
+var insertPoint = document.getElementById("topLevelBody");
-		var insertPoint = document.getElementById("topLevelBody");
+this.popup = document.getElementById('popupHolder');
-		this.popup = document.getElementById('popupHolder');
+this.popup.style.left = (window.innerWidth / 2) - 250 + 'px';
-		this.popup.style.left = (window.innerWidth/2)-250 + 'px';
+this.popup.style.top = (window.innerHeight / 2) - 125 + 'px';
-		this.popup.style.top = (window.innerHeight/2)-125 + 'px';
+this.popupContent = document.getElementById('popupContent');
-		this.popupContent = document.getElementById('popupContent');
+this.popupTitle = document.getElementById('popupTitle');
-		this.popupTitle = document.getElementById('popupTitle');
+this.popupResponse = document.getElementById('popupResponse');
-		this.popupResponse = document.getElementById('popupResponse');
+this.buttonProceed = document.getElementById('popup-proceed');
-		this.buttonProceed = document.getElementById('popup-proceed');
+this.buttonProceed.onclick = function () {
-		this.buttonProceed.onclick = function(){popup.proceedClicked();};
+popup.proceedClicked();
+};
-		this.buttonPrevious = document.getElementById('popup-previous');
-		this.buttonPrevious.onclick = function(){popup.previousClick();};
+this.buttonPrevious = document.getElementById('popup-previous');
+this.buttonPrevious.onclick = function () {
+popup.previousClick();
+};
 this.hidePopup();
-		this.popup.style.visibility = 'hidden';
+this.popup.style.visibility = 'hidden';
-	};
+};
-	this.showPopup = function(){
+this.showPopup = function () {
-		if (this.popup == null) {
+if (this.popup == null) {
-			this.createPopup();
+this.createPopup();
-		}
+}
-		this.popup.style.visibility = 'visible';
+this.popup.style.visibility = 'visible';
-		var blank = document.getElementsByClassName('testHalt')[0];
+var blank = document.getElementsByClassName('testHalt')[0];
-		blank.style.visibility = 'visible';
+blank.style.visibility = 'visible';
-this.popupResponse.style.left="0%";
+this.popupResponse.style.left = "0%";
-	};
+};
-	this.hidePopup = function(){
+this.hidePopup = function () {
 if (this.popup) {
 this.popup.style.visibility = 'hidden';
 var blank = document.getElementsByClassName('testHalt')[0];
 blank.style.visibility = 'hidden';
 this.buttonPrevious.style.visibility = 'inherit';
 }
-	};
+};
-	this.postNode = function() {
+this.postNode = function () {
-		// This will take the node from the popupOptions and display it
+// This will take the node from the popupOptions and display it
-		var node = this.popupOptions[this.currentIndex];
+var node = this.popupOptions[this.currentIndex];
-		this.popupResponse.innerHTML = "";
+this.popupResponse.innerHTML = "";
-		this.popupTitle.textContent = node.specification.statement;
+this.popupTitle.textContent = node.specification.statement;
-		if (node.specification.type == 'question') {
+if (node.specification.type == 'question') {
-			var textArea = document.createElement('textarea');
+var textArea = document.createElement('textarea');
-			switch (node.specification.boxsize) {
+switch (node.specification.boxsize) {
-			case 'small':
+case 'small':
-				textArea.cols = "20";
+textArea.cols = "20";
-				textArea.rows = "1";
+textArea.rows = "1";
-				break;
+break;
-			case 'normal':
+case 'normal':
-				textArea.cols = "30";
+textArea.cols = "30";
-				textArea.rows = "2";
+textArea.rows = "2";
-				break;
+break;
-			case 'large':
+case 'large':
-				textArea.cols = "40";
+textArea.cols = "40";
-				textArea.rows = "5";
+textArea.rows = "5";
-				break;
+break;
-			case 'huge':
+case 'huge':
-				textArea.cols = "50";
+textArea.cols = "50";
-				textArea.rows = "10";
+textArea.rows = "10";
-				break;
+break;
-			}
+}
 if (node.response == undefined) {
 node.response = "";
 } else {
 textArea.value = node.response;
 }
-			this.popupResponse.appendChild(textArea);
+this.popupResponse.appendChild(textArea);
-			textArea.focus();
+textArea.focus();
-this.popupResponse.style.textAlign="center";
+this.popupResponse.style.textAlign = "center";
-this.popupResponse.style.left="0%";
+this.popupResponse.style.left = "0%";
-		} else if (node.specification.type == 'checkbox') {
+} else if (node.specification.type == 'checkbox') {
 if (node.response == undefined) {
 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) {
+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';
+input.type = 'checkbox';
 td.appendChild(input);
 td = document.createElement("td");
 tr.appendChild(td);
-				var span = document.createElement('span');
+var span = document.createElement('span');
-				span.textContent = option.text;
+span.textContent = option.text;
 td.appendChild(span);
-				var tr = document.createElement('div');
+var tr = document.createElement('div');
-				tr.setAttribute('name','option');
+tr.setAttribute('name', 'option');
 tr.className = "popup-option-checbox";
-if (node.response[index] != undefined){
+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') {
+} else if (node.specification.type == 'radio') {
 if (node.response == undefined) {
-node.response = {name: "", text: ""};
+node.response = {
+name: "",
+text: ""
+};
 }
 var index = 0;
-			var table = document.createElement("table");
+var table = document.createElement("table");
 table.className = "popup-option-list";
 table.border = "0";
-			for (var option of node.specification.options) {
+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.type = 'radio';
 input.name = node.specification.id;
 td.appendChild(input);
 td = document.createElement("td");
 tr.appendChild(td);
-				var span = document.createElement('span');
+var span = document.createElement('span');
-				span.textContent = option.text;
+span.textContent = option.text;
 td.appendChild(span);
-				var tr = document.createElement('div');
+var tr = document.createElement('div');
-				tr.setAttribute('name','option');
+tr.setAttribute('name', 'option');
 tr.className = "popup-option-checbox";
-if (node.response[index] != undefined){
+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') {
+} else if (node.specification.type == 'number') {
-			var input = document.createElement('input');
+var input = document.createElement('input');
-			input.type = 'textarea';
+input.type = 'textarea';
-			if (node.min != null) {input.min = node.specification.min;}
+if (node.min != null) {
-			if (node.max != null) {input.max = node.specification.max;}
+input.min = node.specification.min;
-			if (node.step != null) {input.step = node.specification.step;}
+}
+if (node.max != null) {
+input.max = node.specification.max;
+}
+if (node.step != null) {
+input.step = node.specification.step;
+}
 if (node.response != undefined) {
 input.value = node.response;
 }
-			this.popupResponse.appendChild(input);
+this.popupResponse.appendChild(input);
-this.popupResponse.style.textAlign="center";
+this.popupResponse.style.textAlign = "center";
-this.popupResponse.style.left="0%";
+this.popupResponse.style.left = "0%";
-		} else if (node.specification.type == "video") {
+} else if (node.specification.type == "video") {
 var video = document.createElement("video");
 video.src = node.specification.url;
 this.popupResponse.appendChild(video);
 } else if (node.specification.type == "youtube") {
 var iframe = document.createElement("iframe");
 iframe.className = "youtube";
 iframe.src = node.specification.url;
 this.popupResponse.appendChild(iframe);
 }
-		if(this.currentIndex+1 == this.popupOptions.length) {
+if (this.currentIndex + 1 == this.popupOptions.length) {
-			if (this.node.location == "pre") {
+if (this.node.location == "pre") {
-				this.buttonProceed.textContent = 'Start';
+this.buttonProceed.textContent = 'Start';
-			} else {
+} else {
-				this.buttonProceed.textContent = 'Submit';
+this.buttonProceed.textContent = 'Submit';
-			}
+}
-		} else {
+} else {
-			this.buttonProceed.textContent = 'Next';
+this.buttonProceed.textContent = 'Next';
-		}
+}
-		if(this.currentIndex > 0)
+if (this.currentIndex > 0)
-			this.buttonPrevious.style.visibility = 'visible';
+this.buttonPrevious.style.visibility = 'visible';
-		else
+else
-			this.buttonPrevious.style.visibility = 'hidden';
+this.buttonPrevious.style.visibility = 'hidden';
-	};
+};
-	this.initState = function(node,store) {
+this.initState = function (node, store) {
-		//Call this with your preTest and postTest nodes when needed to
+//Call this with your preTest and postTest nodes when needed to
-		// initialise the popup procedure.
+// initialise the popup procedure.
-		if (node.options.length > 0) {
+if (node.options.length > 0) {
-			this.popupOptions = [];
+this.popupOptions = [];
-			this.node = node;
+this.node = node;
-			this.store = store;
+this.store = store;
-			for (var opt of node.options)
+for (var opt of node.options) {
-			{
+this.popupOptions.push({
-				this.popupOptions.push({
+specification: opt,
-					specification: opt,
+response: null
-					response: null
+});
-				});
+}
-			}
+this.currentIndex = 0;
-			this.currentIndex = 0;
+this.showPopup();
-			this.showPopup();
+this.postNode();
-			this.postNode();
+} else {
-		} else {
+advanceState();
-			advanceState();
+}
-		}
+};
-	};
+this.proceedClicked = function () {
-	this.proceedClicked = function() {
+// Each time the popup button is clicked!
-		// Each time the popup button is clicked!
 if (testState.stateIndex == 0 && specification.calibration) {
 interfaceContext.calibrationModuleObject.collect();
 advanceState();
 return;
 }
-		var node = this.popupOptions[this.currentIndex];
+var node = this.popupOptions[this.currentIndex];
-		if (node.specification.type == 'question') {
+if (node.specification.type == 'question') {
-			// Must extract the question data
+// Must extract the question data
-			var textArea = $(popup.popupContent).find('textarea')[0];
+var textArea = $(popup.popupContent).find('textarea')[0];
-			if (node.specification.mandatory == true && textArea.value.length == 0) {
+if (node.specification.mandatory == true && textArea.value.length == 0) {
-interfaceContext.lightbox.post("Error","This question is mandatory");
+interfaceContext.lightbox.post("Error", "This question is mandatory");
-				return;
+return;
-			} else {
+} else {
-				// Save the text content
+// Save the text content
-				console.log("Question: "+ node.specification.statement);
+console.log("Question: " + node.specification.statement);
-				console.log("Question Response: "+ textArea.value);
+console.log("Question Response: " + textArea.value);
-				node.response = textArea.value;
+node.response = textArea.value;
-			}
+}
 // Perform the conditional
 for (var condition of node.specification.conditions) {
 var pass = false;
-switch(condition.check) {
+switch (condition.check) {
 case "equals":
 if (textArea.value == condition.value) {
 pass = true;
 }
 break;
 jumpID = condition.jumpToOnPass;
 } else {
 jumpID = condition.jumpToOnFail;
 }
 if (jumpID != undefined) {
-var index = this.popupOptions.findIndex(function(item,index,element){
+var index = this.popupOptions.findIndex(function (item, index, element) {
-if (item.specification.id == jumpID) {return true;} else {return false;}
+if (item.specification.id == jumpID) {
-},this);
+return true;
-this.currentIndex = index-1;
+} else {
+return false;
+}
+}, this);
+this.currentIndex = index - 1;
 break;
 }
 }
-		} else if (node.specification.type == 'checkbox') {
+} else if (node.specification.type == 'checkbox') {
-			// Must extract checkbox data
+// Must extract checkbox data
-			console.log("Checkbox: "+ node.specification.statement);
+console.log("Checkbox: " + node.specification.statement);
-			var inputs = this.popupResponse.getElementsByTagName('input');
+var inputs = this.popupResponse.getElementsByTagName('input');
-			node.response = [];
+node.response = [];
 var numChecked = 0;
-for (var i=0; i<node.specification.options.length; i++) {
+for (var i = 0; i < node.specification.options.length; i++) {
-if (inputs[i].checked) {numChecked++;}
+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";
+var msg = "You must select at least " + node.specification.min + " option";
 if (node.specification.min > 1) {
 msg += "s";
 }
-interfaceContext.lightbox.post("Error",msg);
+interfaceContext.lightbox.post("Error", msg);
 return;
 }
-}
+} else {
-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);
+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);
+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++) {
+for (var i = 0; i < node.specification.options.length; i++) {
-				node.response.push({
+node.response.push({
-					name: node.specification.options[i].name,
+name: node.specification.options[i].name,
-					text: node.specification.options[i].text,
+text: node.specification.options[i].text,
-					checked: inputs[i].checked
+checked: inputs[i].checked
-				});
+});
-				console.log(node.specification.options[i].name+": "+ inputs[i].checked);
+console.log(node.specification.options[i].name + ": " + inputs[i].checked);
-			}
+}
 // Perform the conditional
 for (var condition of node.specification.conditions) {
 var pass = false;
-switch(condition.check) {
+switch (condition.check) {
 case "equals":
 case "greaterThan":
 case "lessThan":
 console.log("Survey Element of type 'checkbox' cannot interpret equals/greaterThan/lessThan conditions. IGNORING");
 break;
 jumpID = condition.jumpToOnPass;
 } else {
 jumpID = condition.jumpToOnFail;
 }
 if (jumpID != undefined) {
-var index = this.popupOptions.findIndex(function(item,index,element){
+var index = this.popupOptions.findIndex(function (item, index, element) {
-if (item.specification.id == jumpID) {return true;} else {return false;}
+if (item.specification.id == jumpID) {
-},this);
+return true;
-this.currentIndex = index-1;
+} else {
+return false;
+}
+}, this);
+this.currentIndex = index - 1;
 break;
 }
 }
-		} else if (node.specification.type == "radio") {
+} else if (node.specification.type == "radio") {
-			var optHold = this.popupResponse;
+var optHold = this.popupResponse;
-			console.log("Radio: "+ node.specification.statement);
+console.log("Radio: " + node.specification.statement);
-			node.response = null;
+node.response = null;
-			var i=0;
+var i = 0;
-			var inputs = optHold.getElementsByTagName('input');
+var inputs = optHold.getElementsByTagName('input');
-			while(node.response == null) {
+while (node.response == null) {
-				if (i == inputs.length)
+if (i == inputs.length) {
-				{
+if (node.specification.mandatory == true) {
-					if (node.specification.mandatory == true)
+interfaceContext.lightbox.post("Error", "Please select one option");
-					{
-interfaceContext.lightbox.post("Error","Please select one option");
 return;
-					}
+}
 break;
-				}
+}
-				if (inputs[i].checked == true) {
+if (inputs[i].checked == true) {
-					node.response = node.specification.options[i];
+node.response = node.specification.options[i];
-					console.log("Selected: "+ node.specification.options[i].name);
+console.log("Selected: " + node.specification.options[i].name);
-				}
+}
-				i++;
+i++;
-			}
+}
 // Perform the conditional
 for (var condition of node.specification.conditions) {
 var pass = false;
-switch(condition.check) {
+switch (condition.check) {
 case "contains":
 case "greaterThan":
 case "lessThan":
 console.log("Survey Element of type 'radio' cannot interpret contains/greaterThan/lessThan conditions. IGNORING");
 break;
 jumpID = condition.jumpToOnPass;
 } else {
 jumpID = condition.jumpToOnFail;
 }
 if (jumpID != undefined) {
-var index = this.popupOptions.findIndex(function(item,index,element){
+var index = this.popupOptions.findIndex(function (item, index, element) {
-if (item.specification.id == jumpID) {return true;} else {return false;}
+if (item.specification.id == jumpID) {
-},this);
+return true;
-this.currentIndex = index-1;
+} else {
+return false;
+}
+}, this);
+this.currentIndex = index - 1;
 break;
 }
 }
-		} else if (node.specification.type == "number") {
+} else if (node.specification.type == "number") {
-			var input = this.popupContent.getElementsByTagName('input')[0];
+var input = this.popupContent.getElementsByTagName('input')[0];
-			if (node.mandatory == true && input.value.length == 0) {
+if (node.mandatory == true && input.value.length == 0) {
-				interfaceContext.lightbox.post("Error",'This question is mandatory. Please enter a number');
+interfaceContext.lightbox.post("Error", 'This question is mandatory. Please enter a number');
-				return;
+return;
-			}
+}
-			var enteredNumber = Number(input.value);
+var enteredNumber = Number(input.value);
-			if (isNaN(enteredNumber)) {
+if (isNaN(enteredNumber)) {
-				interfaceContext.lightbox.post("Error",'Please enter a valid number');
+interfaceContext.lightbox.post("Error", 'Please enter a valid number');
-				return;
+return;
-			}
+}
-			if (enteredNumber < node.min && node.min != null) {
+if (enteredNumber < node.min && node.min != null) {
-				interfaceContext.lightbox.post("Error",'Number is below the minimum value of '+node.min);
+interfaceContext.lightbox.post("Error", 'Number is below the minimum value of ' + node.min);
-				return;
+return;
-			}
+}
-			if (enteredNumber > node.max && node.max != null) {
+if (enteredNumber > node.max && node.max != null) {
-				interfaceContext.lightbox.post("Error",'Number is above the maximum value of '+node.max);
+interfaceContext.lightbox.post("Error", 'Number is above the maximum value of ' + node.max);
-				return;
+return;
-			}
+}
-			node.response = input.value;
+node.response = input.value;
 // Perform the conditional
 for (var condition of node.specification.conditions) {
 var pass = false;
-switch(condition.check) {
+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)) {
 jumpID = condition.jumpToOnPass;
 } else {
 jumpID = condition.jumpToOnFail;
 }
 if (jumpID != undefined) {
-var index = this.popupOptions.findIndex(function(item,index,element){
+var index = this.popupOptions.findIndex(function (item, index, element) {
-if (item.specification.id == jumpID) {return true;} else {return false;}
+if (item.specification.id == jumpID) {
-},this);
+return true;
-this.currentIndex = index-1;
+} else {
+return false;
+}
+}, this);
+this.currentIndex = index - 1;
 break;
 }
 }
-		}
+}
-		this.currentIndex++;
+this.currentIndex++;
-		if (this.currentIndex < this.popupOptions.length) {
+if (this.currentIndex < this.popupOptions.length) {
-			this.postNode();
+this.postNode();
-		} else {
+} else {
-			// Reached the end of the popupOptions
+// Reached the end of the popupOptions
 this.popupContent.innerHTML = "";
-			this.hidePopup();
+this.hidePopup();
-			for (var node of this.popupOptions)
+for (var node of this.popupOptions) {
-			{
+this.store.postResult(node);
-				this.store.postResult(node);
+}
-			}
 this.store.complete();
-			advanceState();
+advanceState();
-		}
+}
-	};
+};
-	this.previousClick = function() {
+this.previousClick = function () {
-		// Triggered when the 'Back' button is clicked in the survey
+// Triggered when the 'Back' button is clicked in the survey
-		if (this.currentIndex > 0) {
+if (this.currentIndex > 0) {
-			this.currentIndex--;
+this.currentIndex--;
-			this.postNode();
+this.postNode();
-		}
+}
-	};
+};
-	this.resize = function(event)
+this.resize = function (event) {
-	{
+// Called on window resize;
-		// Called on window resize;
+if (this.popup != null) {
-		if (this.popup != null) {
+this.popup.style.left = (window.innerWidth / 2) - 250 + 'px';
-			this.popup.style.left = (window.innerWidth/2)-250 + 'px';
+this.popup.style.top = (window.innerHeight / 2) - 125 + 'px';
-			this.popup.style.top = (window.innerHeight/2)-125 + 'px';
+var blank = document.getElementsByClassName('testHalt')[0];
-			var blank = document.getElementsByClassName('testHalt')[0];
+blank.style.width = window.innerWidth;
-			blank.style.width = window.innerWidth;
+blank.style.height = window.innerHeight;
-			blank.style.height = window.innerHeight;
+}
-		}
+};
-	};
+this.hideNextButton = function () {
-this.hideNextButton = function() {
 this.buttonProceed.style.visibility = "hidden";
 }
-this.hidePreviousButton = function() {
+this.hidePreviousButton = function () {
 this.buttonPrevious.style.visibility = "hidden";
 }
-this.showNextButton = function() {
+this.showNextButton = function () {
 this.buttonProceed.style.visibility = "visible";
 }
-this.showPreviousButton = function() {
+this.showPreviousButton = function () {
 this.buttonPrevious.style.visibility = "visible";
 }
 }
-function advanceState()
+function advanceState() {
-{
+// Just for complete clarity
-	// Just for complete clarity
+testState.advanceState();
-	testState.advanceState();
 }
-function stateMachine()
+function stateMachine() {
-{
+// Object prototype for tracking and managing the test state
-	// Object prototype for tracking and managing the test state
+this.stateMap = [];
-	this.stateMap = [];
+this.preTestSurvey = null;
-	this.preTestSurvey = null;
+this.postTestSurvey = null;
-	this.postTestSurvey = null;
+this.stateIndex = null;
-	this.stateIndex = null;
+this.currentStateMap = null;
-	this.currentStateMap = null;
+this.currentStatePosition = null;
-	this.currentStatePosition = null;
 this.currentStore = null;
-	this.initialise = function(){
+this.initialise = function () {
-		// Get the data from Specification
+// Get the data from Specification
-		var pagePool = [];
+var pagePool = [];
 var pageInclude = [];
-		for (var page of specification.pages)
+for (var page of specification.pages) {
-		{
 if (page.alwaysInclude) {
 pageInclude.push(page);
 } else {
 pagePool.push(page);
 }
-		}
+}
 // Find how many are left to get
 var numPages = specification.poolSize;
 if (numPages > pagePool.length) {
 console.log("WARNING - You have specified more pages in <setup poolSize> than you have created!!");
 numPages = specification.pages.length;
 }
 if (specification.poolSize == 0) {
 numPages = specification.pages.length;
 }
 numPages -= pageInclude.length;
 if (numPages > 0) {
 // Go find the rest of the pages from the pool
 var subarr = null;
 if (specification.randomiseOrder) {
 // Append a random sub-array
-subarr = randomSubArray(pagePool,numPages);
+subarr = randomSubArray(pagePool, numPages);
 } else {
 // Append the matching number
-subarr = pagePool.slice(0,numPages);
+subarr = pagePool.slice(0, numPages);
 }
 pageInclude = pageInclude.concat(subarr);
 }
 // We now have our selected pages in pageInclude array
-		if (specification.randomiseOrder)
+if (specification.randomiseOrder) {
-		{
+pageInclude = randomiseOrder(pageInclude);
-			pageInclude = randomiseOrder(pageInclude);
+}
-		}
+for (var i = 0; i < pageInclude.length; i++) {
-		for (var i=0; i<pageInclude.length; i++)
-		{
 pageInclude[i].presentedId = i;
-			this.stateMap.push(pageInclude[i]);
+this.stateMap.push(pageInclude[i]);
 // For each selected page, we must get the sub pool
 if (pageInclude[i].poolSize != 0 && pageInclude[i].poolSize != pageInclude[i].audioElements.length) {
 var elemInclude = [];
 var elemPool = [];
 for (var elem of pageInclude[i].audioElements) {
 } else {
 elemPool.push(elem);
 }
 }
 var numElems = pageInclude[i].poolSize - elemInclude.length;
-pageInclude[i].audioElements = elemInclude.concat(randomSubArray(elemPool,numElems));
+pageInclude[i].audioElements = elemInclude.concat(randomSubArray(elemPool, numElems));
 }
 storage.createTestPageStore(pageInclude[i]);
 audioEngineContext.loadPageData(pageInclude[i]);
-		}
+}
-		if (specification.preTest != null) {this.preTestSurvey = specification.preTest;}
+if (specification.preTest != null) {
-		if (specification.postTest != null) {this.postTestSurvey = specification.postTest;}
+this.preTestSurvey = specification.preTest;
+}
-		if (this.stateMap.length > 0) {
+if (specification.postTest != null) {
-			if(this.stateIndex != null) {
+this.postTestSurvey = specification.postTest;
-				console.log('NOTE - State already initialise');
+}
-			}
-			this.stateIndex = -2;
+if (this.stateMap.length > 0) {
+if (this.stateIndex != null) {
+console.log('NOTE - State already initialise');
+}
+this.stateIndex = -2;
 console.log('Starting test...');
-		} else {
+} else {
-			console.log('FATAL - StateMap not correctly constructed. EMPTY_STATE_MAP');
+console.log('FATAL - StateMap not correctly constructed. EMPTY_STATE_MAP');
-		}
+}
-	};
+};
-	this.advanceState = function(){
+this.advanceState = function () {
-		if (this.stateIndex == null) {
+if (this.stateIndex == null) {
-			this.initialise();
+this.initialise();
-		}
+}
 if (this.stateIndex > -2) {
 storage.update();
 }
-		if (this.stateIndex == -2) {
+if (this.stateIndex == -2) {
 this.stateIndex++;
-			if (this.preTestSurvey != null)
+if (this.preTestSurvey != null) {
-			{
+popup.initState(this.preTestSurvey, storage.globalPreTest);
-				popup.initState(this.preTestSurvey,storage.globalPreTest);
+} else {
-			} else {
+this.advanceState();
-				this.advanceState();
+}
-			}
+} else if (this.stateIndex == -1) {
-		} else if (this.stateIndex == -1) {
 this.stateIndex++;
 if (specification.calibration) {
 popup.showPopup();
 popup.popupTitle.textContent = "Calibration. Set the levels so all tones are of equal amplitude. Move your mouse over the sliders to hear the tones. The red slider is the reference tone";
 interfaceContext.calibrationModuleObject = new interfaceContext.calibrationModule();
 interfaceContext.calibrationModuleObject.build(popup.popupResponse);
 popup.hidePreviousButton();
 } else {
 this.advanceState();
 }
-}
+} else if (this.stateIndex == this.stateMap.length) {
-else if (this.stateIndex == this.stateMap.length)
+// All test pages complete, post test
-		{
+console.log('Ending test ...');
-			// All test pages complete, post test
+this.stateIndex++;
-			console.log('Ending test ...');
+if (this.postTestSurvey == null) {
-			this.stateIndex++;
+this.advanceState();
-			if (this.postTestSurvey == null) {
+} else {
-				this.advanceState();
+popup.initState(this.postTestSurvey, storage.globalPostTest);
-			} else {
+}
-				popup.initState(this.postTestSurvey,storage.globalPostTest);
+} else if (this.stateIndex > this.stateMap.length) {
-			}
+createProjectSave(specification.projectReturn);
-		} else if (this.stateIndex > this.stateMap.length)
+} else {
-		{
-			createProjectSave(specification.projectReturn);
-		}
-		else
-		{
 popup.hidePopup();
-			if (this.currentStateMap == null)
+if (this.currentStateMap == null) {
-			{
+this.currentStateMap = this.stateMap[this.stateIndex];
-				this.currentStateMap = this.stateMap[this.stateIndex];
 // Find and extract the outside reference
-var elements = [], ref = [];
+var elements = [],
+ref = [];
 var elem;
-while(elem = this.currentStateMap.audioElements.pop())
+while (elem = this.currentStateMap.audioElements.pop()) {
-{
 if (elem.type == "outside-reference") {
 ref.push(elem);
-}
+} else {
-else {
 elements.push(elem);
 }
 }
 elements = elements.reverse();
-				if (this.currentStateMap.randomiseOrder)
+if (this.currentStateMap.randomiseOrder) {
-				{
+elements = randomiseOrder(elements);
-					elements = randomiseOrder(elements);
+}
-				}
 this.currentStateMap.audioElements = elements.concat(ref);
 this.currentStore = storage.testPages[this.stateIndex];
-				if (this.currentStateMap.preTest != null)
+if (this.currentStateMap.preTest != null) {
-				{
+this.currentStatePosition = 'pre';
-					this.currentStatePosition = 'pre';
+popup.initState(this.currentStateMap.preTest, storage.testPages[this.stateIndex].preTest);
-					popup.initState(this.currentStateMap.preTest,storage.testPages[this.stateIndex].preTest);
+} else {
-				} else {
+this.currentStatePosition = 'test';
-					this.currentStatePosition = 'test';
+}
-				}
+interfaceContext.newPage(this.currentStateMap, storage.testPages[this.stateIndex]);
-				interfaceContext.newPage(this.currentStateMap,storage.testPages[this.stateIndex]);
+return;
-				return;
+}
-			}
+switch (this.currentStatePosition) {
-			switch(this.currentStatePosition)
+case 'pre':
-			{
+this.currentStatePosition = 'test';
-			case 'pre':
+break;
-				this.currentStatePosition = 'test';
+case 'test':
-				break;
+this.currentStatePosition = 'post';
-			case 'test':
+// Save the data
-				this.currentStatePosition = 'post';
+this.testPageCompleted();
-				// Save the data
+if (this.currentStateMap.postTest == null) {
-				this.testPageCompleted();
+this.advanceState();
-				if (this.currentStateMap.postTest == null)
+return;
-				{
+} else {
-					this.advanceState();
+popup.initState(this.currentStateMap.postTest, storage.testPages[this.stateIndex].postTest);
-					return;
+}
-				} else {
+break;
-					popup.initState(this.currentStateMap.postTest,storage.testPages[this.stateIndex].postTest);
+case 'post':
-				}
+this.stateIndex++;
-				break;
+this.currentStateMap = null;
-			case 'post':
+this.advanceState();
-				this.stateIndex++;
+break;
-				this.currentStateMap = null;
+};
-				this.advanceState();
+}
-				break;
+};
-			};
-		}
+this.testPageCompleted = function () {
-	};
+// Function called each time a test page has been completed
+var storePoint = storage.testPages[this.stateIndex];
-	this.testPageCompleted = function() {
+// First get the test metric
-		// Function called each time a test page has been completed
-		var storePoint = storage.testPages[this.stateIndex];
+var metric = storePoint.XMLDOM.getElementsByTagName('metric')[0];
-		// First get the test metric
+if (audioEngineContext.metric.enableTestTimer) {
+var testTime = storePoint.parent.document.createElement('metricresult');
-		var metric = storePoint.XMLDOM.getElementsByTagName('metric')[0];
+testTime.id = 'testTime';
-		if (audioEngineContext.metric.enableTestTimer)
+testTime.textContent = audioEngineContext.timer.testDuration;
-		{
+metric.appendChild(testTime);
-			var testTime = storePoint.parent.document.createElement('metricresult');
+}
-			testTime.id = 'testTime';
-			testTime.textContent = audioEngineContext.timer.testDuration;
+var audioObjects = audioEngineContext.audioObjects;
-			metric.appendChild(testTime);
+for (var ao of audioEngineContext.audioObjects) {
-		}
+ao.exportXMLDOM();
+}
-		var audioObjects = audioEngineContext.audioObjects;
+for (var element of interfaceContext.commentQuestions) {
-		for (var ao of audioEngineContext.audioObjects)
+element.exportXMLDOM(storePoint);
-		{
+}
-			ao.exportXMLDOM();
+pageXMLSave(storePoint.XMLDOM, this.currentStateMap);
-		}
-		for (var element of interfaceContext.commentQuestions)
-		{
-			element.exportXMLDOM(storePoint);
-		}
-		pageXMLSave(storePoint.XMLDOM, this.currentStateMap);
 storePoint.complete();
-	};
+};
-this.getCurrentTestPage = function() {
+this.getCurrentTestPage = function () {
-if (this.stateIndex >= 0 && this.stateIndex< this.stateMap.length) {
+if (this.stateIndex >= 0 && this.stateIndex < this.stateMap.length) {
 return this.currentStateMap;
 } else {
 return null;
 }
 }
-this.getCurrentTestPageStore = function() {
+this.getCurrentTestPageStore = function () {
-if (this.stateIndex >= 0 && this.stateIndex< this.stateMap.length) {
+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.
+// Create two output paths, the main outputGain and fooGain.
-	// Output gain is default to 1 and any items for playback route here
+// Output gain is default to 1 and any items for playback route here
-	// Foo gain is used for analysis to ensure paths get processed, but are not heard
+// Foo gain is used for analysis to ensure paths get processed, but are not heard
-	// because web audio will optimise and any route which does not go to the destination gets ignored.
+// because web audio will optimise and any route which does not go to the destination gets ignored.
-	this.outputGain = audioContext.createGain();
+this.outputGain = audioContext.createGain();
-	this.fooGain = audioContext.createGain();
+this.fooGain = audioContext.createGain();
-	this.fooGain.gain = 0;
+this.fooGain.gain = 0;
-	// Use this to detect playback state: 0 - stopped, 1 - playing
+// Use this to detect playback state: 0 - stopped, 1 - playing
-	this.status = 0;
+this.status = 0;
-	// Connect both gains to output
+// Connect both gains to output
-	this.outputGain.connect(audioContext.destination);
+this.outputGain.connect(audioContext.destination);
-	this.fooGain.connect(audioContext.destination);
+this.fooGain.connect(audioContext.destination);
-	// Create the timer Object
+// Create the timer Object
-	this.timer = new timer();
+this.timer = new timer();
-	// Create session metrics
+// Create session metrics
-	this.metric = new sessionMetrics(this,specification);
+this.metric = new sessionMetrics(this, specification);
-	this.loopPlayback = false;
+this.loopPlayback = false;
 this.synchPlayback = false;
 this.pageSpecification = null;
-	this.pageStore = null;
+this.pageStore = null;
-	// Create store for new audioObjects
+// Create store for new audioObjects
-	this.audioObjects = [];
+this.audioObjects = [];
-	this.buffers = [];
+this.buffers = [];
-	this.bufferObj = function()
+this.bufferObj = function () {
-	{
+this.url = null;
-		this.url = null;
+this.buffer = null;
-		this.buffer = null;
+this.xmlRequest = new XMLHttpRequest();
-		this.xmlRequest = new XMLHttpRequest();
+this.xmlRequest.parent = this;
-		this.xmlRequest.parent = this;
+this.users = [];
-		this.users = [];
 this.progress = 0;
 this.status = 0;
-		this.ready = function()
+this.ready = function () {
-		{
+if (this.status >= 2) {
-if (this.status >= 2)
-{
 this.status = 3;
 }
-			for (var i=0; i<this.users.length; i++)
+for (var i = 0; i < this.users.length; i++) {
-			{
+this.users[i].state = 1;
-				this.users[i].state = 1;
+if (this.users[i].interfaceDOM != null) {
-				if (this.users[i].interfaceDOM != null)
+this.users[i].bufferLoaded(this);
-				{
+}
-					this.users[i].bufferLoaded(this);
+}
-				}
+};
-			}
+this.getMedia = function (url) {
-		};
+this.url = url;
-		this.getMedia = function(url) {
+this.xmlRequest.open('GET', this.url, true);
-			this.url = url;
+this.xmlRequest.responseType = 'arraybuffer';
-			this.xmlRequest.open('GET',this.url,true);
-			this.xmlRequest.responseType = 'arraybuffer';
+var bufferObj = this;
-			var bufferObj = this;
+// Create callback to decode the data asynchronously
+this.xmlRequest.onloadend = function () {
-			// Create callback to decode the data asynchronously
-			this.xmlRequest.onloadend = function() {
 // Use inbuilt WAVE decoder first
-if (this.status == -1) {return;}
+if (this.status == -1) {
+return;
+}
 var waveObj = new WAVE();
-audioContext.decodeAudioData(bufferObj.xmlRequest.response, function(decodedData) {
+audioContext.decodeAudioData(bufferObj.xmlRequest.response, function (decodedData) {
 bufferObj.buffer = decodedData;
 bufferObj.status = 2;
-calculateLoudness(bufferObj,"I");
+calculateLoudness(bufferObj, "I");
-}, function(e) {
+}, function (e) {
 var waveObj = new WAVE();
-if (waveObj.open(bufferObj.xmlRequest.response) == 0)
+if (waveObj.open(bufferObj.xmlRequest.response) == 0) {
-{
+bufferObj.buffer = audioContext.createBuffer(waveObj.num_channels, waveObj.num_samples, waveObj.sample_rate);
-bufferObj.buffer = audioContext.createBuffer(waveObj.num_channels,waveObj.num_samples,waveObj.sample_rate);
+for (var c = 0; c < waveObj.num_channels; c++) {
-for (var c=0; c<waveObj.num_channels; c++)
-{
 var buffer_ptr = bufferObj.buffer.getChannelData(c);
-for (var n=0; n<waveObj.num_samples; n++)
+for (var n = 0; n < waveObj.num_samples; n++) {
-{
 buffer_ptr[n] = waveObj.decoded_data[c][n];
 }
 }
 delete waveObj;
 }
-if (bufferObj.buffer != undefined)
+if (bufferObj.buffer != undefined) {
-{
 bufferObj.status = 2;
-calculateLoudness(bufferObj,"I");
+calculateLoudness(bufferObj, "I");
 }
 });
-			};
+};
 // Create callback for any error in loading
-this.xmlRequest.onerror = function() {
+this.xmlRequest.onerror = function () {
 this.parent.status = -1;
-for (var i=0; i<this.parent.users.length; i++)
+for (var i = 0; i < this.parent.users.length; i++) {
-{
 this.parent.users[i].state = -1;
-if (this.parent.users[i].interfaceDOM != null)
+if (this.parent.users[i].interfaceDOM != null) {
-{
 this.parent.users[i].bufferLoaded(this);
 }
 }
-interfaceContext.lightbox.post("Error","Could not load resource "+this.parent.url);
+interfaceContext.lightbox.post("Error", "Could not load resource " + this.parent.url);
 }
-			this.progress = 0;
+this.progress = 0;
-			this.progressCallback = function(event){
+this.progressCallback = function (event) {
-				if (event.lengthComputable)
+if (event.lengthComputable) {
-				{
+this.parent.progress = event.loaded / event.total;
-					this.parent.progress = event.loaded / event.total;
+for (var i = 0; i < this.parent.users.length; i++) {
-					for (var i=0; i<this.parent.users.length; i++)
+if (this.parent.users[i].interfaceDOM != null) {
-					{
+if (typeof this.parent.users[i].interfaceDOM.updateLoading === "function") {
-						if(this.parent.users[i].interfaceDOM != null)
+this.parent.users[i].interfaceDOM.updateLoading(this.parent.progress * 100);
-						{
+}
-							if (typeof this.parent.users[i].interfaceDOM.updateLoading === "function")
+}
-							{
+}
-								this.parent.users[i].interfaceDOM.updateLoading(this.parent.progress*100);
+}
-							}
+};
-						}
+this.xmlRequest.addEventListener("progress", this.progressCallback);
-					}
-				}
-			};
-			this.xmlRequest.addEventListener("progress", this.progressCallback);
 this.status = 1;
-			this.xmlRequest.send();
+this.xmlRequest.send();
-		};
+};
-this.registerAudioObject = function(audioObject)
+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)
+for (var objects of this.users) {
-{
+if (audioObject.id == objects.id) {
-if (audioObject.id == objects.id){return 0;}
+return 0;
+}
 }
 this.users.push(audioObject);
-if (this.status == 3 || this.status == -1)
+if (this.status == 3 || this.status == -1) {
-{
 // The buffer is already ready, trigger bufferLoaded
 audioObject.bufferLoaded(this);
 }
 };
-this.copyBuffer = function(preSilenceTime,postSilenceTime) {
+this.copyBuffer = function (preSilenceTime, postSilenceTime) {
 // Copies the entire bufferObj.
-if (preSilenceTime == undefined) {preSilenceTime = 0;}
+if (preSilenceTime == undefined) {
-if (postSilenceTime == undefined) {postSilenceTime = 0;}
+preSilenceTime = 0;
-var preSilenceSamples = secondsToSamples(preSilenceTime,this.buffer.sampleRate);
+}
-var postSilenceSamples = secondsToSamples(postSilenceTime,this.buffer.sampleRate);
+if (postSilenceTime == undefined) {
-var newLength = this.buffer.length+preSilenceSamples+postSilenceSamples;
+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);
 // Now we can use some efficient background copy schemes if we are just padding the end
 if (preSilenceSamples == 0 && typeof copybuffer.copyToChannel == "function") {
-for (var c=0; c<this.buffer.numberOfChannels; c++) {
+for (var c = 0; c < this.buffer.numberOfChannels; c++) {
-copybuffer.copyToChannel(this.buffer.getChannelData(c),c);
+copybuffer.copyToChannel(this.buffer.getChannelData(c), c);
 }
 } else {
-for (var c=0; c<this.buffer.numberOfChannels; c++) {
+for (var 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++)
+for (var n = 0; n < src.length; n++)
-dst[n+preSilenceSamples] = src[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) {
+this.cropBuffer = function (startTime, stopTime) {
 // Copy and return the cropped buffer
-var start_sample = Math.floor(startTime*this.buffer.sampleRate);
+var start_sample = Math.floor(startTime * this.buffer.sampleRate);
-var stop_sample = Math.floor(stopTime*this.buffer.sampleRate);
+var stop_sample = Math.floor(stopTime * this.buffer.sampleRate);
 var newLength = stop_sample - start_sample;
 var copybuffer = audioContext.createBuffer(this.buffer.numberOfChannels, newLength, this.buffer.sampleRate);
 // Now we can use some efficient background copy schemes if we are just padding the end
-for (var c=0; c<this.buffer.numberOfChannels; c++) {
+for (var c = 0; c < this.buffer.numberOfChannels; c++) {
 var buffer = this.buffer.getChannelData(c);
-var sub_frame = buffer.subarray(start_sample,stop_sample);
+var sub_frame = buffer.subarray(start_sample, stop_sample);
 if (typeof copybuffer.copyToChannel == "function") {
-copybuffer.copyToChannel(sub_frame,c);
+copybuffer.copyToChannel(sub_frame, c);
 } else {
 var dst = copybuffer.getChannelData(c);
-for (var n=0; n<newLength; n++)
+for (var n = 0; n < newLength; n++)
-dst[n] = src[n+start_sample];
+dst[n] = src[n + start_sample];
 }
 }
 return copybuffer;
 }
-	};
+};
-this.loadPageData = function(page) {
+this.loadPageData = function (page) {
 // Load the URL from pages
 for (var element of page.audioElements) {
 var URL = page.hostURL + element.url;
 var buffer = null;
 for (var buffObj of this.buffers) {
 buffer.getMedia(URL);
 this.buffers.push(buffer);
 }
 }
 };
-	this.play = function(id) {
+this.play = function (id) {
-		// Start the timer and set the audioEngine state to playing (1)
+// Start the timer and set the audioEngine state to playing (1)
-		if (this.status == 0) {
+if (this.status == 0) {
-			// Check if all audioObjects are ready
+// Check if all audioObjects are ready
-			this.bufferReady(id);
+this.bufferReady(id);
-		}
+} else {
-		else
+this.status = 1;
-		{
+}
-			this.status = 1;
+if (this.status == 1) {
-		}
+this.timer.startTest();
-		if (this.status== 1) {
+if (id == undefined) {
-			this.timer.startTest();
+id = -1;
-			if (id == undefined) {
+console.error('FATAL - Passed id was undefined - AudioEngineContext.play(id)');
-				id = -1;
+return;
-				console.error('FATAL - Passed id was undefined - AudioEngineContext.play(id)');
+} else {
-				return;
+interfaceContext.playhead.setTimePerPixel(this.audioObjects[id]);
-			} else {
+}
-				interfaceContext.playhead.setTimePerPixel(this.audioObjects[id]);
+if (this.synchPlayback && this.loopPlayback) {
-			}
-			if (this.synchPlayback && this.loopPlayback) {
 // Traditional looped playback
-var setTime = audioContext.currentTime+specification.crossFade;
+var setTime = audioContext.currentTime + specification.crossFade;
-				for (var i=0; i<this.audioObjects.length; i++)
+for (var i = 0; i < this.audioObjects.length; i++) {
-				{
+this.audioObjects[i].play(audioContext.currentTime);
-					this.audioObjects[i].play(audioContext.currentTime);
+if (id == i) {
-					if (id == i) {
+this.audioObjects[i].loopStart(setTime);
-						this.audioObjects[i].loopStart(setTime);
+} else {
-					} else {
+this.audioObjects[i].loopStop(setTime);
-						this.audioObjects[i].loopStop(setTime);
+}
-					}
+}
-				}
 } else {
-var setTime = audioContext.currentTime+specification.crossFade;
+var setTime = audioContext.currentTime + specification.crossFade;
-				for (var i=0; i<this.audioObjects.length; i++)
+for (var i = 0; i < this.audioObjects.length; i++) {
-				{
+if (i != id) {
-					if (i != id) {
+this.audioObjects[i].stop(setTime);
-						this.audioObjects[i].stop(setTime);
+} else if (i == id) {
-					} else if (i == id) {
+this.audioObjects[id].play(setTime);
-						this.audioObjects[id].play(setTime);
+}
-					}
+}
-				}
+}
-			}
+interfaceContext.playhead.start();
-			interfaceContext.playhead.start();
+}
-		}
+};
-	};
+this.stop = function () {
-	this.stop = function() {
+// Send stop and reset command to all playback buffers
-		// Send stop and reset command to all playback buffers
+if (this.status == 1) {
-		if (this.status == 1) {
+var setTime = audioContext.currentTime + 0.1;
-var setTime = audioContext.currentTime+0.1;
+for (var i = 0; i < this.audioObjects.length; i++) {
-			for (var i=0; i<this.audioObjects.length; i++)
+this.audioObjects[i].stop(setTime);
-			{
+}
-				this.audioObjects[i].stop(setTime);
+interfaceContext.playhead.stop();
-			}
+}
-			interfaceContext.playhead.stop();
+};
-		}
-	};
+this.newTrack = function (element) {
+// Pull data from given URL into new audio buffer
-	this.newTrack = function(element) {
+// URLs must either be from the same source OR be setup to 'Access-Control-Allow-Origin'
-		// 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;
-		// Create the audioObject with ID of the new track length;
+this.audioObjects[audioObjectId] = new audioObject(audioObjectId);
-		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;
-		// Check if audioObject buffer is currently stored by full URL
+var buffer = null;
-		var URL = testState.currentStateMap.hostURL + element.url;
+for (var i = 0; i < this.buffers.length; i++) {
-		var buffer = null;
+if (URL == this.buffers[i].url) {
-		for (var i=0; i<this.buffers.length; i++)
+buffer = this.buffers[i];
-		{
+break;
-			if (URL == this.buffers[i].url)
+}
-			{
+}
-				buffer = this.buffers[i];
+if (buffer == null) {
-				break;
+console.log("[WARN]: Buffer was not loaded in pre-test! " + URL);
-			}
+buffer = new this.bufferObj();
-		}
-		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);
+buffer.getMedia(URL);
-		}
+}
-		this.audioObjects[audioObjectId].specification = element;
+this.audioObjects[audioObjectId].specification = element;
-		this.audioObjects[audioObjectId].url = URL;
+this.audioObjects[audioObjectId].url = URL;
-		// Obtain store node
+// Obtain store node
-		var aeNodes = this.pageStore.XMLDOM.getElementsByTagName('audioelement');
+var aeNodes = this.pageStore.XMLDOM.getElementsByTagName('audioelement');
-		for (var i=0; i<aeNodes.length; i++)
+for (var i = 0; i < aeNodes.length; i++) {
-		{
+if (aeNodes[i].getAttribute("ref") == element.id) {
-			if(aeNodes[i].getAttribute("ref") == element.id)
+this.audioObjects[audioObjectId].storeDOM = aeNodes[i];
-			{
+break;
-				this.audioObjects[audioObjectId].storeDOM = aeNodes[i];
+}
-				break;
+}
-			}
-		}
 buffer.registerAudioObject(this.audioObjects[audioObjectId]);
-		return this.audioObjects[audioObjectId];
+return this.audioObjects[audioObjectId];
-	};
+};
-	this.newTestPage = function(audioHolderObject,store) {
+this.newTestPage = function (audioHolderObject, store) {
-		this.pageStore = store;
+this.pageStore = store;
 this.pageSpecification = audioHolderObject;
-		this.status = 0;
+this.status = 0;
-		this.audioObjectsReady = false;
+this.audioObjectsReady = false;
-		this.metric.reset();
+this.metric.reset();
-		for (var i=0; i < this.buffers.length; i++)
+for (var i = 0; i < this.buffers.length; i++) {
-		{
+this.buffers[i].users = [];
-			this.buffers[i].users = [];
+}
-		}
+this.audioObjects = [];
-		this.audioObjects = [];
 this.timer = new timer();
 this.loopPlayback = audioHolderObject.loop;
 this.synchPlayback = audioHolderObject.synchronous;
-	};
+};
-	this.checkAllPlayed = function() {
+this.checkAllPlayed = function () {
-		arr = [];
+arr = [];
-		for (var id=0; id<this.audioObjects.length; id++) {
+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);
+arr.push(this.audioObjects[id].id);
-			}
+}
-		}
+}
-		return arr;
+return arr;
-	};
+};
-	this.checkAllReady = function() {
+this.checkAllReady = function () {
-		var ready = true;
+var ready = true;
-		for (var i=0; i<this.audioObjects.length; i++) {
+for (var i = 0; i < this.audioObjects.length; i++) {
-			if (this.audioObjects[i].state == 0) {
+if (this.audioObjects[i].state == 0) {
-				// Track not ready
+// Track not ready
-				console.log('WAIT -- audioObject '+i+' not ready yet!');
+console.log('WAIT -- audioObject ' + i + ' not ready yet!');
-				ready = false;
+ready = false;
-			};
+};
-		}
+}
-		return ready;
+return ready;
-	};
+};
-	this.setSynchronousLoop = function() {
+this.setSynchronousLoop = function () {
-		// Pads the signals so they are all exactly the same length
+// Pads the signals so they are all exactly the same duration
-// Get the length of the longest signal.
+// Get the duration of the longest signal.
-		var length = 0;
+var duration = 0;
-		var maxId;
+var maxId;
-		for (var i=0; i<this.audioObjects.length; i++)
+for (var i = 0; i < this.audioObjects.length; i++) {
-		{
+if (duration < this.audioObjects[i].buffer.buffer.duration) {
-			if (length < this.audioObjects[i].buffer.buffer.length)
+duration = this.audioObjects[i].buffer.buffer.duration;
-			{
+maxId = i;
-				length = this.audioObjects[i].buffer.buffer.length;
+}
-				maxId = i;
+}
-			}
+// Extract the audio and zero-pad
-		}
+for (var ao of this.audioObjects) {
-		// Extract the audio and zero-pad
+if (ao.buffer.buffer.duration !== duration) {
-		for (var ao of this.audioObjects)
+ao.buffer.buffer = ao.buffer.copyBuffer(0, duration - ao.buffer.buffer.duration);
-		{
+}
-var lengthDiff = length - ao.buffer.buffer.length;
+}
-			ao.buffer = ao.buffer.copyBuffer(0,samplesToSeconds(lengthDiff,ao.buffer.buffer.sampleRate));
+};
-		}
-	};
+this.bufferReady = function (id) {
+if (this.checkAllReady()) {
-this.bufferReady = function(id) {
+if (this.synchPlayback) {
-if(this.checkAllReady()) {
+this.setSynchronousLoop();
-if (this.synchPlayback){this.setSynchronousLoop();}
+}
 this.status = 1;
 return true;
 }
 return false;
 }
-this.exportXML = function()
+this.exportXML = function () {
-{
+};
-};
 }
 function audioObject(id) {
-	// The main buffer object with common control nodes to the AudioEngine
+// The main buffer object with common control nodes to the AudioEngine
-	this.specification;
+this.specification;
-	this.id = id;
+this.id = id;
-	this.state = 0; // 0 - no data, 1 - ready
+this.state = 0; // 0 - no data, 1 - ready
-	this.url = null; // Hold the URL given for the output back to the results.
+this.url = null; // Hold the URL given for the output back to the results.
-	this.metric = new metricTracker(this);
+this.metric = new metricTracker(this);
-	this.storeDOM = null;
+this.storeDOM = null;
-	// Bindings for GUI
+// Bindings for GUI
-	this.interfaceDOM = null;
+this.interfaceDOM = null;
-	this.commentDOM = null;
+this.commentDOM = null;
-	// Create a buffer and external gain control to allow internal patching of effects and volume leveling.
+// Create a buffer and external gain control to allow internal patching of effects and volume leveling.
-	this.bufferNode = undefined;
+this.bufferNode = undefined;
-	this.outputGain = audioContext.createGain();
+this.outputGain = audioContext.createGain();
-	this.onplayGain = 1.0;
+this.onplayGain = 1.0;
-	// Connect buffer to the audio graph
+// Connect buffer to the audio graph
-	this.outputGain.connect(audioEngineContext.outputGain);
+this.outputGain.connect(audioEngineContext.outputGain);
-	// the audiobuffer is not designed for multi-start playback
+// the audiobuffer is not designed for multi-start playback
-	// When stopeed, the buffer node is deleted and recreated with the stored buffer.
+// When stopeed, the buffer node is deleted and recreated with the stored buffer.
-	this.buffer;
+this.buffer;
-	this.bufferLoaded = function(callee)
+this.bufferLoaded = function (callee) {
-	{
+// Called by the associated buffer when it has finished loading, will then 'bind' the buffer to the
-		// 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
-		// audioObject and trigger the interfaceDOM.enable() function for user feedback
 if (callee.status == -1) {
 // ERROR
 this.state = -1;
-if (this.interfaceDOM != null) {this.interfaceDOM.error();}
+if (this.interfaceDOM != null) {
+this.interfaceDOM.error();
+}
 this.buffer = callee;
 return;
 }
 this.buffer = callee;
 var preSilenceTime = this.specification.preSilence || this.specification.parent.preSilence || specification.preSilence || 0.0;
 var postSilenceTime = this.specification.postSilence || this.specification.parent.postSilence || specification.postSilence || 0.0;
 var startTime = this.specification.startTime;
 var stopTime = this.specification.stopTime;
 var copybuffer = new callee.constructor();
 if (isFinite(startTime) || isFinite(stopTime)) {
-copybuffer.buffer = callee.cropBuffer(startTime,stopTime);
+copybuffer.buffer = callee.cropBuffer(startTime, stopTime);
 }
 if (preSilenceTime != 0 || postSilenceTime != 0) {
 if (copybuffer.buffer == undefined) {
-copybuffer.buffer = callee.copyBuffer(preSilenceTime,postSilenceTime);
+copybuffer.buffer = callee.copyBuffer(preSilenceTime, postSilenceTime);
 } else {
-copybuffer.buffer = copybuffer.copyBuffer(preSilenceTime,postSilenceTime);
+copybuffer.buffer = copybuffer.copyBuffer(preSilenceTime, postSilenceTime);
 }
 }
-		var targetLUFS = this.specification.parent.loudness || specification.loudness;
+var targetLUFS = this.specification.parent.loudness || specification.loudness;
-		if (typeof targetLUFS === "number" && isFinite(targetLUFS))
+if (typeof targetLUFS === "number" && isFinite(targetLUFS)) {
-		{
+this.buffer.buffer.playbackGain = decibelToLinear(targetLUFS - this.buffer.buffer.lufs);
-			this.buffer.buffer.playbackGain = decibelToLinear(targetLUFS - this.buffer.buffer.lufs);
+} else {
-		} else {
+this.buffer.buffer.playbackGain = 1.0;
-			this.buffer.buffer.playbackGain = 1.0;
+}
-		}
+if (this.interfaceDOM != null) {
-		if (this.interfaceDOM != null) {
+this.interfaceDOM.enable();
-			this.interfaceDOM.enable();
+}
-		}
+this.onplayGain = decibelToLinear(this.specification.gain) * (this.buffer.buffer.playbackGain || 1.0);
-		this.onplayGain = decibelToLinear(this.specification.gain)*(this.buffer.buffer.playbackGain||1.0);
+this.storeDOM.setAttribute('playGain', linearToDecibel(this.onplayGain));
-		this.storeDOM.setAttribute('playGain',linearToDecibel(this.onplayGain));
 this.state = 1;
 audioEngineContext.bufferReady(id);
-	};
+};
-	this.bindInterface = function(interfaceObject)
+this.bindInterface = function (interfaceObject) {
-	{
+this.interfaceDOM = interfaceObject;
-		this.interfaceDOM = interfaceObject;
+this.metric.initialise(interfaceObject.getValue());
-		this.metric.initialise(interfaceObject.getValue());
+if (this.state == 1) {
-		if (this.state == 1)
+this.interfaceDOM.enable();
-		{
+} else if (this.state == -1) {
-			this.interfaceDOM.enable();
-		} else if (this.state == -1) {
 // ERROR
 this.interfaceDOM.error();
 return;
 }
-		this.storeDOM.setAttribute('presentedId',interfaceObject.getPresentedId());
+this.storeDOM.setAttribute('presentedId', interfaceObject.getPresentedId());
-	};
+};
-	this.loopStart = function(setTime) {
+this.loopStart = function (setTime) {
-		this.outputGain.gain.linearRampToValueAtTime(this.onplayGain,setTime);
+this.outputGain.gain.linearRampToValueAtTime(this.onplayGain, setTime);
-		this.metric.startListening(audioEngineContext.timer.getTestTime());
+this.metric.startListening(audioEngineContext.timer.getTestTime());
 this.interfaceDOM.startPlayback();
-	};
+};
-	this.loopStop = function(setTime) {
+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.outputGain.gain.linearRampToValueAtTime(0.0, setTime);
-			this.metric.stopListening(audioEngineContext.timer.getTestTime());
+this.metric.stopListening(audioEngineContext.timer.getTestTime());
-		}
+}
 this.interfaceDOM.stopPlayback();
-	};
+};
-	this.play = function(startTime) {
+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 = audioContext.createBufferSource();
-			this.bufferNode.owner = this;
+this.bufferNode.owner = this;
-			this.bufferNode.connect(this.outputGain);
+this.bufferNode.connect(this.outputGain);
-			this.bufferNode.buffer = this.buffer.buffer;
+this.bufferNode.buffer = this.buffer.buffer;
-			this.bufferNode.loop = audioEngineContext.loopPlayback;
+this.bufferNode.loop = audioEngineContext.loopPlayback;
-			this.bufferNode.onended = function(event) {
+this.bufferNode.onended = function (event) {
-				// Safari does not like using 'this' to reference the calling object!
+// Safari does not like using 'this' to reference the calling object!
-				//event.currentTarget.owner.metric.stopListening(audioEngineContext.timer.getTestTime(),event.currentTarget.owner.getCurrentPosition());
+//event.currentTarget.owner.metric.stopListening(audioEngineContext.timer.getTestTime(),event.currentTarget.owner.getCurrentPosition());
 if (event.currentTarget != null) {
-				    event.currentTarget.owner.stop(audioContext.currentTime+1);
+event.currentTarget.owner.stop(audioContext.currentTime + 1);
 }
-			};
+};
-			if (!audioEngineContext.loopPlayback || !audioEngineContext.synchPlayback) {
+if (!audioEngineContext.loopPlayback || !audioEngineContext.synchPlayback) {
-				this.metric.startListening(audioEngineContext.timer.getTestTime());
+this.metric.startListening(audioEngineContext.timer.getTestTime());
-this.outputGain.gain.setValueAtTime(this.onplayGain,0.0);
+this.outputGain.gain.setValueAtTime(this.onplayGain, 0.0);
 this.interfaceDOM.startPlayback();
-			} else {
+} else {
-this.outputGain.gain.setValueAtTime(0.0,startTime);
+this.outputGain.gain.setValueAtTime(0.0, startTime);
 }
-			this.bufferNode.start(startTime,this.specification.startTime || 0, this.specification.stopTime-this.specification.startTime || this.buffer.buffer.duration);
+this.bufferNode.start(startTime, this.specification.startTime || 0, this.specification.stopTime - this.specification.startTime || this.buffer.buffer.duration);
 this.bufferNode.playbackStartTime = audioEngineContext.timer.getTestTime();
-		}
+}
-	};
+};
-	this.stop = function(stopTime) {
+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.metric.stopListening(audioEngineContext.timer.getTestTime(),this.getCurrentPosition());
+this.bufferNode.stop(stopTime);
-			this.bufferNode.stop(stopTime);
+this.bufferNode = undefined;
-			this.bufferNode = undefined;
+}
-		}
 this.outputGain.gain.value = 0.0;
 this.interfaceDOM.stopPlayback();
-	};
+};
-	this.getCurrentPosition = function() {
+this.getCurrentPosition = function () {
-		var time = audioEngineContext.timer.getTestTime();
+var time = audioEngineContext.timer.getTestTime();
-		if (this.bufferNode != undefined) {
+if (this.bufferNode != undefined) {
-var position = (time - this.bufferNode.playbackStartTime)%this.buffer.buffer.duration;
+var position = (time - this.bufferNode.playbackStartTime) % this.buffer.buffer.duration;
-if (isNaN(position)){return 0;}
+if (isNaN(position)) {
+return 0;
+}
 return position;
-		} else {
+} else {
-			return 0;
+return 0;
-		}
+}
-	};
+};
-	this.exportXMLDOM = function() {
+this.exportXMLDOM = function () {
-		var file = storage.document.createElement('file');
+var file = storage.document.createElement('file');
-		file.setAttribute('sampleRate',this.buffer.buffer.sampleRate);
+file.setAttribute('sampleRate', this.buffer.buffer.sampleRate);
-		file.setAttribute('channels',this.buffer.buffer.numberOfChannels);
+file.setAttribute('channels', this.buffer.buffer.numberOfChannels);
-		file.setAttribute('sampleCount',this.buffer.buffer.length);
+file.setAttribute('sampleCount', this.buffer.buffer.length);
-		file.setAttribute('duration',this.buffer.buffer.duration);
+file.setAttribute('duration', this.buffer.buffer.duration);
-		this.storeDOM.appendChild(file);
+this.storeDOM.appendChild(file);
-		if (this.specification.type != 'outside-reference') {
+if (this.specification.type != 'outside-reference') {
-			var interfaceXML = this.interfaceDOM.exportXMLDOM(this);
+var interfaceXML = this.interfaceDOM.exportXMLDOM(this);
-			if (interfaceXML != null)
+if (interfaceXML != null) {
-			{
+if (interfaceXML.length == undefined) {
-				if (interfaceXML.length == undefined) {
+this.storeDOM.appendChild(interfaceXML);
-					this.storeDOM.appendChild(interfaceXML);
+} else {
-				} else {
+for (var i = 0; i < interfaceXML.length; i++) {
-					for (var i=0; i<interfaceXML.length; i++)
+this.storeDOM.appendChild(interfaceXML[i]);
-					{
+}
-						this.storeDOM.appendChild(interfaceXML[i]);
+}
-					}
+}
-				}
+if (this.commentDOM != null) {
-			}
+this.storeDOM.appendChild(this.commentDOM.exportXMLDOM(this));
-			if (this.commentDOM != null) {
+}
-				this.storeDOM.appendChild(this.commentDOM.exportXMLDOM(this));
+}
-			}
+var nodes = this.metric.exportXMLDOM();
-		}
+var mroot = this.storeDOM.getElementsByTagName('metric')[0];
-		var nodes = this.metric.exportXMLDOM();
+for (var i = 0; i < nodes.length; i++) {
-		var mroot = this.storeDOM.getElementsByTagName('metric')[0];
+mroot.appendChild(nodes[i]);
-		for (var i=0; i<nodes.length; i++)
+}
-		{
+};
-			mroot.appendChild(nodes[i]);
-		}
-	};
 }
-function timer()
+function timer() {
-{
+/* Timer object used in audioEngine to keep track of session timings
-	/* Timer object used in audioEngine to keep track of session timings
+* Uses the timer of the web audio API, so sample resolution
-	 * Uses the timer of the web audio API, so sample resolution
+*/
-	 */
+this.testStarted = false;
-	this.testStarted = false;
+this.testStartTime = 0;
-	this.testStartTime = 0;
+this.testDuration = 0;
-	this.testDuration = 0;
+this.minimumTestTime = 0; // No minimum test time
-	this.minimumTestTime = 0; // No minimum test time
+this.startTest = function () {
-	this.startTest = function()
+if (this.testStarted == false) {
-	{
+this.testStartTime = audioContext.currentTime;
-		if (this.testStarted == false)
+this.testStarted = true;
-		{
+this.updateTestTime();
-			this.testStartTime = audioContext.currentTime;
+audioEngineContext.metric.initialiseTest();
-			this.testStarted = true;
+}
-			this.updateTestTime();
+};
-			audioEngineContext.metric.initialiseTest();
+this.stopTest = function () {
-		}
+if (this.testStarted) {
-	};
+this.testDuration = this.getTestTime();
-	this.stopTest = function()
+this.testStarted = false;
-	{
+} else {
-		if (this.testStarted)
+console.log('ERR: Test tried to end before beginning');
-		{
+}
-			this.testDuration = this.getTestTime();
+};
-			this.testStarted = false;
+this.updateTestTime = function () {
-		} else {
+if (this.testStarted) {
-			console.log('ERR: Test tried to end before beginning');
+this.testDuration = audioContext.currentTime - this.testStartTime;
-		}
+}
-	};
+};
-	this.updateTestTime = function()
+this.getTestTime = function () {
-	{
+this.updateTestTime();
-		if (this.testStarted)
+return this.testDuration;
-		{
+};
-			this.testDuration = audioContext.currentTime - this.testStartTime;
-		}
-	};
-	this.getTestTime = function()
-	{
-		this.updateTestTime();
-		return this.testDuration;
-	};
 }
-function sessionMetrics(engine,specification)
+function sessionMetrics(engine, specification) {
-{
+/* Used by audioEngine to link to audioObjects to minimise the timer call timers;
-	/* Used by audioEngine to link to audioObjects to minimise the timer call timers;
+*/
-	 */
+this.engine = engine;
-	this.engine = engine;
+this.lastClicked = -1;
-	this.lastClicked = -1;
+this.data = -1;
-	this.data = -1;
+this.reset = function () {
-	this.reset = function() {
+this.lastClicked = -1;
-		this.lastClicked = -1;
+this.data = -1;
-		this.data = -1;
+};
-	};
+this.enableElementInitialPosition = false;
-	this.enableElementInitialPosition = false;
+this.enableElementListenTracker = false;
-	this.enableElementListenTracker = false;
+this.enableElementTimer = false;
-	this.enableElementTimer = false;
+this.enableElementTracker = false;
-	this.enableElementTracker = false;
+this.enableFlagListenedTo = false;
-	this.enableFlagListenedTo = false;
+this.enableFlagMoved = false;
-	this.enableFlagMoved = false;
+this.enableTestTimer = false;
-	this.enableTestTimer = false;
+// Obtain the metrics enabled
-	// Obtain the metrics enabled
+for (var i = 0; i < specification.metrics.enabled.length; i++) {
-	for (var i=0; i<specification.metrics.enabled.length; i++)
+var node = specification.metrics.enabled[i];
-	{
+switch (node) {
-		var node = specification.metrics.enabled[i];
+case 'testTimer':
-		switch(node)
+this.enableTestTimer = true;
-		{
+break;
-		case 'testTimer':
+case 'elementTimer':
-			this.enableTestTimer = true;
+this.enableElementTimer = true;
-			break;
+break;
-		case 'elementTimer':
+case 'elementTracker':
-			this.enableElementTimer = true;
+this.enableElementTracker = true;
-			break;
+break;
-		case 'elementTracker':
+case 'elementListenTracker':
-			this.enableElementTracker = true;
+this.enableElementListenTracker = true;
-			break;
+break;
-		case 'elementListenTracker':
+case 'elementInitialPosition':
-			this.enableElementListenTracker = true;
+this.enableElementInitialPosition = true;
-			break;
+break;
-		case 'elementInitialPosition':
+case 'elementFlagListenedTo':
-			this.enableElementInitialPosition = true;
+this.enableFlagListenedTo = true;
-			break;
+break;
-		case 'elementFlagListenedTo':
+case 'elementFlagMoved':
-			this.enableFlagListenedTo = true;
+this.enableFlagMoved = true;
-			break;
+break;
-		case 'elementFlagMoved':
+case 'elementFlagComments':
-			this.enableFlagMoved = true;
+this.enableFlagComments = true;
-			break;
+break;
-		case 'elementFlagComments':
+}
-			this.enableFlagComments = true;
+}
-			break;
+this.initialiseTest = function () {};
-		}
-	}
-	this.initialiseTest = function(){};
 }
-function metricTracker(caller)
+function metricTracker(caller) {
-{
+/* Custom object to track and collect metric data
-	/* Custom object to track and collect metric data
+* Used only inside the audioObjects object.
-	 * Used only inside the audioObjects object.
+*/
-	 */
+this.listenedTimer = 0;
-	this.listenedTimer = 0;
+this.listenStart = 0;
-	this.listenStart = 0;
+this.listenHold = false;
-	this.listenHold = false;
+this.initialPosition = -1;
-	this.initialPosition = -1;
+this.movementTracker = [];
-	this.movementTracker = [];
+this.listenTracker = [];
-	this.listenTracker =[];
+this.wasListenedTo = false;
-	this.wasListenedTo = false;
+this.wasMoved = false;
-	this.wasMoved = false;
+this.hasComments = false;
-	this.hasComments = false;
+this.parent = caller;
-	this.parent = caller;
+this.initialise = function (position) {
-	this.initialise = function(position)
+if (this.initialPosition == -1) {
-	{
+this.initialPosition = position;
-		if (this.initialPosition == -1) {
+this.moved(0, position);
-			this.initialPosition = position;
+}
-			this.moved(0,position);
+};
-		}
-	};
+this.moved = function (time, position) {
+if (time > 0) {
-	this.moved = function(time,position)
+this.wasMoved = true;
-	{
+}
-		if (time > 0) {this.wasMoved = true;}
+this.movementTracker[this.movementTracker.length] = [time, position];
-		this.movementTracker[this.movementTracker.length] = [time, position];
+};
-	};
+this.startListening = function (time) {
-	this.startListening = function(time)
+if (this.listenHold == false) {
-	{
+this.wasListenedTo = true;
-		if (this.listenHold == false)
+this.listenStart = time;
-		{
+this.listenHold = true;
-			this.wasListenedTo = true;
-			this.listenStart = time;
+var evnt = document.createElement('event');
-			this.listenHold = true;
+var testTime = document.createElement('testTime');
+testTime.setAttribute('start', time);
-			var evnt = document.createElement('event');
+var bufferTime = document.createElement('bufferTime');
-			var testTime = document.createElement('testTime');
+bufferTime.setAttribute('start', this.parent.getCurrentPosition());
-			testTime.setAttribute('start',time);
+evnt.appendChild(testTime);
-			var bufferTime = document.createElement('bufferTime');
+evnt.appendChild(bufferTime);
-			bufferTime.setAttribute('start',this.parent.getCurrentPosition());
+this.listenTracker.push(evnt);
-			evnt.appendChild(testTime);
-			evnt.appendChild(bufferTime);
+console.log('slider ' + this.parent.id + ' played (' + time + ')'); // DEBUG/SAFETY: show played slider id
-			this.listenTracker.push(evnt);
+}
+};
-			console.log('slider ' + this.parent.id + ' played (' + time + ')'); // DEBUG/SAFETY: show played slider id
-		}
+this.stopListening = function (time, bufferStopTime) {
-	};
+if (this.listenHold == true) {
+var diff = time - this.listenStart;
-	this.stopListening = function(time,bufferStopTime)
+this.listenedTimer += (diff);
-	{
+this.listenStart = 0;
-		if (this.listenHold == true)
+this.listenHold = false;
-		{
-			var diff = time - this.listenStart;
+var evnt = this.listenTracker[this.listenTracker.length - 1];
-			this.listenedTimer += (diff);
+var testTime = evnt.getElementsByTagName('testTime')[0];
-			this.listenStart = 0;
+var bufferTime = evnt.getElementsByTagName('bufferTime')[0];
-			this.listenHold = false;
+testTime.setAttribute('stop', time);
+if (bufferStopTime == undefined) {
-			var evnt = this.listenTracker[this.listenTracker.length-1];
+bufferTime.setAttribute('stop', this.parent.getCurrentPosition());
-			var testTime = evnt.getElementsByTagName('testTime')[0];
+} else {
-			var bufferTime = evnt.getElementsByTagName('bufferTime')[0];
+bufferTime.setAttribute('stop', bufferStopTime);
-			testTime.setAttribute('stop',time);
+}
-			if (bufferStopTime == undefined) {
+console.log('slider ' + this.parent.id + ' played for (' + diff + ')'); // DEBUG/SAFETY: show played slider id
-				bufferTime.setAttribute('stop',this.parent.getCurrentPosition());
+}
-			} else {
+};
-				bufferTime.setAttribute('stop',bufferStopTime);
-			}
+this.exportXMLDOM = function () {
-			console.log('slider ' + this.parent.id + ' played for (' + diff + ')'); // DEBUG/SAFETY: show played slider id
+var storeDOM = [];
-		}
+if (audioEngineContext.metric.enableElementTimer) {
-	};
+var mElementTimer = storage.document.createElement('metricresult');
+mElementTimer.setAttribute('name', 'enableElementTimer');
-	this.exportXMLDOM = function() {
+mElementTimer.textContent = this.listenedTimer;
-		var storeDOM = [];
+storeDOM.push(mElementTimer);
-		if (audioEngineContext.metric.enableElementTimer) {
+}
-			var mElementTimer = storage.document.createElement('metricresult');
+if (audioEngineContext.metric.enableElementTracker) {
-			mElementTimer.setAttribute('name','enableElementTimer');
+var elementTrackerFull = storage.document.createElement('metricresult');
-			mElementTimer.textContent = this.listenedTimer;
+elementTrackerFull.setAttribute('name', 'elementTrackerFull');
-			storeDOM.push(mElementTimer);
+for (var k = 0; k < this.movementTracker.length; k++) {
-		}
+var timePos = storage.document.createElement('movement');
-		if (audioEngineContext.metric.enableElementTracker) {
+timePos.setAttribute("time", this.movementTracker[k][0]);
-			var elementTrackerFull = storage.document.createElement('metricresult');
+timePos.setAttribute("value", this.movementTracker[k][1]);
-			elementTrackerFull.setAttribute('name','elementTrackerFull');
+elementTrackerFull.appendChild(timePos);
-			for (var k=0; k<this.movementTracker.length; k++)
+}
-			{
+storeDOM.push(elementTrackerFull);
-				var timePos = storage.document.createElement('movement');
+}
-timePos.setAttribute("time",this.movementTracker[k][0]);
+if (audioEngineContext.metric.enableElementListenTracker) {
-timePos.setAttribute("value",this.movementTracker[k][1]);
+var elementListenTracker = storage.document.createElement('metricresult');
-				elementTrackerFull.appendChild(timePos);
+elementListenTracker.setAttribute('name', 'elementListenTracker');
-			}
+for (var k = 0; k < this.listenTracker.length; k++) {
-			storeDOM.push(elementTrackerFull);
+elementListenTracker.appendChild(this.listenTracker[k]);
-		}
+}
-		if (audioEngineContext.metric.enableElementListenTracker) {
+storeDOM.push(elementListenTracker);
-			var elementListenTracker = storage.document.createElement('metricresult');
+}
-			elementListenTracker.setAttribute('name','elementListenTracker');
+if (audioEngineContext.metric.enableElementInitialPosition) {
-			for (var k=0; k<this.listenTracker.length; k++) {
+var elementInitial = storage.document.createElement('metricresult');
-				elementListenTracker.appendChild(this.listenTracker[k]);
+elementInitial.setAttribute('name', 'elementInitialPosition');
-			}
+elementInitial.textContent = this.initialPosition;
-			storeDOM.push(elementListenTracker);
+storeDOM.push(elementInitial);
-		}
+}
-		if (audioEngineContext.metric.enableElementInitialPosition) {
+if (audioEngineContext.metric.enableFlagListenedTo) {
-			var elementInitial = storage.document.createElement('metricresult');
+var flagListenedTo = storage.document.createElement('metricresult');
-			elementInitial.setAttribute('name','elementInitialPosition');
+flagListenedTo.setAttribute('name', 'elementFlagListenedTo');
-			elementInitial.textContent = this.initialPosition;
+flagListenedTo.textContent = this.wasListenedTo;
-			storeDOM.push(elementInitial);
+storeDOM.push(flagListenedTo);
-		}
+}
-		if (audioEngineContext.metric.enableFlagListenedTo) {
+if (audioEngineContext.metric.enableFlagMoved) {
-			var flagListenedTo = storage.document.createElement('metricresult');
+var flagMoved = storage.document.createElement('metricresult');
-			flagListenedTo.setAttribute('name','elementFlagListenedTo');
+flagMoved.setAttribute('name', 'elementFlagMoved');
-			flagListenedTo.textContent = this.wasListenedTo;
+flagMoved.textContent = this.wasMoved;
-			storeDOM.push(flagListenedTo);
+storeDOM.push(flagMoved);
-		}
+}
-		if (audioEngineContext.metric.enableFlagMoved) {
+if (audioEngineContext.metric.enableFlagComments) {
-			var flagMoved = storage.document.createElement('metricresult');
+var flagComments = storage.document.createElement('metricresult');
-			flagMoved.setAttribute('name','elementFlagMoved');
+flagComments.setAttribute('name', 'elementFlagComments');
-			flagMoved.textContent = this.wasMoved;
+if (this.parent.commentDOM == null) {
-			storeDOM.push(flagMoved);
+flag.textContent = 'false';
-		}
+} else if (this.parent.commentDOM.textContent.length == 0) {
-		if (audioEngineContext.metric.enableFlagComments) {
+flag.textContent = 'false';
-			var flagComments = storage.document.createElement('metricresult');
+} else {
-			flagComments.setAttribute('name','elementFlagComments');
+flag.textContet = 'true';
-			if (this.parent.commentDOM == null)
+}
-				{flag.textContent = 'false';}
+storeDOM.push(flagComments);
-			else if (this.parent.commentDOM.textContent.length == 0)
+}
-				{flag.textContent = 'false';}
+return storeDOM;
-			else
+};
-				{flag.textContet = 'true';}
-			storeDOM.push(flagComments);
-		}
-		return storeDOM;
-	};
 }
 function Interface(specificationObject) {
-	// This handles the bindings between the interface and the audioEngineContext;
+// This handles the bindings between the interface and the audioEngineContext;
-	this.specification = specificationObject;
+this.specification = specificationObject;
-	this.insertPoint = document.getElementById("topLevelBody");
+this.insertPoint = document.getElementById("topLevelBody");
-	this.newPage = function(audioHolderObject,store)
+this.newPage = function (audioHolderObject, store) {
-	{
+audioEngineContext.newTestPage(audioHolderObject, store);
-		audioEngineContext.newTestPage(audioHolderObject,store);
+interfaceContext.commentBoxes.deleteCommentBoxes();
-		interfaceContext.commentBoxes.deleteCommentBoxes();
+interfaceContext.deleteCommentQuestions();
-		interfaceContext.deleteCommentQuestions();
+loadTest(audioHolderObject, store);
-		loadTest(audioHolderObject,store);
+};
-	};
+// Bounded by interface!!
-	// Bounded by interface!!
+// Interface object MUST have an exportXMLDOM method which returns the various DOM levels
-	// Interface object MUST have an exportXMLDOM method which returns the various DOM levels
+// For example, APE returns  the slider position normalised in a <value> tag.
-	// For example, APE returns  the slider position normalised in a <value> tag.
+this.interfaceObjects = [];
-	this.interfaceObjects = [];
+this.interfaceObject = function () {};
-	this.interfaceObject = function(){};
+this.resizeWindow = function (event) {
-	this.resizeWindow = function(event)
+popup.resize(event);
-	{
-		popup.resize(event);
 this.volume.resize();
 this.lightbox.resize();
-		for(var i=0; i<this.commentBoxes.length; i++)
+for (var i = 0; i < this.commentBoxes.length; i++) {
-		{this.commentBoxes[i].resize();}
+this.commentBoxes[i].resize();
-		for(var i=0; i<this.commentQuestions.length; i++)
+}
-		{this.commentQuestions[i].resize();}
+for (var i = 0; i < this.commentQuestions.length; i++) {
-		try
+this.commentQuestions[i].resize();
-		{
+}
-			resizeWindow(event);
+try {
-		}
+resizeWindow(event);
-		catch(err)
+} catch (err) {
-		{
+console.log("Warning - Interface does not have Resize option");
-			console.log("Warning - Interface does not have Resize option");
+console.log(err);
-			console.log(err);
+}
-		}
+};
-	};
+this.returnNavigator = function () {
-	this.returnNavigator = function()
+var node = storage.document.createElement("navigator");
-	{
+var platform = storage.document.createElement("platform");
-		var node = storage.document.createElement("navigator");
+platform.textContent = navigator.platform;
-		var platform = storage.document.createElement("platform");
+var vendor = storage.document.createElement("vendor");
-		platform.textContent = navigator.platform;
+vendor.textContent = navigator.vendor;
-		var vendor = storage.document.createElement("vendor");
+var userAgent = storage.document.createElement("uagent");
-		vendor.textContent = navigator.vendor;
+userAgent.textContent = navigator.userAgent;
-		var userAgent = storage.document.createElement("uagent");
-		userAgent.textContent = navigator.userAgent;
 var screen = storage.document.createElement("window");
-screen.setAttribute('innerWidth',window.innerWidth);
+screen.setAttribute('innerWidth', window.innerWidth);
-screen.setAttribute('innerHeight',window.innerHeight);
+screen.setAttribute('innerHeight', window.innerHeight);
-		node.appendChild(platform);
+node.appendChild(platform);
-		node.appendChild(vendor);
+node.appendChild(vendor);
-		node.appendChild(userAgent);
+node.appendChild(userAgent);
 node.appendChild(screen);
-		return node;
+return node;
-	};
+};
-this.returnDateNode = function()
+this.returnDateNode = function () {
-{
 // Create an XML Node for the Date and Time a test was conducted
 // Structure is
 // <datetime>
 //	<date year="##" month="##" day="##">DD/MM/YY</date>
 //	<time hour="##" minute="##" sec="##">HH:MM:SS</time>
 // </datetime>
 var dateTime = new Date();
 var hold = storage.document.createElement("datetime");
 var date = storage.document.createElement("date");
 var time = storage.document.createElement("time");
-date.setAttribute('year',dateTime.getFullYear());
+date.setAttribute('year', dateTime.getFullYear());
-date.setAttribute('month',dateTime.getMonth()+1);
+date.setAttribute('month', dateTime.getMonth() + 1);
-date.setAttribute('day',dateTime.getDate());
+date.setAttribute('day', dateTime.getDate());
-time.setAttribute('hour',dateTime.getHours());
+time.setAttribute('hour', dateTime.getHours());
-time.setAttribute('minute',dateTime.getMinutes());
+time.setAttribute('minute', dateTime.getMinutes());
-time.setAttribute('secs',dateTime.getSeconds());
+time.setAttribute('secs', dateTime.getSeconds());
 hold.appendChild(date);
 hold.appendChild(time);
 return hold;
 }
 this.lightbox = {
 parent: this,
 root: document.createElement("div"),
 content: document.createElement("div"),
 accept: document.createElement("button"),
 blanker: document.createElement("div"),
-post: function(type,message) {
+post: function (type, message) {
-switch(type) {
+switch (type) {
 case "Error":
 this.content.className = "lightbox-error";
 break;
 case "Warning":
 this.content.className = "lightbox-warning";
 var msg = document.createElement("p");
 msg.textContent = message;
 this.content.appendChild(msg);
 this.show();
 },
-show: function() {
+show: function () {
 this.root.style.visibility = "visible";
 this.blanker.style.visibility = "visible";
 },
-clear: function() {
+clear: function () {
 this.root.style.visibility = "";
 this.blanker.style.visibility = "";
 this.content.textContent = "";
 },
-handleEvent: function(event) {
+handleEvent: function (event) {
 if (event.currentTarget == this.accept) {
 this.clear();
 }
 },
-resize: function(event) {
+resize: function (event) {
-this.root.style.left = (window.innerWidth/2)-250 + 'px';
+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.accept.className = "popupButton";
 this.lightbox.accept.style.bottom = "10px";
 this.lightbox.accept.textContent = "OK";
 this.lightbox.accept.style.left = "237.5px";
-this.lightbox.accept.addEventListener("click",this.lightbox);
+this.lightbox.accept.addEventListener("click", this.lightbox);
 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 = new function () {
 this.boxes = [];
 this.injectPoint = null;
-this.elementCommentBox = function(audioObject) {
+this.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 = document.createElement('div');
 this.trackComment.className = 'comment-div';
-this.trackComment.id = 'comment-div-'+audioObject.id;
+this.trackComment.id = 'comment-div-' + audioObject.id;
 // Create a string next to each comment asking for a comment
 this.trackString = document.createElement('span');
-this.trackString.innerHTML = audioHolderObject.commentBoxPrefix+' '+audioObject.interfaceDOM.getPresentedId();
+this.trackString.innerHTML = audioHolderObject.commentBoxPrefix + ' ' + audioObject.interfaceDOM.getPresentedId();
 // Create the HTML5 comment box 'textarea'
 this.trackCommentBox = document.createElement('textarea');
 this.trackCommentBox.rows = '4';
 this.trackCommentBox.cols = '100';
-this.trackCommentBox.name = 'trackComment'+audioObject.id;
+this.trackCommentBox.name = 'trackComment' + audioObject.id;
 this.trackCommentBox.className = 'trackComment';
 var br = document.createElement('br');
 // Add to the holder.
 this.trackComment.appendChild(this.trackString);
 this.trackComment.appendChild(br);
 this.trackComment.appendChild(this.trackCommentBox);
-this.exportXMLDOM = function() {
+this.exportXMLDOM = function () {
 var root = document.createElement('comment');
 var question = document.createElement('question');
 question.textContent = this.trackString.textContent;
 var response = document.createElement('response');
 response.textContent = this.trackCommentBox.value;
-console.log("Comment frag-"+this.id+": "+response.textContent);
+console.log("Comment frag-" + this.id + ": " + response.textContent);
 root.appendChild(question);
 root.appendChild(response);
 return root;
 };
-this.resize = function()
+this.resize = function () {
-{
+var boxwidth = (window.innerWidth - 100) / 2;
-var boxwidth = (window.innerWidth-100)/2;
+if (boxwidth >= 600) {
-if (boxwidth >= 600)
-{
 boxwidth = 600;
-}
+} else if (boxwidth < 400) {
-else if (boxwidth < 400)
-{
 boxwidth = 400;
 }
-this.trackComment.style.width = boxwidth+"px";
+this.trackComment.style.width = boxwidth + "px";
-this.trackCommentBox.style.width = boxwidth-6+"px";
+this.trackCommentBox.style.width = boxwidth - 6 + "px";
 };
 this.resize();
 };
-this.createCommentBox = function(audioObject) {
+this.createCommentBox = function (audioObject) {
 var node = new this.elementCommentBox(audioObject);
 this.boxes.push(node);
 audioObject.commentDOM = node;
 return node;
 };
-this.sortCommentBoxes = function() {
+this.sortCommentBoxes = function () {
-this.boxes.sort(function(a,b){return a.id - b.id;});
+this.boxes.sort(function (a, b) {
-};
+return a.id - b.id;
+});
-this.showCommentBoxes = function(inject, sort) {
+};
+this.showCommentBoxes = function (inject, sort) {
 this.injectPoint = inject;
-if (sort) {this.sortCommentBoxes();}
+if (sort) {
+this.sortCommentBoxes();
+}
 for (var box of this.boxes) {
 inject.appendChild(box.trackComment);
 }
 };
-this.deleteCommentBoxes = function() {
+this.deleteCommentBoxes = function () {
 if (this.injectPoint != null) {
 for (var box of this.boxes) {
 this.injectPoint.removeChild(box.trackComment);
 }
 this.injectPoint = null;
 }
 this.boxes = [];
 };
 }
-	this.commentQuestions = [];
+this.commentQuestions = [];
-	this.commentBox = function(commentQuestion) {
+this.commentBox = function (commentQuestion) {
-		this.specification = commentQuestion;
+this.specification = commentQuestion;
-		// Create document objects to hold the comment boxes
+// Create document objects to hold the comment boxes
-		this.holder = document.createElement('div');
+this.holder = document.createElement('div');
-		this.holder.className = 'comment-div';
+this.holder.className = 'comment-div';
-		// Create a string next to each comment asking for a comment
+// Create a string next to each comment asking for a comment
-		this.string = document.createElement('span');
+this.string = document.createElement('span');
-		this.string.innerHTML = commentQuestion.statement;
+this.string.innerHTML = commentQuestion.statement;
-		// Create the HTML5 comment box 'textarea'
+// Create the HTML5 comment box 'textarea'
-		this.textArea = document.createElement('textarea');
+this.textArea = document.createElement('textarea');
-		this.textArea.rows = '4';
+this.textArea.rows = '4';
-		this.textArea.cols = '100';
+this.textArea.cols = '100';
-		this.textArea.className = 'trackComment';
+this.textArea.className = 'trackComment';
-		var br = document.createElement('br');
+var br = document.createElement('br');
-		// Add to the holder.
+// Add to the holder.
-		this.holder.appendChild(this.string);
+this.holder.appendChild(this.string);
-		this.holder.appendChild(br);
+this.holder.appendChild(br);
-		this.holder.appendChild(this.textArea);
+this.holder.appendChild(this.textArea);
-		this.exportXMLDOM = function(storePoint) {
+this.exportXMLDOM = function (storePoint) {
-			var root = storePoint.parent.document.createElement('comment');
+var root = storePoint.parent.document.createElement('comment');
-			root.id = this.specification.id;
+root.id = this.specification.id;
-			root.setAttribute('type',this.specification.type);
+root.setAttribute('type', this.specification.type);
-			console.log("Question: "+this.string.textContent);
+console.log("Question: " + this.string.textContent);
-			console.log("Response: "+root.textContent);
+console.log("Response: " + root.textContent);
 var question = storePoint.parent.document.createElement('question');
 question.textContent = this.string.textContent;
 var response = storePoint.parent.document.createElement('response');
 response.textContent = this.textArea.value;
 root.appendChild(question);
 root.appendChild(response);
 storePoint.XMLDOM.appendChild(root);
-			return root;
+return root;
-		};
+};
-		this.resize = function()
+this.resize = function () {
-		{
+var boxwidth = (window.innerWidth - 100) / 2;
-			var boxwidth = (window.innerWidth-100)/2;
+if (boxwidth >= 600) {
-			if (boxwidth >= 600)
+boxwidth = 600;
-			{
+} else if (boxwidth < 400) {
-				boxwidth = 600;
+boxwidth = 400;
-			}
+}
-			else if (boxwidth < 400)
+this.holder.style.width = boxwidth + "px";
-			{
+this.textArea.style.width = boxwidth - 6 + "px";
-				boxwidth = 400;
+};
-			}
+this.resize();
-			this.holder.style.width = boxwidth+"px";
+};
-			this.textArea.style.width = boxwidth-6+"px";
-		};
+this.radioBox = function (commentQuestion) {
-		this.resize();
+this.specification = commentQuestion;
-	};
+// Create document objects to hold the comment boxes
+this.holder = document.createElement('div');
-	this.radioBox = function(commentQuestion) {
+this.holder.className = 'comment-div';
-		this.specification = commentQuestion;
+// Create a string next to each comment asking for a comment
-		// Create document objects to hold the comment boxes
+this.string = document.createElement('span');
-		this.holder = document.createElement('div');
+this.string.innerHTML = commentQuestion.statement;
-		this.holder.className = 'comment-div';
+var br = document.createElement('br');
-		// Create a string next to each comment asking for a comment
+// Add to the holder.
-		this.string = document.createElement('span');
+this.holder.appendChild(this.string);
-		this.string.innerHTML = commentQuestion.statement;
+this.holder.appendChild(br);
-		var br = document.createElement('br');
+this.options = [];
-		// Add to the holder.
+this.inputs = document.createElement('div');
-		this.holder.appendChild(this.string);
+this.span = document.createElement('div');
-		this.holder.appendChild(br);
+this.inputs.align = 'center';
-		this.options = [];
+this.inputs.style.marginLeft = '12px';
-		this.inputs = document.createElement('div');
-		this.span = document.createElement('div');
-		this.inputs.align = 'center';
-		this.inputs.style.marginLeft = '12px';
 this.inputs.className = "comment-radio-inputs-holder";
-		this.span.style.marginLeft = '12px';
+this.span.style.marginLeft = '12px';
-		this.span.align = 'center';
+this.span.align = 'center';
-		this.span.style.marginTop = '15px';
+this.span.style.marginTop = '15px';
 this.span.className = "comment-radio-span-holder";
-		var optCount = commentQuestion.options.length;
+var optCount = commentQuestion.options.length;
-		for (var optNode of commentQuestion.options)
+for (var optNode of commentQuestion.options) {
-		{
+var div = document.createElement('div');
-			var div = document.createElement('div');
+div.style.width = '80px';
-			div.style.width = '80px';
+div.style.float = 'left';
-			div.style.float = 'left';
+var input = document.createElement('input');
-			var input = document.createElement('input');
+input.type = 'radio';
-			input.type = 'radio';
+input.name = commentQuestion.id;
-			input.name = commentQuestion.id;
+input.setAttribute('setvalue', optNode.name);
-			input.setAttribute('setvalue',optNode.name);
+input.className = 'comment-radio';
-			input.className = 'comment-radio';
+div.appendChild(input);
-			div.appendChild(input);
+this.inputs.appendChild(div);
-			this.inputs.appendChild(div);
+div = document.createElement('div');
-			div = document.createElement('div');
+div.style.width = '80px';
-			div.style.width = '80px';
+div.style.float = 'left';
-			div.style.float = 'left';
+div.align = 'center';
-			div.align = 'center';
+var span = document.createElement('span');
-			var span = document.createElement('span');
+span.textContent = optNode.text;
-			span.textContent = optNode.text;
+span.className = 'comment-radio-span';
-			span.className = 'comment-radio-span';
+div.appendChild(span);
-			div.appendChild(span);
+this.span.appendChild(div);
-			this.span.appendChild(div);
+this.options.push(input);
-			this.options.push(input);
+}
-		}
+this.holder.appendChild(this.span);
-		this.holder.appendChild(this.span);
+this.holder.appendChild(this.inputs);
-		this.holder.appendChild(this.inputs);
+this.exportXMLDOM = function (storePoint) {
-		this.exportXMLDOM = function(storePoint) {
+var root = storePoint.parent.document.createElement('comment');
-			var root = storePoint.parent.document.createElement('comment');
+root.id = this.specification.id;
-			root.id = this.specification.id;
+root.setAttribute('type', this.specification.type);
-			root.setAttribute('type',this.specification.type);
+var question = document.createElement('question');
-			var question = document.createElement('question');
+question.textContent = this.string.textContent;
-			question.textContent = this.string.textContent;
+var response = document.createElement('response');
-			var response = document.createElement('response');
+var i = 0;
-			var i=0;
+while (this.options[i].checked == false) {
-			while(this.options[i].checked == false) {
+i++;
-				i++;
+if (i >= this.options.length) {
-				if (i >= this.options.length) {
+break;
-					break;
+}
-				}
+}
-			}
+if (i >= this.options.length) {
-			if (i >= this.options.length) {
+response.textContent = 'null';
-				response.textContent = 'null';
+} else {
-			} else {
+response.textContent = this.options[i].getAttribute('setvalue');
-				response.textContent = this.options[i].getAttribute('setvalue');
+response.setAttribute('number', i);
-				response.setAttribute('number',i);
+}
-			}
+console.log('Comment: ' + question.textContent);
-			console.log('Comment: '+question.textContent);
+console.log('Response: ' + response.textContent);
-			console.log('Response: '+response.textContent);
+root.appendChild(question);
-			root.appendChild(question);
+root.appendChild(response);
-			root.appendChild(response);
 storePoint.XMLDOM.appendChild(root);
-			return root;
+return root;
-		};
+};
-		this.resize = function()
+this.resize = function () {
-		{
+var boxwidth = (window.innerWidth - 100) / 2;
-			var boxwidth = (window.innerWidth-100)/2;
+if (boxwidth >= 600) {
-			if (boxwidth >= 600)
+boxwidth = 600;
-			{
+} else if (boxwidth < 400) {
-				boxwidth = 600;
+boxwidth = 400;
-			}
+}
-			else if (boxwidth < 400)
+this.holder.style.width = boxwidth + "px";
-			{
+var text = this.holder.getElementsByClassName("comment-radio-span-holder")[0];
-				boxwidth = 400;
+var options = this.holder.getElementsByClassName("comment-radio-inputs-holder")[0];
-			}
+var optCount = options.childElementCount;
-			this.holder.style.width = boxwidth+"px";
+var spanMargin = Math.floor(((boxwidth - 20 - (optCount * 80)) / (optCount)) / 2) + 'px';
-			var text = this.holder.getElementsByClassName("comment-radio-span-holder")[0];
+var options = options.firstChild;
-			var options = this.holder.getElementsByClassName("comment-radio-inputs-holder")[0];
+var text = text.firstChild;
-			var optCount = options.childElementCount;
+options.style.marginRight = spanMargin;
-			var spanMargin = Math.floor(((boxwidth-20-(optCount*80))/(optCount))/2)+'px';
+options.style.marginLeft = spanMargin;
-			var options = options.firstChild;
+text.style.marginRight = spanMargin;
-			var text = text.firstChild;
+text.style.marginLeft = spanMargin;
-			options.style.marginRight = spanMargin;
+while (options.nextSibling != undefined) {
-			options.style.marginLeft = spanMargin;
+options = options.nextSibling;
-			text.style.marginRight = spanMargin;
+text = text.nextSibling;
-			text.style.marginLeft = spanMargin;
+options.style.marginRight = spanMargin;
-			while(options.nextSibling != undefined)
+options.style.marginLeft = spanMargin;
-			{
+text.style.marginRight = spanMargin;
-				options = options.nextSibling;
+text.style.marginLeft = spanMargin;
-				text = text.nextSibling;
+}
-				options.style.marginRight = spanMargin;
+};
-				options.style.marginLeft = spanMargin;
+this.resize();
-				text.style.marginRight = spanMargin;
+};
-				text.style.marginLeft = spanMargin;
-			}
+this.checkboxBox = function (commentQuestion) {
-		};
+this.specification = commentQuestion;
-		this.resize();
+// Create document objects to hold the comment boxes
-	};
+this.holder = document.createElement('div');
+this.holder.className = 'comment-div';
-	this.checkboxBox = function(commentQuestion) {
+// Create a string next to each comment asking for a comment
-		this.specification = commentQuestion;
+this.string = document.createElement('span');
-		// Create document objects to hold the comment boxes
+this.string.innerHTML = commentQuestion.statement;
-		this.holder = document.createElement('div');
+var br = document.createElement('br');
-		this.holder.className = 'comment-div';
+// Add to the holder.
-		// Create a string next to each comment asking for a comment
+this.holder.appendChild(this.string);
-		this.string = document.createElement('span');
+this.holder.appendChild(br);
-		this.string.innerHTML = commentQuestion.statement;
+this.options = [];
-		var br = document.createElement('br');
+this.inputs = document.createElement('div');
-		// Add to the holder.
+this.span = document.createElement('div');
-		this.holder.appendChild(this.string);
+this.inputs.align = 'center';
-		this.holder.appendChild(br);
+this.inputs.style.marginLeft = '12px';
-		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.style.marginLeft = '12px';
-		this.span.align = 'center';
+this.span.align = 'center';
-		this.span.style.marginTop = '15px';
+this.span.style.marginTop = '15px';
 this.span.className = "comment-checkbox-span-holder";
-		var optCount = commentQuestion.options.length;
+var optCount = commentQuestion.options.length;
-		for (var i=0; i<optCount; i++)
+for (var i = 0; i < optCount; i++) {
-		{
+var div = document.createElement('div');
-			var div = document.createElement('div');
+div.style.width = '80px';
-			div.style.width = '80px';
+div.style.float = 'left';
-			div.style.float = 'left';
+var input = document.createElement('input');
-			var input = document.createElement('input');
+input.type = 'checkbox';
-			input.type = 'checkbox';
+input.name = commentQuestion.id;
-			input.name = commentQuestion.id;
+input.setAttribute('setvalue', commentQuestion.options[i].name);
-			input.setAttribute('setvalue',commentQuestion.options[i].name);
+input.className = 'comment-radio';
-			input.className = 'comment-radio';
+div.appendChild(input);
-			div.appendChild(input);
+this.inputs.appendChild(div);
-			this.inputs.appendChild(div);
+div = document.createElement('div');
-			div = document.createElement('div');
+div.style.width = '80px';
-			div.style.width = '80px';
+div.style.float = 'left';
-			div.style.float = 'left';
+div.align = 'center';
-			div.align = 'center';
+var span = document.createElement('span');
-			var span = document.createElement('span');
+span.textContent = commentQuestion.options[i].text;
-			span.textContent = commentQuestion.options[i].text;
+span.className = 'comment-radio-span';
-			span.className = 'comment-radio-span';
+div.appendChild(span);
-			div.appendChild(span);
+this.span.appendChild(div);
-			this.span.appendChild(div);
+this.options.push(input);
-			this.options.push(input);
+}
-		}
+this.holder.appendChild(this.span);
-		this.holder.appendChild(this.span);
+this.holder.appendChild(this.inputs);
-		this.holder.appendChild(this.inputs);
+this.exportXMLDOM = function (storePoint) {
-		this.exportXMLDOM = function(storePoint) {
+var root = storePoint.parent.document.createElement('comment');
-			var root = storePoint.parent.document.createElement('comment');
+root.id = this.specification.id;
-			root.id = this.specification.id;
+root.setAttribute('type', this.specification.type);
-			root.setAttribute('type',this.specification.type);
+var question = document.createElement('question');
-			var question = document.createElement('question');
+question.textContent = this.string.textContent;
-			question.textContent = this.string.textContent;
+root.appendChild(question);
-			root.appendChild(question);
+console.log('Comment: ' + question.textContent);
-			console.log('Comment: '+question.textContent);
+for (var i = 0; i < this.options.length; i++) {
-			for (var i=0; i<this.options.length; i++) {
+var response = document.createElement('response');
-				var response = document.createElement('response');
+response.textContent = this.options[i].checked;
-				response.textContent = this.options[i].checked;
+response.setAttribute('name', this.options[i].getAttribute('setvalue'));
-				response.setAttribute('name',this.options[i].getAttribute('setvalue'));
+root.appendChild(response);
-				root.appendChild(response);
+console.log('Response ' + response.getAttribute('name') + ': ' + response.textContent);
-				console.log('Response '+response.getAttribute('name') +': '+response.textContent);
+}
-			}
 storePoint.XMLDOM.appendChild(root);
-			return root;
+return root;
-		};
+};
-		this.resize = function()
+this.resize = function () {
-		{
+var boxwidth = (window.innerWidth - 100) / 2;
-			var boxwidth = (window.innerWidth-100)/2;
+if (boxwidth >= 600) {
-			if (boxwidth >= 600)
+boxwidth = 600;
-			{
+} else if (boxwidth < 400) {
-				boxwidth = 600;
+boxwidth = 400;
-			}
+}
-			else if (boxwidth < 400)
+this.holder.style.width = boxwidth + "px";
-			{
+var text = this.holder.getElementsByClassName("comment-checkbox-span-holder")[0];
-				boxwidth = 400;
+var options = this.holder.getElementsByClassName("comment-checkbox-inputs-holder")[0];
-			}
+var optCount = options.childElementCount;
-			this.holder.style.width = boxwidth+"px";
+var spanMargin = Math.floor(((boxwidth - 20 - (optCount * 80)) / (optCount)) / 2) + 'px';
-			var text = this.holder.getElementsByClassName("comment-checkbox-span-holder")[0];
+var options = options.firstChild;
-			var options = this.holder.getElementsByClassName("comment-checkbox-inputs-holder")[0];
+var text = text.firstChild;
-			var optCount = options.childElementCount;
+options.style.marginRight = spanMargin;
-			var spanMargin = Math.floor(((boxwidth-20-(optCount*80))/(optCount))/2)+'px';
+options.style.marginLeft = spanMargin;
-			var options = options.firstChild;
+text.style.marginRight = spanMargin;
-			var text = text.firstChild;
+text.style.marginLeft = spanMargin;
-			options.style.marginRight = spanMargin;
+while (options.nextSibling != undefined) {
-			options.style.marginLeft = spanMargin;
+options = options.nextSibling;
-			text.style.marginRight = spanMargin;
+text = text.nextSibling;
-			text.style.marginLeft = spanMargin;
+options.style.marginRight = spanMargin;
-			while(options.nextSibling != undefined)
+options.style.marginLeft = spanMargin;
-			{
+text.style.marginRight = spanMargin;
-				options = options.nextSibling;
+text.style.marginLeft = spanMargin;
-				text = text.nextSibling;
+}
-				options.style.marginRight = spanMargin;
+};
-				options.style.marginLeft = spanMargin;
+this.resize();
-				text.style.marginRight = spanMargin;
+};
-				text.style.marginLeft = spanMargin;
-			}
+this.createCommentQuestion = function (element) {
-		};
+var node;
-		this.resize();
+if (element.type == 'question') {
-	};
+node = new this.commentBox(element);
+} else if (element.type == 'radio') {
-	this.createCommentQuestion = function(element) {
+node = new this.radioBox(element);
-		var node;
+} else if (element.type == 'checkbox') {
-		if (element.type == 'question') {
+node = new this.checkboxBox(element);
-			node = new this.commentBox(element);
+}
-		} else if (element.type == 'radio') {
+this.commentQuestions.push(node);
-			node = new this.radioBox(element);
+return node;
-		} else if (element.type == 'checkbox') {
+};
-			node = new this.checkboxBox(element);
-		}
+this.deleteCommentQuestions = function () {
-		this.commentQuestions.push(node);
+this.commentQuestions = [];
-		return node;
+};
-	};
+this.outsideReferenceDOM = function (audioObject, index, inject) {
-	this.deleteCommentQuestions = function()
-	{
-		this.commentQuestions = [];
-	};
-this.outsideReferenceDOM = function(audioObject,index,inject)
-{
 this.parent = audioObject;
 this.outsideReferenceHolder = document.createElement('button');
 this.outsideReferenceHolder.className = 'outside-reference';
-this.outsideReferenceHolder.setAttribute('track-id',index);
+this.outsideReferenceHolder.setAttribute('track-id', index);
 this.outsideReferenceHolder.textContent = this.parent.specification.label || "Reference";
 this.outsideReferenceHolder.disabled = true;
-this.outsideReferenceHolder.onclick = function(event)
+this.outsideReferenceHolder.onclick = function (event) {
-{
 audioEngineContext.play(event.currentTarget.getAttribute('track-id'));
 };
 inject.appendChild(this.outsideReferenceHolder);
-this.enable = function()
+this.enable = function () {
-{
+if (this.parent.state == 1) {
-if (this.parent.state == 1)
-{
 this.outsideReferenceHolder.disabled = false;
 }
 };
-this.updateLoading = function(progress)
+this.updateLoading = function (progress) {
-{
+if (progress != 100) {
-if (progress != 100)
-{
 progress = String(progress);
 progress = progress.split('.')[0];
-this.outsideReferenceHolder.textContent = progress+'%';
+this.outsideReferenceHolder.textContent = progress + '%';
 } else {
 this.outsideReferenceHolder.textContent = this.parent.specification.label || "Reference";
 }
 };
-this.startPlayback = function()
+this.startPlayback = function () {
-{
 // Called when playback has begun
 $('.track-slider').removeClass('track-slider-playing');
 $('.comment-div').removeClass('comment-box-playing');
 this.outsideReferenceHolder.style.backgroundColor = "#FDD";
 };
-this.stopPlayback = function()
+this.stopPlayback = function () {
-{
 // Called when playback has stopped. This gets called even if playback never started!
 this.outsideReferenceHolder.style.backgroundColor = "";
 };
-this.exportXMLDOM = function(audioObject)
+this.exportXMLDOM = function (audioObject) {
-{
 return null;
 };
-this.getValue = function()
+this.getValue = function () {
-{
 return 0;
 };
-this.getPresentedId = function()
+this.getPresentedId = function () {
-{
 return this.parent.specification.label || "Reference";
 };
-this.canMove = function()
+this.canMove = function () {
-{
 return false;
 };
-this.error = function() {
+this.error = function () {
 // audioObject has an error!!
 this.outsideReferenceHolder.textContent = "Error";
 this.outsideReferenceHolder.style.backgroundColor = "#F00";
 }
 }
-	this.playhead = new function()
+this.playhead = new function () {
-	{
+this.object = document.createElement('div');
-		this.object = document.createElement('div');
+this.object.className = 'playhead';
-		this.object.className = 'playhead';
+this.object.align = 'left';
-		this.object.align = 'left';
+var curTime = document.createElement('div');
-		var curTime = document.createElement('div');
+curTime.style.width = '50px';
-		curTime.style.width = '50px';
+this.curTimeSpan = document.createElement('span');
-		this.curTimeSpan = document.createElement('span');
+this.curTimeSpan.textContent = '00:00';
-		this.curTimeSpan.textContent = '00:00';
+curTime.appendChild(this.curTimeSpan);
-		curTime.appendChild(this.curTimeSpan);
+this.object.appendChild(curTime);
-		this.object.appendChild(curTime);
+this.scrubberTrack = document.createElement('div');
-		this.scrubberTrack = document.createElement('div');
+this.scrubberTrack.className = 'playhead-scrub-track';
-		this.scrubberTrack.className = 'playhead-scrub-track';
+this.scrubberHead = document.createElement('div');
-		this.scrubberHead = document.createElement('div');
+this.scrubberHead.id = 'playhead-scrubber';
-		this.scrubberHead.id = 'playhead-scrubber';
+this.scrubberTrack.appendChild(this.scrubberHead);
-		this.scrubberTrack.appendChild(this.scrubberHead);
+this.object.appendChild(this.scrubberTrack);
-		this.object.appendChild(this.scrubberTrack);
+this.timePerPixel = 0;
-		this.timePerPixel = 0;
+this.maxTime = 0;
-		this.maxTime = 0;
+this.playbackObject;
-		this.playbackObject;
+this.setTimePerPixel = function (audioObject) {
-		this.setTimePerPixel = function(audioObject) {
+//maxTime must be in seconds
-			//maxTime must be in seconds
+this.playbackObject = audioObject;
-			this.playbackObject = audioObject;
+this.maxTime = audioObject.buffer.buffer.duration;
-			this.maxTime = audioObject.buffer.buffer.duration;
+var width = 490; //500 - 10, 5 each side of the tracker head
-			var width = 490; //500 - 10, 5 each side of the tracker head
+this.timePerPixel = this.maxTime / 490;
-			this.timePerPixel = this.maxTime/490;
+if (this.maxTime < 60) {
-			if (this.maxTime < 60) {
+this.curTimeSpan.textContent = '0.00';
-				this.curTimeSpan.textContent = '0.00';
+} else {
-			} else {
+this.curTimeSpan.textContent = '00:00';
-				this.curTimeSpan.textContent = '00:00';
+}
-			}
+};
-		};
+this.update = function () {
-		this.update = function() {
+// Update the playhead position, startPlay must be called
-			// Update the playhead position, startPlay must be called
+if (this.timePerPixel > 0) {
-			if (this.timePerPixel > 0) {
+var time = this.playbackObject.getCurrentPosition();
-				var time = this.playbackObject.getCurrentPosition();
+if (time > 0 && time < this.maxTime) {
-				if (time > 0 && time < this.maxTime) {
+var width = 490;
-					var width = 490;
+var pix = Math.floor(time / this.timePerPixel);
-					var pix = Math.floor(time/this.timePerPixel);
+this.scrubberHead.style.left = pix + 'px';
-					this.scrubberHead.style.left = pix+'px';
+if (this.maxTime > 60.0) {
-					if (this.maxTime > 60.0) {
+var secs = time % 60;
-						var secs = time%60;
+var mins = Math.floor((time - secs) / 60);
-						var mins = Math.floor((time-secs)/60);
+secs = secs.toString();
-						secs = secs.toString();
+secs = secs.substr(0, 2);
-						secs = secs.substr(0,2);
+mins = mins.toString();
-						mins = mins.toString();
+this.curTimeSpan.textContent = mins + ':' + secs;
-						this.curTimeSpan.textContent = mins+':'+secs;
+} else {
-					} else {
+time = time.toString();
-						time = time.toString();
+this.curTimeSpan.textContent = time.substr(0, 4);
-						this.curTimeSpan.textContent = time.substr(0,4);
+}
-					}
+} else {
-				} else {
+this.scrubberHead.style.left = '0px';
-					this.scrubberHead.style.left = '0px';
+if (this.maxTime < 60) {
-					if (this.maxTime < 60) {
+this.curTimeSpan.textContent = '0.00';
-						this.curTimeSpan.textContent = '0.00';
+} else {
-					} else {
+this.curTimeSpan.textContent = '00:00';
-						this.curTimeSpan.textContent = '00:00';
+}
-					}
+}
-				}
+}
-			}
+};
-		};
+this.interval = undefined;
-		this.interval = undefined;
+this.start = function () {
-		this.start = function() {
+if (this.playbackObject != undefined && this.interval == undefined) {
-			if (this.playbackObject != undefined && this.interval == undefined) {
+if (this.maxTime < 60) {
-				if (this.maxTime < 60) {
+this.interval = setInterval(function () {
-					this.interval = setInterval(function(){interfaceContext.playhead.update();},10);
+interfaceContext.playhead.update();
-				} else {
+}, 10);
-					this.interval = setInterval(function(){interfaceContext.playhead.update();},100);
+} else {
-				}
+this.interval = setInterval(function () {
-			}
+interfaceContext.playhead.update();
-		};
+}, 100);
-		this.stop = function() {
+}
-			clearInterval(this.interval);
+}
-			this.interval = undefined;
+};
+this.stop = function () {
+clearInterval(this.interval);
+this.interval = undefined;
 this.scrubberHead.style.left = '0px';
-			if (this.maxTime < 60) {
+if (this.maxTime < 60) {
-				this.curTimeSpan.textContent = '0.00';
+this.curTimeSpan.textContent = '0.00';
-			} else {
+} else {
-				this.curTimeSpan.textContent = '00:00';
+this.curTimeSpan.textContent = '00:00';
-			}
+}
-		};
+};
-	};
+};
-this.volume = new function()
+this.volume = new 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;
 this.valueDB = 0.0;
 this.slider.id = 'master-volume-control';
 this.slider.type = 'range';
 this.valueText = document.createElement('span');
 this.valueText.id = 'master-volume-feedback';
 this.valueText.textContent = '0dB';
 this.slider.min = -60;
 this.slider.max = 12;
 this.slider.value = 0;
 this.slider.step = 1;
-this.slider.onmousemove = function(event)
+this.slider.onmousemove = function (event) {
-{
 interfaceContext.volume.valueDB = event.currentTarget.value;
 interfaceContext.volume.valueLin = decibelToLinear(interfaceContext.volume.valueDB);
-interfaceContext.volume.valueText.textContent = interfaceContext.volume.valueDB+'dB';
+interfaceContext.volume.valueText.textContent = interfaceContext.volume.valueDB + 'dB';
 audioEngineContext.outputGain.gain.value = interfaceContext.volume.valueLin;
 }
-this.slider.onmouseup = function(event)
+this.slider.onmouseup = function (event) {
-{
 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');
+storePoint.setAttribute('name', 'volumeTracker');
 testState.currentStore.XMLDOM.getElementsByTagName('metric')[0].appendChild(storePoint);
-}
+} else {
-else {
 storePoint = storePoint[0];
 }
 var node = storage.document.createElement('movement');
-node.setAttribute('test-time',audioEngineContext.timer.getTestTime());
+node.setAttribute('test-time', audioEngineContext.timer.getTestTime());
-node.setAttribute('volume',interfaceContext.volume.valueDB);
+node.setAttribute('volume', interfaceContext.volume.valueDB);
-node.setAttribute('format','dBFS');
+node.setAttribute('format', 'dBFS');
 storePoint.appendChild(node);
 }
 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);
 this.root.appendChild(this.slider);
 this.root.appendChild(this.valueText);
-this.resize = function(event) {
+this.resize = function (event) {
 if (window.innerWidth < 1000) {
 this.object.className = "master-volume-holder-inline"
 } else {
 this.object.className = 'master-volume-holder-float';
 }
 }
 }
 this.calibrationModuleObject = null;
-this.calibrationModule = function() {
+this.calibrationModule = function () {
 // This creates an on-page calibration module
 this.storeDOM = storage.document.createElement("calibration");
 storage.root.appendChild(this.storeDOM);
 // The calibration is a fixed state module
 this.calibrationNodes = [];
 this.holder = null;
-this.build = function(inject) {
+this.build = function (inject) {
 var f0 = 62.5;
 this.holder = document.createElement("div");
 this.holder.className = "calibration-holder";
 this.calibrationNodes = [];
-while(f0 < 20000) {
+while (f0 < 20000) {
 var obj = {
 root: document.createElement("div"),
 input: document.createElement("input"),
 oscillator: audioContext.createOscillator(),
 gain: audioContext.createGain(),
 f: f0,
 parent: this,
-handleEvent: function(event) {
+handleEvent: function (event) {
-switch(event.type) {
+switch (event.type) {
 case "mouseenter":
 this.oscillator.start(0);
 break;
 case "mouseleave":
 this.oscillator.stop(0);
 this.oscillator = audioContext.createOscillator();
 this.oscillator.connect(this.gain);
 this.oscillator.frequency.value = this.f;
 break;
 case "mousemove":
-var value = Math.pow(10,this.input.value/20);
+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
 }
 break;
 }
 },
-disconnect: function() {
+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;
+obj.gain.gain.value = Math.random() * 2;
 obj.input.value = obj.gain.gain.value;
-obj.input.setAttribute('orient','vertical');
+obj.input.setAttribute('orient', 'vertical');
 obj.input.type = "range";
 obj.input.min = -6;
 obj.input.max = 6;
 obj.input.step = 0.25;
 if (f0 != 1000) {
-obj.input.value = (Math.random()*12)-6;
+obj.input.value = (Math.random() * 12) - 6;
 } else {
 obj.input.value = 0;
-obj.root.style.backgroundColor="rgb(255,125,125)";
+obj.root.style.backgroundColor = "rgb(255,125,125)";
 }
-obj.input.addEventListener("mousemove",obj);
+obj.input.addEventListener("mousemove", obj);
-obj.input.addEventListener("mouseenter",obj);
+obj.input.addEventListener("mouseenter", obj);
-obj.input.addEventListener("mouseleave",obj);
+obj.input.addEventListener("mouseleave", obj);
-obj.gain.gain.value = Math.pow(10,obj.input.value/20);
+obj.gain.gain.value = Math.pow(10, obj.input.value / 20);
 obj.oscillator.frequency.value = f0;
 this.calibrationNodes.push(obj);
 this.holder.appendChild(obj.root);
 f0 *= 2;
 }
 inject.appendChild(this.holder);
 }
-this.collect = function() {
+this.collect = function () {
 for (var obj of this.calibrationNodes) {
 var node = storage.document.createElement("calibrationresult");
-node.setAttribute("frequency",obj.f);
+node.setAttribute("frequency", obj.f);
-node.setAttribute("range-min",obj.input.min);
+node.setAttribute("range-min", obj.input.min);
-node.setAttribute("range-max",obj.input.max);
+node.setAttribute("range-max", obj.input.max);
-node.setAttribute("gain-lin",obj.gain.gain.value);
+node.setAttribute("gain-lin", obj.gain.gain.value);
 this.storeDOM.appendChild(node);
 }
 }
 }
-	// Global Checkers
+// Global Checkers
-	// These functions will help enforce the checkers
+// These functions will help enforce the checkers
-	this.checkHiddenAnchor = function()
+this.checkHiddenAnchor = function () {
-	{
+for (var ao of audioEngineContext.audioObjects) {
-		for (var ao of audioEngineContext.audioObjects)
+if (ao.specification.type == "anchor") {
-		{
+if (ao.interfaceDOM.getValue() > (ao.specification.marker / 100) && ao.specification.marker > 0) {
-			if (ao.specification.type == "anchor")
+// Anchor is not set below
-			{
+console.log('Anchor node not below marker value');
-				if (ao.interfaceDOM.getValue() > (ao.specification.marker/100) && ao.specification.marker > 0) {
+interfaceContext.lightbox.post("Message", 'Please keep listening');
-					// Anchor is not set below
-					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 false;
-				}
+}
-			}
+}
-		}
+}
-		return true;
+return true;
-	};
+};
-	this.checkHiddenReference = function()
+this.checkHiddenReference = function () {
-	{
+for (var ao of audioEngineContext.audioObjects) {
-		for (var ao of audioEngineContext.audioObjects)
+if (ao.specification.type == "reference") {
-		{
+if (ao.interfaceDOM.getValue() < (ao.specification.marker / 100) && ao.specification.marker > 0) {
-			if (ao.specification.type == "reference")
+// Anchor is not set below
-			{
+console.log('Reference node not above marker value');
-				if (ao.interfaceDOM.getValue() < (ao.specification.marker/100) && ao.specification.marker > 0) {
-					// Anchor is not set below
-					console.log('Reference node not above marker value');
 this.storeErrorNode('Reference node not above marker value');
-					interfaceContext.lightbox.post("Message",'Please keep listening');
+interfaceContext.lightbox.post("Message", 'Please keep listening');
-					return false;
+return false;
-				}
+}
-			}
+}
-		}
+}
-		return true;
+return true;
-	};
+};
-	this.checkFragmentsFullyPlayed = function ()
+this.checkFragmentsFullyPlayed = function () {
-	{
+// Checks the entire file has been played back
-		// Checks the entire file has been played back
+// NOTE ! This will return true IF playback is Looped!!!
-		// NOTE ! This will return true IF playback is Looped!!!
+if (audioEngineContext.loopPlayback) {
-		if (audioEngineContext.loopPlayback)
+console.log("WARNING - Looped source: Cannot check fragments are fully played");
-		{
+return true;
-			console.log("WARNING - Looped source: Cannot check fragments are fully played");
+}
-			return true;
+var check_pass = true;
-		}
+var error_obj = [];
-		var check_pass = true;
+for (var i = 0; i < audioEngineContext.audioObjects.length; i++) {
-		var error_obj = [];
+var object = audioEngineContext.audioObjects[i];
-		for (var i = 0; i<audioEngineContext.audioObjects.length; i++)
+var time = object.buffer.buffer.duration;
-		{
+var metric = object.metric;
-			var object = audioEngineContext.audioObjects[i];
+var passed = false;
-			var time = object.buffer.buffer.duration;
+for (var j = 0; j < metric.listenTracker.length; j++) {
-			var metric = object.metric;
+var bt = metric.listenTracker[j].getElementsByTagName('testtime');
-			var passed = false;
+var start_time = Number(bt[0].getAttribute('start'));
-			for (var j=0; j<metric.listenTracker.length; j++)
+var stop_time = Number(bt[0].getAttribute('stop'));
-			{
+var delta = stop_time - start_time;
-				var bt = metric.listenTracker[j].getElementsByTagName('testtime');
+if (delta >= time) {
-				var start_time = Number(bt[0].getAttribute('start'));
+passed = true;
-				var stop_time = Number(bt[0].getAttribute('stop'));
+break;
-				var delta = stop_time - start_time;
+}
-				if (delta >= time)
+}
-				{
+if (passed == false) {
-					passed = true;
+check_pass = false;
-					break;
+console.log("Continue listening to track-" + object.interfaceDOM.getPresentedId());
-				}
+error_obj.push(object.interfaceDOM.getPresentedId());
-			}
+}
-			if (passed == false)
+}
-			{
+if (check_pass == false) {
-				check_pass = false;
+var str_start = "You have not completely listened to fragments ";
-				console.log("Continue listening to track-"+object.interfaceDOM.getPresentedId());
+for (var i = 0; i < error_obj.length; i++) {
-				error_obj.push(object.interfaceDOM.getPresentedId());
+str_start += error_obj[i];
-			}
+if (i != error_obj.length - 1) {
-		}
+str_start += ', ';
-		if (check_pass == false)
+}
-		{
+}
-			var str_start = "You have not completely listened to fragments ";
+str_start += ". Please keep listening";
-			for (var i=0; i<error_obj.length; i++)
+console.log("[ALERT]: " + str_start);
-			{
+this.storeErrorNode("[ALERT]: " + str_start);
-				str_start += error_obj[i];
+interfaceContext.lightbox.post("Error", str_start);
-				if (i != error_obj.length-1)
-				{
-					str_start += ', ';
-				}
-			}
-			str_start += ". Please keep listening";
-			console.log("[ALERT]: "+str_start);
-this.storeErrorNode("[ALERT]: "+str_start);
-			interfaceContext.lightbox.post("Error",str_start);
 return false;
-		}
+}
 return true;
-	};
+};
-	this.checkAllMoved = function()
+this.checkAllMoved = function () {
-	{
+var str = "You have not moved ";
-		var str = "You have not moved ";
+var failed = [];
-		var failed = [];
+for (var ao of audioEngineContext.audioObjects) {
-		for (var ao of audioEngineContext.audioObjects)
+if (ao.metric.wasMoved == false && ao.interfaceDOM.canMove() == true) {
-		{
+failed.push(ao.interfaceDOM.getPresentedId());
-			if(ao.metric.wasMoved == false && ao.interfaceDOM.canMove() == true)
+}
-			{
+}
-				failed.push(ao.interfaceDOM.getPresentedId());
+if (failed.length == 0) {
-			}
+return true;
-		}
+} else if (failed.length == 1) {
-		if (failed.length == 0)
+str += 'track ' + failed[0];
-		{
+} else {
-			return true;
+str += 'tracks ';
-		} else if (failed.length == 1)
+for (var i = 0; i < failed.length - 1; i++) {
-		{
+str += failed[i] + ', ';
-			str += 'track '+failed[0];
+}
-		} else {
+str += 'and ' + failed[i];
-			str += 'tracks ';
+}
-			for (var i=0; i<failed.length-1; i++)
+str += '.';
-			{
+interfaceContext.lightbox.post("Error", str);
-				str += failed[i]+', ';
+console.log(str);
-			}
-			str += 'and '+failed[i];
-		}
-		str +='.';
-		interfaceContext.lightbox.post("Error",str);
-		console.log(str);
 this.storeErrorNode(str);
-		return false;
+return false;
-	};
+};
-	this.checkAllPlayed = function()
+this.checkAllPlayed = function () {
-	{
+var str = "You have not played ";
-		var str = "You have not played ";
+var failed = [];
-		var failed = [];
+for (var ao of audioEngineContext.audioObjects) {
-		for (var ao of audioEngineContext.audioObjects)
+if (ao.metric.wasListenedTo == false) {
-		{
+failed.push(ao.interfaceDOM.getPresentedId());
-			if(ao.metric.wasListenedTo == false)
+}
-			{
+}
-				failed.push(ao.interfaceDOM.getPresentedId());
+if (failed.length == 0) {
-			}
+return true;
-		}
+} else if (failed.length == 1) {
-		if (failed.length == 0)
+str += 'track ' + failed[0];
-		{
+} else {
-			return true;
+str += 'tracks ';
-		} else if (failed.length == 1)
+for (var i = 0; i < failed.length - 1; i++) {
-		{
+str += failed[i] + ', ';
-			str += 'track '+failed[0];
+}
-		} else {
+str += 'and ' + failed[i];
-			str += 'tracks ';
+}
-			for (var i=0; i<failed.length-1; i++)
+str += '.';
-			{
+interfaceContext.lightbox.post("Error", str);
-				str += failed[i]+', ';
+console.log(str);
-			}
-			str += 'and '+failed[i];
-		}
-		str +='.';
-		interfaceContext.lightbox.post("Error",str);
-		console.log(str);
 this.storeErrorNode(str);
-		return false;
+return false;
-	};
+};
-this.checkScaleRange = function(min, max) {
+this.checkScaleRange = function (min, max) {
 var page = testState.getCurrentTestPage();
 var audioObjects = audioEngineContext.audioObjects;
 var state = true;
 var str = "Please keep listening. ";
 var minRanking = Infinity;
 var maxRanking = -Infinity;
 for (var ao of audioObjects) {
 var rank = ao.interfaceDOM.getValue();
-if (rank < minRanking) {minRanking = rank;}
+if (rank < minRanking) {
-if (rank > maxRanking) {maxRanking = rank;}
+minRanking = rank;
 }
-if (minRanking*100 > min) {
+if (rank > maxRanking) {
-str += "At least one fragment must be below the "+min+" mark.";
+maxRanking = rank;
+}
+}
+if (minRanking * 100 > min) {
+str += "At least one fragment must be below the " + min + " mark.";
 state = false;
 }
-if (maxRanking*100 < max) {
+if (maxRanking * 100 < max) {
-str += "At least one fragment must be above the "+max+" mark."
+str += "At least one fragment must be above the " + max + " mark."
 state = false;
 }
 if (!state) {
 console.log(str);
 this.storeErrorNode(str);
-interfaceContext.lightbox.post("Error",str);
+interfaceContext.lightbox.post("Error", str);
 }
 return state;
 }
-this.storeErrorNode = function(errorMessage)
+this.storeErrorNode = function (errorMessage) {
-{
 var time = audioEngineContext.timer.getTestTime();
 var node = storage.document.createElement('error');
-node.setAttribute('time',time);
+node.setAttribute('time', time);
 node.textContent = errorMessage;
 testState.currentStore.XMLDOM.appendChild(node);
 };
 }
-function Storage()
+function Storage() {
-{
+// Holds results in XML format until ready for collection
-	// Holds results in XML format until ready for collection
+this.globalPreTest = null;
-	this.globalPreTest = null;
+this.globalPostTest = null;
-	this.globalPostTest = null;
+this.testPages = [];
-	this.testPages = [];
+this.document = null;
-	this.document = null;
+this.root = null;
-	this.root = null;
+this.state = 0;
-	this.state = 0;
+this.initialise = function (existingStore) {
-	this.initialise = function(existingStore)
-	{
 if (existingStore == undefined) {
 // We need to get the sessionKey
 this.SessionKey.generateKey();
-this.document = document.implementation.createDocument(null,"waetresult",null);
+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', url);
-projectDocument.setAttribute('url',qualifyURL(url));
+projectDocument.setAttribute('url', qualifyURL(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){this.globalPreTest = new this.surveyNode(this,this.root,specification.preTest);}
+if (specification.preTest != undefined) {
-if (specification.postTest != undefined){this.globalPostTest = new this.surveyNode(this,this.root,specification.postTest);}
+this.globalPreTest = new this.surveyNode(this, this.root, specification.preTest);
-	};
+}
+if (specification.postTest != undefined) {
+this.globalPostTest = new this.surveyNode(this, this.root, specification.postTest);
+}
+};
 this.SessionKey = {
 key: null,
 request: new XMLHttpRequest(),
 parent: this,
-handleEvent: function() {
+handleEvent: function () {
 var parse = new DOMParser();
-var xml = parse.parseFromString(this.request.response,"text/xml");
+var xml = parse.parseFromString(this.request.response, "text/xml");
 var shouldGenerateKey = true;
 if (this.request.response.length == 0) {
 console.log("Error: Server did not respond");
 return;
 }
-if(xml.getElementsByTagName("state").length > 0){
+if (xml.getElementsByTagName("state").length > 0) {
-				if (xml.getElementsByTagName("state")[0].textContent == "OK") {
+if (xml.getElementsByTagName("state")[0].textContent == "OK") {
-					this.key = xml.getAllElementsByTagName("key")[0].textContent;
+this.key = xml.getAllElementsByTagName("key")[0].textContent;
-					this.parent.root.setAttribute("key",this.key);
+this.parent.root.setAttribute("key", this.key);
-					this.parent.root.setAttribute("state","empty");
+this.parent.root.setAttribute("state", "empty");
-					shouldGenerateKey = false;
+shouldGenerateKey = false;
-				}
+}
-			}
+}
-			if(shouldGenerateKey === true){
+if (shouldGenerateKey === true) {
-				this.generateKey();
+this.generateKey();
-			}
+}
 },
-generateKey: function() {
+generateKey: function () {
 var temp_key = randomString(32);
 var returnURL = "";
 if (typeof specification.projectReturn == "string") {
-if (specification.projectReturn.substr(0,4) == "http") {
+if (specification.projectReturn.substr(0, 4) == "http") {
 returnURL = specification.projectReturn;
 }
 }
-this.request.open("GET",returnURL+"php/keygen.php?key="+temp_key,true);
+this.request.open("GET", returnURL + "php/keygen.php?key=" + temp_key, true);
-this.request.addEventListener("load",this);
+this.request.addEventListener("load", this);
 this.request.send();
 },
-update: function() {
+update: function () {
 if (this.key == null) {
 console.log("Cannot save as key == null");
 return;
 }
-this.parent.root.setAttribute("state","update");
+this.parent.root.setAttribute("state", "update");
 var xmlhttp = new XMLHttpRequest();
 var returnURL = "";
 if (typeof specification.projectReturn == "string") {
-if (specification.projectReturn.substr(0,4) == "http") {
+if (specification.projectReturn.substr(0, 4) == "http") {
 returnURL = specification.projectReturn;
 }
 }
-xmlhttp.open("POST",returnURL+"php/save.php?key="+this.key);
+xmlhttp.open("POST", returnURL + "php/save.php?key=" + this.key);
 xmlhttp.setRequestHeader('Content-Type', 'text/xml');
-xmlhttp.onerror = function(){
+xmlhttp.onerror = function () {
 console.log('Error updating file to server!');
 };
 var hold = document.createElement("div");
 var clone = this.parent.root.cloneNode(true);
 hold.appendChild(clone);
-xmlhttp.onload = function() {
+xmlhttp.onload = function () {
 if (this.status >= 300) {
 console.log("WARNING - Could not update at this time");
 } else {
 var parser = new DOMParser();
 var xmlDoc = parser.parseFromString(xmlhttp.responseText, "application/xml");
 var response = xmlDoc.getElementsByTagName('response')[0];
 if (response.getAttribute("state") == "OK") {
 var file = response.getElementsByTagName("file")[0];
-console.log("Intermediate save: OK, written "+file.getAttribute("bytes")+"B");
+console.log("Intermediate save: OK, written " + file.getAttribute("bytes") + "B");
 } else {
 var message = response.getElementsByTagName("message");
-console.log("Intermediate save: Error! "+message.textContent);
+console.log("Intermediate save: Error! " + message.textContent);
 }
 }
 }
 xmlhttp.send([hold.innerHTML]);
 }
 }
-	this.createTestPageStore = function(specification)
+this.createTestPageStore = function (specification) {
-	{
+var store = new this.pageNode(this, specification);
-		var store = new this.pageNode(this,specification);
+this.testPages.push(store);
-		this.testPages.push(store);
+return this.testPages[this.testPages.length - 1];
-		return this.testPages[this.testPages.length-1];
+};
-	};
+this.surveyNode = function (parent, root, specification) {
-	this.surveyNode = function(parent,root,specification)
+this.specification = specification;
-	{
+this.parent = parent;
-		this.specification = specification;
-		this.parent = parent;
 this.state = "empty";
-		this.XMLDOM = this.parent.document.createElement('survey');
+this.XMLDOM = this.parent.document.createElement('survey');
-		this.XMLDOM.setAttribute('location',this.specification.location);
+this.XMLDOM.setAttribute('location', this.specification.location);
-this.XMLDOM.setAttribute("state",this.state);
+this.XMLDOM.setAttribute("state", this.state);
-		for (var optNode of this.specification.options)
+for (var optNode of this.specification.options) {
-		{
+if (optNode.type != 'statement') {
-			if (optNode.type != 'statement')
+var node = this.parent.document.createElement('surveyresult');
-			{
+node.setAttribute("ref", optNode.id);
-				var node = this.parent.document.createElement('surveyresult');
+node.setAttribute('type', optNode.type);
-				node.setAttribute("ref",optNode.id);
+this.XMLDOM.appendChild(node);
-				node.setAttribute('type',optNode.type);
+}
-				this.XMLDOM.appendChild(node);
+}
-			}
+root.appendChild(this.XMLDOM);
-		}
-		root.appendChild(this.XMLDOM);
+this.postResult = function (node) {
+// From popup: node is the popupOption node containing both spec. and results
-		this.postResult = function(node)
+// ID is the position
-		{
+if (node.specification.type == 'statement') {
-			// From popup: node is the popupOption node containing both spec. and results
+return;
-			// ID is the position
+}
-			if (node.specification.type == 'statement'){return;}
+var surveyresult = this.XMLDOM.firstChild;
-			var surveyresult = this.XMLDOM.firstChild;
+while (surveyresult != null) {
-while(surveyresult != null) {
+if (surveyresult.getAttribute("ref") == node.specification.id) {
-if (surveyresult.getAttribute("ref") == node.specification.id)
-{
 break;
 }
 surveyresult = surveyresult.nextElementSibling;
 }
-			switch(node.specification.type)
+switch (node.specification.type) {
-			{
+case "number":
-			case "number":
+case "question":
-			case "question":
+var child = this.parent.document.createElement('response');
-				var child = this.parent.document.createElement('response');
+child.textContent = node.response;
-				child.textContent = node.response;
+surveyresult.appendChild(child);
-				surveyresult.appendChild(child);
-				break;
-			case "radio":
-				var child = this.parent.document.createElement('response');
-				child.setAttribute('name',node.response.name);
-				child.textContent = node.response.text;
-				surveyresult.appendChild(child);
-				break;
-			case "checkbox":
-if (node.response == undefined) {
-surveyresult.appendChild(this.parent.document.createElement('response'));
 break;
-}
+case "radio":
-				for (var i=0; i<node.response.length; i++)
+var child = this.parent.document.createElement('response');
-				{
+child.setAttribute('name', node.response.name);
-					var checkNode = this.parent.document.createElement('response');
+child.textContent = node.response.text;
-					checkNode.setAttribute('name',node.response[i].name);
+surveyresult.appendChild(child);
-					checkNode.setAttribute('checked',node.response[i].checked);
+break;
-					surveyresult.appendChild(checkNode);
+case "checkbox":
-				}
+if (node.response == undefined) {
-				break;
+surveyresult.appendChild(this.parent.document.createElement('response'));
-			}
+break;
-		};
+}
-this.complete = function() {
+for (var i = 0; i < node.response.length; i++) {
+var checkNode = this.parent.document.createElement('response');
+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.XMLDOM.setAttribute("state", this.state);
 }
-	};
+};
-	this.pageNode = function(parent,specification)
+this.pageNode = function (parent, specification) {
-	{
+// Create one store per test page
-		// Create one store per test page
+this.specification = specification;
-		this.specification = specification;
+this.parent = parent;
-		this.parent = parent;
 this.state = "empty";
-		this.XMLDOM = this.parent.document.createElement('page');
+this.XMLDOM = this.parent.document.createElement('page');
-		this.XMLDOM.setAttribute('ref',specification.id);
+this.XMLDOM.setAttribute('ref', specification.id);
-		this.XMLDOM.setAttribute('presentedId',specification.presentedId);
+this.XMLDOM.setAttribute('presentedId', specification.presentedId);
-this.XMLDOM.setAttribute("state",this.state);
+this.XMLDOM.setAttribute("state", this.state);
-		if (specification.preTest != undefined){this.preTest = new this.parent.surveyNode(this.parent,this.XMLDOM,this.specification.preTest);}
+if (specification.preTest != undefined) {
-		if (specification.postTest != undefined){this.postTest = new this.parent.surveyNode(this.parent,this.XMLDOM,this.specification.postTest);}
+this.preTest = new this.parent.surveyNode(this.parent, this.XMLDOM, this.specification.preTest);
+}
-		// Add any page metrics
+if (specification.postTest != undefined) {
-		var page_metric = this.parent.document.createElement('metric');
+this.postTest = new this.parent.surveyNode(this.parent, this.XMLDOM, this.specification.postTest);
-		this.XMLDOM.appendChild(page_metric);
+}
-		// Add the audioelement
+// Add any page metrics
-		for (var element of this.specification.audioElements)
+var page_metric = this.parent.document.createElement('metric');
-		{
+this.XMLDOM.appendChild(page_metric);
-			var aeNode = this.parent.document.createElement('audioelement');
-			aeNode.setAttribute('ref',element.id);
+// Add the audioelement
-if (element.name != undefined){aeNode.setAttribute('name',element.name)};
+for (var element of this.specification.audioElements) {
-			aeNode.setAttribute('type',element.type);
+var aeNode = this.parent.document.createElement('audioelement');
-			aeNode.setAttribute('url', element.url);
+aeNode.setAttribute('ref', element.id);
-aeNode.setAttribute('fqurl',qualifyURL(element.url));
+if (element.name != undefined) {
-			aeNode.setAttribute('gain', element.gain);
+aeNode.setAttribute('name', element.name)
-			if (element.type == 'anchor' || element.type == 'reference')
+};
-			{
+aeNode.setAttribute('type', element.type);
-				if (element.marker > 0)
+aeNode.setAttribute('url', element.url);
-				{
+aeNode.setAttribute('fqurl', qualifyURL(element.url));
-					aeNode.setAttribute('marker',element.marker);
+aeNode.setAttribute('gain', element.gain);
-				}
+if (element.type == 'anchor' || element.type == 'reference') {
-			}
+if (element.marker > 0) {
-			var ae_metric = this.parent.document.createElement('metric');
+aeNode.setAttribute('marker', element.marker);
-			aeNode.appendChild(ae_metric);
+}
-			this.XMLDOM.appendChild(aeNode);
+}
-		}
+var ae_metric = this.parent.document.createElement('metric');
+aeNode.appendChild(ae_metric);
-		this.parent.root.appendChild(this.XMLDOM);
+this.XMLDOM.appendChild(aeNode);
+}
-this.complete = function() {
+this.parent.root.appendChild(this.XMLDOM);
+this.complete = function () {
 this.state = "complete";
-this.XMLDOM.setAttribute("state","complete");
+this.XMLDOM.setAttribute("state", "complete");
 }
-	};
+};
-this.update = function() {
+this.update = function () {
 this.SessionKey.update();
 }
-	this.finish = function()
+this.finish = function () {
-	{
+if (this.state == 0) {
-		if (this.state == 0)
-		{
 this.update();
-		}
+}
-		this.state = 1;
+this.state = 1;
-this.root.setAttribute("state","complete");
+this.root.setAttribute("state", "complete");
-		return this.root;
+return this.root;
-	};
+};
 }
 var window_depedancy_callback;
-window_depedancy_callback = window.setInterval(function(){
+window_depedancy_callback = window.setInterval(function () {
 if (check_dependancies()) {
 window.clearInterval(window_depedancy_callback);
 onload();
 } else {
 document.getElementById("topLevelBody").innerHTML = "<h1>Loading Resources</h1>";
 }
-},100);
+}, 100);