giuliomoro@0: /**
giuliomoro@0:  * core.js
giuliomoro@0:  * 
giuliomoro@0:  * Main script to run, calls all other core functions and manages loading/store to backend.
giuliomoro@0:  * Also contains all global variables.
giuliomoro@0:  */
giuliomoro@0: 
giuliomoro@0: /* create the web audio API context and store in audioContext*/
giuliomoro@0: var audioContext; // Hold the browser web audio API
giuliomoro@0: var projectXML; // Hold the parsed setup XML
giuliomoro@0: var schemaXSD; // Hold the parsed schema XSD
giuliomoro@0: var specification;
giuliomoro@0: var interfaceContext;
giuliomoro@0: var storage;
giuliomoro@0: var popup; // Hold the interfacePopup object
giuliomoro@0: var testState;
giuliomoro@0: var currentTrackOrder = []; // Hold the current XML tracks in their (randomised) order
giuliomoro@0: var audioEngineContext; // The custom AudioEngine object
giuliomoro@0: var projectReturn; 
giuliomoro@0: var returnUrl; // Holds the url to be redirected to at the end of the test
giuliomoro@0: 
giuliomoro@0: // Add a prototype to the bufferSourceNode to reference to the audioObject holding it
giuliomoro@0: AudioBufferSourceNode.prototype.owner = undefined;
giuliomoro@0: // Add a prototype to the bufferSourceNode to hold when the object was given a play command
giuliomoro@0: AudioBufferSourceNode.prototype.playbackStartTime = undefined;
giuliomoro@0: // Add a prototype to the bufferNode to hold the desired LINEAR gain
giuliomoro@0: AudioBuffer.prototype.playbackGain = undefined;
giuliomoro@0: // Add a prototype to the bufferNode to hold the computed LUFS loudness
giuliomoro@0: AudioBuffer.prototype.lufs = undefined;
giuliomoro@0: 
giuliomoro@0: // Firefox does not have an XMLDocument.prototype.getElementsByName
giuliomoro@0: // and there is no searchAll style command, this custom function will
giuliomoro@0: // search all children recusrively for the name. Used for XSD where all
giuliomoro@0: // element nodes must have a name and therefore can pull the schema node
giuliomoro@0: XMLDocument.prototype.getAllElementsByName = function(name)
giuliomoro@0: {
giuliomoro@0:     name = String(name);
giuliomoro@0:     var selected = this.documentElement.getAllElementsByName(name);
giuliomoro@0:     return selected;
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: Element.prototype.getAllElementsByName = function(name)
giuliomoro@0: {
giuliomoro@0:     name = String(name);
giuliomoro@0:     var selected = [];
giuliomoro@0:     var node = this.firstElementChild;
giuliomoro@0:     while(node != null)
giuliomoro@0:     {
giuliomoro@0:         if (node.getAttribute('name') == name)
giuliomoro@0:         {
giuliomoro@0:             selected.push(node);
giuliomoro@0:         }
giuliomoro@0:         if (node.childElementCount > 0)
giuliomoro@0:         {
giuliomoro@0:             selected = selected.concat(node.getAllElementsByName(name));
giuliomoro@0:         }
giuliomoro@0:         node = node.nextElementSibling;
giuliomoro@0:     }
giuliomoro@0:     return selected;
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: XMLDocument.prototype.getAllElementsByTagName = function(name)
giuliomoro@0: {
giuliomoro@0:     name = String(name);
giuliomoro@0:     var selected = this.documentElement.getAllElementsByTagName(name);
giuliomoro@0:     return selected;
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: Element.prototype.getAllElementsByTagName = function(name)
giuliomoro@0: {
giuliomoro@0:     name = String(name);
giuliomoro@0:     var selected = [];
giuliomoro@0:     var node = this.firstElementChild;
giuliomoro@0:     while(node != null)
giuliomoro@0:     {
giuliomoro@0:         if (node.nodeName == name)
giuliomoro@0:         {
giuliomoro@0:             selected.push(node);
giuliomoro@0:         }
giuliomoro@0:         if (node.childElementCount > 0)
giuliomoro@0:         {
giuliomoro@0:             selected = selected.concat(node.getAllElementsByTagName(name));
giuliomoro@0:         }
giuliomoro@0:         node = node.nextElementSibling;
giuliomoro@0:     }
giuliomoro@0:     return selected;
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: // Firefox does not have an XMLDocument.prototype.getElementsByName
giuliomoro@0: if (typeof XMLDocument.prototype.getElementsByName != "function") {
giuliomoro@0:     XMLDocument.prototype.getElementsByName = function(name)
giuliomoro@0:     {
giuliomoro@0:         name = String(name);
giuliomoro@0:         var node = this.documentElement.firstElementChild;
giuliomoro@0:         var selected = [];
giuliomoro@0:         while(node != null)
giuliomoro@0:         {
giuliomoro@0:             if (node.getAttribute('name') == name)
giuliomoro@0:             {
giuliomoro@0:                 selected.push(node);
giuliomoro@0:             }
giuliomoro@0:             node = node.nextElementSibling;
giuliomoro@0:         }
giuliomoro@0:         return selected;
giuliomoro@0:     }
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: window.onload = function() {
giuliomoro@0: 	// Function called once the browser has loaded all files.
giuliomoro@0: 	// This should perform any initial commands such as structure / loading documents
giuliomoro@0: 	
giuliomoro@0: 	// Create a web audio API context
giuliomoro@0: 	// Fixed for cross-browser support
giuliomoro@0: 	var AudioContext = window.AudioContext || window.webkitAudioContext;
giuliomoro@0: 	audioContext = new AudioContext;
giuliomoro@0: 	
giuliomoro@0: 	// Create test state
giuliomoro@0: 	testState = new stateMachine();
giuliomoro@0: 	
giuliomoro@0: 	// Create the popup interface object
giuliomoro@0: 	popup = new interfacePopup();
giuliomoro@0:     
giuliomoro@0:     // Create the specification object
giuliomoro@0: 	specification = new Specification();
giuliomoro@0: 	
giuliomoro@0: 	// Create the interface object
giuliomoro@0: 	interfaceContext = new Interface(specification);
giuliomoro@0: 	
giuliomoro@0: 	// Create the storage object
giuliomoro@0: 	storage = new Storage();
giuliomoro@0: 	// Define window callbacks for interface
giuliomoro@0: 	window.onresize = function(event){interfaceContext.resizeWindow(event);};
giuliomoro@0: };
giuliomoro@0: 
giuliomoro@0: function loadProjectSpec(url) {
giuliomoro@0: 	// Load the project document from the given URL, decode the XML and instruct audioEngine to get audio data
giuliomoro@0: 	// If url is null, request client to upload project XML document
giuliomoro@0: 	var xmlhttp = new XMLHttpRequest();
giuliomoro@0: 	xmlhttp.open("GET",'test-schema.xsd',true);
giuliomoro@0: 	xmlhttp.onload = function()
giuliomoro@0: 	{
giuliomoro@0: 		schemaXSD = xmlhttp.response;
giuliomoro@0: 		var parse = new DOMParser();
giuliomoro@0: 		specification.schema = parse.parseFromString(xmlhttp.response,'text/xml');
giuliomoro@0: 		var r = new XMLHttpRequest();
giuliomoro@0: 		r.open('GET',url,true);
giuliomoro@0: 		r.onload = function() {
giuliomoro@0: 			loadProjectSpecCallback(r.response);
giuliomoro@0: 		};
giuliomoro@0:         r.onerror = function() {
giuliomoro@0:             document.getElementsByTagName('body')[0].innerHTML = null;
giuliomoro@0:             var msg = document.createElement("h3");
giuliomoro@0:             msg.textContent = "FATAL ERROR";
giuliomoro@0:             var span = document.createElement("p");
giuliomoro@0:             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.";
giuliomoro@0:             document.getElementsByTagName('body')[0].appendChild(msg);
giuliomoro@0:             document.getElementsByTagName('body')[0].appendChild(span);
giuliomoro@0:         }
giuliomoro@0: 		r.send();
giuliomoro@0: 	};
giuliomoro@0: 	xmlhttp.send();
giuliomoro@0: };
giuliomoro@0: 
giuliomoro@0: function loadProjectSpecCallback(response) {
giuliomoro@0: 	// Function called after asynchronous download of XML project specification
giuliomoro@0: 	//var decode = $.parseXML(response);
giuliomoro@0: 	//projectXML = $(decode);
giuliomoro@0: 	
giuliomoro@0:     // Check if XML is new or a resumption
giuliomoro@0:     var parse = new DOMParser();
giuliomoro@0: 	var responseDocument = parse.parseFromString(response,'text/xml');
giuliomoro@0:     var errorNode = responseDocument.getElementsByTagName('parsererror');
giuliomoro@0: 	if (errorNode.length >= 1)
giuliomoro@0: 	{
giuliomoro@0: 		var msg = document.createElement("h3");
giuliomoro@0: 		msg.textContent = "FATAL ERROR";
giuliomoro@0: 		var span = document.createElement("span");
giuliomoro@0: 		span.textContent = "The XML parser returned the following errors when decoding your XML file";
giuliomoro@0: 		document.getElementsByTagName('body')[0].innerHTML = null;
giuliomoro@0: 		document.getElementsByTagName('body')[0].appendChild(msg);
giuliomoro@0: 		document.getElementsByTagName('body')[0].appendChild(span);
giuliomoro@0: 		document.getElementsByTagName('body')[0].appendChild(errorNode[0]);
giuliomoro@0: 		return;
giuliomoro@0: 	}
giuliomoro@0:     if (responseDocument.children[0].nodeName == "waet") {
giuliomoro@0:         // document is a specification
giuliomoro@0:         
giuliomoro@0:         // Perform XML schema validation
giuliomoro@0:         var Module = {
giuliomoro@0:             xml: response,
giuliomoro@0:             schema: schemaXSD,
giuliomoro@0:             arguments:["--noout", "--schema", 'test-schema.xsd','document.xml']
giuliomoro@0:         };
giuliomoro@0:             projectXML = responseDocument;
giuliomoro@0:         var xmllint = validateXML(Module);
giuliomoro@0:         console.log(xmllint);
giuliomoro@0:         if(xmllint != 'document.xml validates\n')
giuliomoro@0:         {
giuliomoro@0:             document.getElementsByTagName('body')[0].innerHTML = null;
giuliomoro@0:             var msg = document.createElement("h3");
giuliomoro@0:             msg.textContent = "FATAL ERROR";
giuliomoro@0:             var span = document.createElement("h4");
giuliomoro@0:             span.textContent = "The XML validator returned the following errors when decoding your XML file";
giuliomoro@0:             document.getElementsByTagName('body')[0].appendChild(msg);
giuliomoro@0:             document.getElementsByTagName('body')[0].appendChild(span);
giuliomoro@0:             xmllint = xmllint.split('\n');
giuliomoro@0:             for (var i in xmllint)
giuliomoro@0:             {
giuliomoro@0:                 document.getElementsByTagName('body')[0].appendChild(document.createElement('br'));
giuliomoro@0:                 var span = document.createElement("span");
giuliomoro@0:                 span.textContent = xmllint[i];
giuliomoro@0:                 document.getElementsByTagName('body')[0].appendChild(span);
giuliomoro@0:             }
giuliomoro@0:             return;
giuliomoro@0:         }
giuliomoro@0:         // Build the specification
giuliomoro@0: 	   specification.decode(projectXML);
giuliomoro@0:         // Generate the session-key
giuliomoro@0:         storage.initialise();
giuliomoro@0:         
giuliomoro@0:     } else if (responseDocument.children[0].nodeName == "waetresult") {
giuliomoro@0:         // document is a result
giuliomoro@0:         projectXML = document.implementation.createDocument(null,"waet");
giuliomoro@0:         projectXML.children[0].appendChild(responseDocument.getElementsByTagName('waet')[0].getElementsByTagName("setup")[0].cloneNode(true));
giuliomoro@0:         var child = responseDocument.children[0].children[0];
giuliomoro@0:         while (child != null) {
giuliomoro@0:             if (child.nodeName == "survey") {
giuliomoro@0:                 // One of the global survey elements
giuliomoro@0:                 if (child.getAttribute("state") == "complete") {
giuliomoro@0:                     // We need to remove this survey from <setup>
giuliomoro@0:                     var location = child.getAttribute("location");
giuliomoro@0:                     var globalSurveys = projectXML.getElementsByTagName("setup")[0].getElementsByTagName("survey")[0];
giuliomoro@0:                     while(globalSurveys != null) {
giuliomoro@0:                         if (location == "pre" || location == "before") {
giuliomoro@0:                             if (globalSurveys.getAttribute("location") == "pre" || globalSurveys.getAttribute("location") == "before") {
giuliomoro@0:                                 projectXML.getElementsByTagName("setup")[0].removeChild(globalSurveys);
giuliomoro@0:                                 break;
giuliomoro@0:                             }
giuliomoro@0:                         } else {
giuliomoro@0:                             if (globalSurveys.getAttribute("location") == "post" || globalSurveys.getAttribute("location") == "after") {
giuliomoro@0:                                 projectXML.getElementsByTagName("setup")[0].removeChild(globalSurveys);
giuliomoro@0:                                 break;
giuliomoro@0:                             }
giuliomoro@0:                         }
giuliomoro@0:                         globalSurveys = globalSurveys.nextElementSibling;
giuliomoro@0:                     }
giuliomoro@0:                 } else {
giuliomoro@0:                     // We need to complete this, so it must be regenerated by store
giuliomoro@0:                     var copy = child;
giuliomoro@0:                     child = child.previousElementSibling;
giuliomoro@0:                     responseDocument.children[0].removeChild(copy);
giuliomoro@0:                 }
giuliomoro@0:             } else if (child.nodeName == "page") {
giuliomoro@0:                 if (child.getAttribute("state") == "empty") {
giuliomoro@0:                     // We need to complete this page
giuliomoro@0:                     projectXML.children[0].appendChild(responseDocument.getElementById(child.getAttribute("ref")).cloneNode(true));
giuliomoro@0:                     var copy = child;
giuliomoro@0:                     child = child.previousElementSibling;
giuliomoro@0:                     responseDocument.children[0].removeChild(copy);
giuliomoro@0:                 }
giuliomoro@0:             }
giuliomoro@0:             child = child.nextElementSibling;
giuliomoro@0:         }
giuliomoro@0:         // Build the specification
giuliomoro@0: 	    specification.decode(projectXML);
giuliomoro@0:         // Use the original
giuliomoro@0:         storage.initialise(responseDocument);
giuliomoro@0:     }
giuliomoro@0: 	/// CHECK FOR SAMPLE RATE COMPATIBILITY
giuliomoro@0: 	if (specification.sampleRate != undefined) {
giuliomoro@0: 		if (Number(specification.sampleRate) != audioContext.sampleRate) {
giuliomoro@0: 			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.';
giuliomoro@0: 			alert(errStr);
giuliomoro@0: 			return;
giuliomoro@0: 		}
giuliomoro@0: 	}
giuliomoro@0: 	
giuliomoro@0: 	// Detect the interface to use and load the relevant javascripts.
giuliomoro@0: 	var interfaceJS = document.createElement('script');
giuliomoro@0: 	interfaceJS.setAttribute("type","text/javascript");
giuliomoro@0: 	switch(specification.interface)
giuliomoro@0: 	{
giuliomoro@0: 		case "APE":
giuliomoro@0: 		interfaceJS.setAttribute("src","interfaces/ape.js");
giuliomoro@0: 		
giuliomoro@0: 		// APE comes with a css file
giuliomoro@0: 		var css = document.createElement('link');
giuliomoro@0: 		css.rel = 'stylesheet';
giuliomoro@0: 		css.type = 'text/css';
giuliomoro@0: 		css.href = 'interfaces/ape.css';
giuliomoro@0: 		
giuliomoro@0: 		document.getElementsByTagName("head")[0].appendChild(css);
giuliomoro@0: 		break;
giuliomoro@0: 		
giuliomoro@0: 		case "MUSHRA":
giuliomoro@0: 		interfaceJS.setAttribute("src","interfaces/mushra.js");
giuliomoro@0: 		
giuliomoro@0: 		// MUSHRA comes with a css file
giuliomoro@0: 		var css = document.createElement('link');
giuliomoro@0: 		css.rel = 'stylesheet';
giuliomoro@0: 		css.type = 'text/css';
giuliomoro@0: 		css.href = 'interfaces/mushra.css';
giuliomoro@0: 		
giuliomoro@0: 		document.getElementsByTagName("head")[0].appendChild(css);
giuliomoro@0: 		break;
giuliomoro@0: 		
giuliomoro@0: 		case "AB":
giuliomoro@6: 		interfaceJS.setAttribute("src","interfaces/AB.js?"+Math.random());
giuliomoro@0: 		
giuliomoro@0: 		// AB comes with a css file
giuliomoro@0: 		var css = document.createElement('link');
giuliomoro@0: 		css.rel = 'stylesheet';
giuliomoro@0: 		css.type = 'text/css';
giuliomoro@1: 		css.href = 'interfaces/AB.css?'+Math.random();
giuliomoro@0: 		
giuliomoro@0: 		document.getElementsByTagName("head")[0].appendChild(css);
giuliomoro@0: 		break;
giuliomoro@0: 		case "Bipolar":
giuliomoro@0: 		case "ACR":
giuliomoro@0: 		case "DCR":
giuliomoro@0: 		case "CCR":
giuliomoro@0: 		case "ABC":
giuliomoro@0: 		// Above enumerate to horizontal sliders
giuliomoro@0: 		interfaceJS.setAttribute("src","interfaces/horizontal-sliders.js");
giuliomoro@0: 		
giuliomoro@0: 		// horizontal-sliders comes with a css file
giuliomoro@0: 		var css = document.createElement('link');
giuliomoro@0: 		css.rel = 'stylesheet';
giuliomoro@0: 		css.type = 'text/css';
giuliomoro@0: 		css.href = 'interfaces/horizontal-sliders.css';
giuliomoro@0: 		
giuliomoro@0: 		document.getElementsByTagName("head")[0].appendChild(css);
giuliomoro@0: 		break;
giuliomoro@0: 		case "discrete":
giuliomoro@0: 		case "likert":
giuliomoro@0: 		// Above enumerate to horizontal discrete radios
giuliomoro@0: 		interfaceJS.setAttribute("src","interfaces/discrete.js");
giuliomoro@0: 		
giuliomoro@0: 		// horizontal-sliders comes with a css file
giuliomoro@0: 		var css = document.createElement('link');
giuliomoro@0: 		css.rel = 'stylesheet';
giuliomoro@0: 		css.type = 'text/css';
giuliomoro@0: 		css.href = 'interfaces/discrete.css';
giuliomoro@0: 		
giuliomoro@0: 		document.getElementsByTagName("head")[0].appendChild(css);
giuliomoro@0: 		break;
giuliomoro@0: 	}
giuliomoro@0: 	document.getElementsByTagName("head")[0].appendChild(interfaceJS);
giuliomoro@0: 	
giuliomoro@0: 	// Create the audio engine object
giuliomoro@0: 	audioEngineContext = new AudioEngine(specification);
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: function createProjectSave(destURL) {
giuliomoro@0: 	// Save the data from interface into XML and send to destURL
giuliomoro@0: 	// If destURL is null then download XML in client
giuliomoro@0: 	// Now time to render file locally
giuliomoro@0: 	var xmlDoc = interfaceXMLSave();
giuliomoro@0: 	var parent = document.createElement("div");
giuliomoro@0: 	parent.appendChild(xmlDoc);
giuliomoro@0: 	var file = [parent.innerHTML];
giuliomoro@0: 	if (destURL == "local") {
giuliomoro@0: 		var bb = new Blob(file,{type : 'application/xml'});
giuliomoro@0: 		var dnlk = window.URL.createObjectURL(bb);
giuliomoro@0: 		var a = document.createElement("a");
giuliomoro@0: 		a.hidden = '';
giuliomoro@0: 		a.href = dnlk;
giuliomoro@0: 		a.download = "save.xml";
giuliomoro@0: 		a.textContent = "Save File";
giuliomoro@0: 		
giuliomoro@0: 		popup.showPopup();
giuliomoro@0: 		popup.popupContent.innerHTML = "<span>Please save the file below to give to your test supervisor</span><br>";
giuliomoro@0: 		popup.popupContent.appendChild(a);
giuliomoro@0: 	} else {
giuliomoro@0: 		destUrlFull = destURL+"?key="+storage.SessionKey.key;
giuliomoro@0: 		var saveFilenamePrefix;
giuliomoro@0: 		// parse the querystring of destUrl, get the "id" (if any) and append it to destUrl
giuliomoro@0: 		if(typeof(returnUrl) !== "undefined"){
giuliomoro@0: 			var qs = returnUrl.split("?");
giuliomoro@0: 			if(qs.length == 2){
giuliomoro@0: 				qs = qs[1];
giuliomoro@0: 				qs = qs.split("&");
giuliomoro@0: 				for(var n = 0; n < qs.length; n++){
giuliomoro@0: 					var pair = qs[n].split("=");
giuliomoro@0: 					if (pair[0] == "id") {
giuliomoro@0: 						saveFilenamePrefix = pair[1];
giuliomoro@0: 					}
giuliomoro@0: 				}
giuliomoro@0: 			}
giuliomoro@0: 		}
giuliomoro@0: 		if(typeof(saveFilenamePrefix) !== "undefined"){
giuliomoro@0: 			destUrlFull+="&saveFilenamePrefix="+saveFilenamePrefix;
giuliomoro@0: 		}
giuliomoro@0: 		var xmlhttp = new XMLHttpRequest;
giuliomoro@0: 		xmlhttp.open("POST",destUrlFull,true);
giuliomoro@0: 		xmlhttp.setRequestHeader('Content-Type', 'text/xml');
giuliomoro@0: 		xmlhttp.onerror = function(){
giuliomoro@0: 			console.log('Error saving file to server! Presenting download locally');
giuliomoro@0: 			createProjectSave("local");
giuliomoro@0: 		};
giuliomoro@0: 		xmlhttp.onload = function() {
giuliomoro@0:             console.log(xmlhttp);
giuliomoro@0:             if (this.status >= 300) {
giuliomoro@0:                 console.log("WARNING - Could not update at this time");
giuliomoro@0:                 createProjectSave("local");
giuliomoro@0:             } else {
giuliomoro@0:                 var parser = new DOMParser();
giuliomoro@0:                 var xmlDoc = parser.parseFromString(xmlhttp.responseText, "application/xml");
giuliomoro@0:                 var response = xmlDoc.getElementsByTagName('response')[0];
giuliomoro@0:       					window.onbeforeunload=null;
giuliomoro@0:                 if (response.getAttribute("state") == "OK") {
giuliomoro@0:                     var file = response.getElementsByTagName("file")[0];
giuliomoro@0:       							if(typeof(returnUrl) !== "undefined"){	
giuliomoro@0: 												window.location = returnUrl;
giuliomoro@0: 										}
giuliomoro@0:                     console.log("Save: OK, written "+file.getAttribute("bytes")+"B");
giuliomoro@0:                     popup.popupContent.textContent = "Thank you. Your session has been saved.";
giuliomoro@0:     	          } else {
giuliomoro@0:                     var message = response.getElementsByTagName("message");
giuliomoro@0:                     console.log("Save: Error! "+message.textContent);
giuliomoro@0:                     createProjectSave("local");
giuliomoro@0:                 }
giuliomoro@0:             }
giuliomoro@0:         };
giuliomoro@0: 		xmlhttp.send(file);
giuliomoro@0: 		popup.showPopup();
giuliomoro@0: 		popup.popupContent.innerHTML = null;
giuliomoro@0: 		popup.popupContent.textContent = "Submitting. Please Wait";
giuliomoro@0:         popup.hideNextButton();
giuliomoro@0:         popup.hidePreviousButton();
giuliomoro@0: 	}
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: function errorSessionDump(msg){
giuliomoro@0: 	// Create the partial interface XML save
giuliomoro@0: 	// Include error node with message on why the dump occured
giuliomoro@0: 	popup.showPopup();
giuliomoro@0: 	popup.popupContent.innerHTML = null;
giuliomoro@0: 	var err = document.createElement('error');
giuliomoro@0: 	var parent = document.createElement("div");
giuliomoro@0: 	if (typeof msg === "object")
giuliomoro@0: 	{
giuliomoro@0: 		err.appendChild(msg);
giuliomoro@0: 		popup.popupContent.appendChild(msg);
giuliomoro@0: 		
giuliomoro@0: 	} else {
giuliomoro@0: 		err.textContent = msg;
giuliomoro@0: 		popup.popupContent.innerHTML = "ERROR : "+msg;
giuliomoro@0: 	}
giuliomoro@0: 	var xmlDoc = interfaceXMLSave();
giuliomoro@0: 	xmlDoc.appendChild(err);
giuliomoro@0: 	parent.appendChild(xmlDoc);
giuliomoro@0: 	var file = [parent.innerHTML];
giuliomoro@0: 	var bb = new Blob(file,{type : 'application/xml'});
giuliomoro@0: 	var dnlk = window.URL.createObjectURL(bb);
giuliomoro@0: 	var a = document.createElement("a");
giuliomoro@0: 	a.hidden = '';
giuliomoro@0: 	a.href = dnlk;
giuliomoro@0: 	a.download = "save.xml";
giuliomoro@0: 	a.textContent = "Save File";
giuliomoro@0: 	
giuliomoro@0: 	
giuliomoro@0: 	
giuliomoro@0: 	popup.popupContent.appendChild(a);
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: // Only other global function which must be defined in the interface class. Determines how to create the XML document.
giuliomoro@0: function interfaceXMLSave(){
giuliomoro@0: 	// Create the XML string to be exported with results
giuliomoro@0: 	return storage.finish();
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: function linearToDecibel(gain)
giuliomoro@0: {
giuliomoro@0: 	return 20.0*Math.log10(gain);
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: function decibelToLinear(gain)
giuliomoro@0: {
giuliomoro@0: 	return Math.pow(10,gain/20.0);
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: function randomString(length) {
giuliomoro@0:     return Math.round((Math.pow(36, length + 1) - Math.random() * Math.pow(36, length))).toString(36).slice(1);
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: function interfacePopup() {
giuliomoro@0: 	// Creates an object to manage the popup
giuliomoro@0: 	this.popup = null;
giuliomoro@0: 	this.popupContent = null;
giuliomoro@0: 	this.popupTitle = null;
giuliomoro@0: 	this.popupResponse = null;
giuliomoro@0: 	this.buttonProceed = null;
giuliomoro@0: 	this.buttonPrevious = null;
giuliomoro@0: 	this.popupOptions = null;
giuliomoro@0: 	this.currentIndex = null;
giuliomoro@0: 	this.node = null;
giuliomoro@0: 	this.store = null;
giuliomoro@0: 	$(window).keypress(function(e){
giuliomoro@0: 			if (e.keyCode == 13 && popup.popup.style.visibility == 'visible')
giuliomoro@0: 			{
giuliomoro@0: 				console.log(e);
giuliomoro@0: 				popup.buttonProceed.onclick();
giuliomoro@0: 				e.preventDefault();
giuliomoro@0: 			}
giuliomoro@0: 		});
giuliomoro@0: 	
giuliomoro@0: 	this.createPopup = function(){
giuliomoro@0: 		// Create popup window interface
giuliomoro@0: 		var insertPoint = document.getElementById("topLevelBody");
giuliomoro@0: 		
giuliomoro@0: 		this.popup = document.getElementById('popupHolder');
giuliomoro@0: 		this.popup.style.left = (window.innerWidth/2)-250 + 'px';
giuliomoro@0: 		this.popup.style.top = (window.innerHeight/2)-125 + 'px';
giuliomoro@0: 		
giuliomoro@0: 		this.popupContent = document.getElementById('popupContent');
giuliomoro@0: 		
giuliomoro@0: 		this.popupTitle = document.getElementById('popupTitle');
giuliomoro@0: 		
giuliomoro@0: 		this.popupResponse = document.getElementById('popupResponse');
giuliomoro@0: 		
giuliomoro@0: 		this.buttonProceed = document.getElementById('popup-proceed');
giuliomoro@0: 		this.buttonProceed.onclick = function(){popup.proceedClicked();};
giuliomoro@0: 		
giuliomoro@0: 		this.buttonPrevious = document.getElementById('popup-previous');
giuliomoro@0: 		this.buttonPrevious.onclick = function(){popup.previousClick();};
giuliomoro@0: 		
giuliomoro@0:         this.hidePopup();
giuliomoro@0:         
giuliomoro@0: 		this.popup.style.zIndex = -1;
giuliomoro@0: 		this.popup.style.visibility = 'hidden';
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.showPopup = function(){
giuliomoro@0: 		if (this.popup == null) {
giuliomoro@0: 			this.createPopup();
giuliomoro@0: 		}
giuliomoro@0: 		this.popup.style.zIndex = 3;
giuliomoro@0: 		this.popup.style.visibility = 'visible';
giuliomoro@0: 		var blank = document.getElementsByClassName('testHalt')[0];
giuliomoro@0: 		blank.style.zIndex = 2;
giuliomoro@0: 		blank.style.visibility = 'visible';
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.hidePopup = function(){
giuliomoro@0: 		this.popup.style.zIndex = -1;
giuliomoro@0: 		this.popup.style.visibility = 'hidden';
giuliomoro@0: 		var blank = document.getElementsByClassName('testHalt')[0];
giuliomoro@0: 		blank.style.zIndex = -2;
giuliomoro@0: 		blank.style.visibility = 'hidden';
giuliomoro@0: 		this.buttonPrevious.style.visibility = 'inherit';
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.postNode = function() {
giuliomoro@0: 		// This will take the node from the popupOptions and display it
giuliomoro@0: 		var node = this.popupOptions[this.currentIndex];
giuliomoro@0: 		this.popupResponse.innerHTML = null;
giuliomoro@0: 		this.popupTitle.textContent = node.specification.statement;
giuliomoro@0: 		if (node.specification.type == 'question') {
giuliomoro@0: 			var textArea = document.createElement('textarea');
giuliomoro@0: 			switch (node.specification.boxsize) {
giuliomoro@0: 			case 'small':
giuliomoro@0: 				textArea.cols = "20";
giuliomoro@0: 				textArea.rows = "1";
giuliomoro@0: 				break;
giuliomoro@0: 			case 'normal':
giuliomoro@0: 				textArea.cols = "30";
giuliomoro@0: 				textArea.rows = "2";
giuliomoro@0: 				break;
giuliomoro@0: 			case 'large':
giuliomoro@0: 				textArea.cols = "40";
giuliomoro@0: 				textArea.rows = "5";
giuliomoro@0: 				break;
giuliomoro@0: 			case 'huge':
giuliomoro@0: 				textArea.cols = "50";
giuliomoro@0: 				textArea.rows = "10";
giuliomoro@0: 				break;
giuliomoro@0: 			}
giuliomoro@0:             if (node.response == undefined) {
giuliomoro@0:                 node.response = "";
giuliomoro@0:             } else {
giuliomoro@0:                 textArea.value = node.response;
giuliomoro@0:             }
giuliomoro@0: 			this.popupResponse.appendChild(textArea);
giuliomoro@0: 			textArea.focus();
giuliomoro@0:             this.popupResponse.style.textAlign="center";
giuliomoro@0:             this.popupResponse.style.left="0%";
giuliomoro@0: 		} else if (node.specification.type == 'checkbox') {
giuliomoro@0:             if (node.response == undefined) {
giuliomoro@0:                 node.response = Array(node.specification.options.length);
giuliomoro@0:             }
giuliomoro@0:             var index = 0;
giuliomoro@0:             var max_w = 0;
giuliomoro@0: 			for (var option of node.specification.options) {
giuliomoro@0: 				var input = document.createElement('input');
giuliomoro@0: 				input.id = option.name;
giuliomoro@0: 				input.type = 'checkbox';
giuliomoro@0: 				var span = document.createElement('span');
giuliomoro@0: 				span.textContent = option.text;
giuliomoro@0: 				var hold = document.createElement('div');
giuliomoro@0: 				hold.setAttribute('name','option');
giuliomoro@0: 				hold.style.padding = '4px';
giuliomoro@0: 				hold.appendChild(input);
giuliomoro@0: 				hold.appendChild(span);
giuliomoro@0: 				this.popupResponse.appendChild(hold);
giuliomoro@0:                 if (node.response[index] != undefined){
giuliomoro@0:                     if (node.response[index].checked == true) {
giuliomoro@0:                         input.checked = "true";
giuliomoro@0:                     }
giuliomoro@0:                 }
giuliomoro@0:                 var w = $(span).width();
giuliomoro@0:                 if (w > max_w)
giuliomoro@0:                     max_w = w;
giuliomoro@0:                 index++;
giuliomoro@0: 			}
giuliomoro@0:             max_w += 12;
giuliomoro@0:             this.popupResponse.style.textAlign="";
giuliomoro@0:             var leftP = ((max_w/500)/2)*100;
giuliomoro@0:             this.popupResponse.style.left=leftP+"%";
giuliomoro@0: 		} else if (node.specification.type == 'radio') {
giuliomoro@0:             if (node.response == undefined) {
giuliomoro@0:                 node.response = {name: "", text: ""};
giuliomoro@0:             }
giuliomoro@0:             var index = 0;
giuliomoro@0:             var max_w = 0;
giuliomoro@0: 			for (var option of node.specification.options) {
giuliomoro@0: 				var input = document.createElement('input');
giuliomoro@0: 				input.id = option.name;
giuliomoro@0: 				input.type = 'radio';
giuliomoro@0: 				input.name = node.specification.id;
giuliomoro@0: 				var span = document.createElement('span');
giuliomoro@0: 				span.textContent = option.text;
giuliomoro@0: 				var hold = document.createElement('div');
giuliomoro@0: 				hold.setAttribute('name','option');
giuliomoro@0: 				hold.style.padding = '4px';
giuliomoro@0: 				hold.appendChild(input);
giuliomoro@0: 				hold.appendChild(span);
giuliomoro@0: 				this.popupResponse.appendChild(hold);
giuliomoro@0:                 if (input.id == node.response.name) {
giuliomoro@0:                     input.checked = "true";
giuliomoro@0:                 }
giuliomoro@0:                 var w = $(span).width();
giuliomoro@0:                 if (w > max_w)
giuliomoro@0:                     max_w = w;
giuliomoro@0: 			}
giuliomoro@0:             max_w += 12;
giuliomoro@0:             this.popupResponse.style.textAlign="";
giuliomoro@0:             var leftP = ((max_w/500)/2)*100;
giuliomoro@0:             this.popupResponse.style.left=leftP+"%";
giuliomoro@0: 		} else if (node.specification.type == 'number') {
giuliomoro@0: 			var input = document.createElement('input');
giuliomoro@0: 			input.type = 'textarea';
giuliomoro@0: 			if (node.min != null) {input.min = node.specification.min;}
giuliomoro@0: 			if (node.max != null) {input.max = node.specification.max;}
giuliomoro@0: 			if (node.step != null) {input.step = node.specification.step;}
giuliomoro@0:             if (node.response != undefined) {
giuliomoro@0:                 input.value = node.response;
giuliomoro@0:             }
giuliomoro@0: 			this.popupResponse.appendChild(input);
giuliomoro@0:             this.popupResponse.style.textAlign="center";
giuliomoro@0:             this.popupResponse.style.left="0%";
giuliomoro@0: 		}
giuliomoro@0: 		if(this.currentIndex+1 == this.popupOptions.length) {
giuliomoro@0: 			if (this.node.location == "pre") {
giuliomoro@0: 				this.buttonProceed.textContent = 'Start';
giuliomoro@0: 			} else {
giuliomoro@0: 				this.buttonProceed.textContent = 'Submit';
giuliomoro@0: 			}
giuliomoro@0: 		} else {
giuliomoro@0: 			this.buttonProceed.textContent = 'Next';
giuliomoro@0: 		}
giuliomoro@0: 		if(this.currentIndex > 0)
giuliomoro@0: 			this.buttonPrevious.style.visibility = 'visible';
giuliomoro@0: 		else
giuliomoro@0: 			this.buttonPrevious.style.visibility = 'hidden';
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.initState = function(node,store) {
giuliomoro@0: 		//Call this with your preTest and postTest nodes when needed to
giuliomoro@0: 		// initialise the popup procedure.
giuliomoro@0: 		if (node.options.length > 0) {
giuliomoro@0: 			this.popupOptions = [];
giuliomoro@0: 			this.node = node;
giuliomoro@0: 			this.store = store;
giuliomoro@0: 			for (var opt of node.options)
giuliomoro@0: 			{
giuliomoro@0: 				this.popupOptions.push({
giuliomoro@0: 					specification: opt,
giuliomoro@0: 					response: null
giuliomoro@0: 				});
giuliomoro@0: 			}			
giuliomoro@0: 			this.currentIndex = 0;
giuliomoro@0: 			this.showPopup();
giuliomoro@0: 			this.postNode();
giuliomoro@0: 		} else {
giuliomoro@0: 			advanceState();
giuliomoro@0: 		}
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.proceedClicked = function() {
giuliomoro@0: 		// Each time the popup button is clicked!
giuliomoro@0: 		var node = this.popupOptions[this.currentIndex];
giuliomoro@0: 		if (node.specification.type == 'question') {
giuliomoro@0: 			// Must extract the question data
giuliomoro@0: 			var textArea = $(popup.popupContent).find('textarea')[0];
giuliomoro@0: 			if (node.specification.mandatory == true && textArea.value.length == 0) {
giuliomoro@0: 				alert('This question is mandatory');
giuliomoro@0: 				return;
giuliomoro@0: 			} else {
giuliomoro@0: 				// Save the text content
giuliomoro@0: 				console.log("Question: "+ node.specification.statement);
giuliomoro@0: 				console.log("Question Response: "+ textArea.value);
giuliomoro@0: 				node.response = textArea.value;
giuliomoro@0: 			}
giuliomoro@0: 		} else if (node.specification.type == 'checkbox') {
giuliomoro@0: 			// Must extract checkbox data
giuliomoro@0: 			console.log("Checkbox: "+ node.specification.statement);
giuliomoro@0: 			var inputs = this.popupResponse.getElementsByTagName('input');
giuliomoro@0: 			node.response = [];
giuliomoro@0: 			for (var i=0; i<node.specification.options.length; i++) {
giuliomoro@0: 				node.response.push({
giuliomoro@0: 					name: node.specification.options[i].name,
giuliomoro@0: 					text: node.specification.options[i].text,
giuliomoro@0: 					checked: inputs[i].checked
giuliomoro@0: 				});
giuliomoro@0: 				console.log(node.specification.options[i].name+": "+ inputs[i].checked);
giuliomoro@0: 			}
giuliomoro@0: 		} else if (node.specification.type == "radio") {
giuliomoro@0: 			var optHold = this.popupResponse;
giuliomoro@0: 			console.log("Radio: "+ node.specification.statement);
giuliomoro@0: 			node.response = null;
giuliomoro@0: 			var i=0;
giuliomoro@0: 			var inputs = optHold.getElementsByTagName('input');
giuliomoro@0: 			while(node.response == null) {
giuliomoro@0: 				if (i == inputs.length)
giuliomoro@0: 				{
giuliomoro@0: 					if (node.specification.mandatory == true)
giuliomoro@0: 					{
giuliomoro@0: 						alert("This radio is mandatory");
giuliomoro@0: 					} else {
giuliomoro@0: 						node.response = -1;
giuliomoro@0: 					}
giuliomoro@0: 					return;
giuliomoro@0: 				}
giuliomoro@0: 				if (inputs[i].checked == true) {
giuliomoro@0: 					node.response = node.specification.options[i];
giuliomoro@0: 					console.log("Selected: "+ node.specification.options[i].name);
giuliomoro@0: 				}
giuliomoro@0: 				i++;
giuliomoro@0: 			}
giuliomoro@0: 		} else if (node.specification.type == "number") {
giuliomoro@0: 			var input = this.popupContent.getElementsByTagName('input')[0];
giuliomoro@0: 			if (node.mandatory == true && input.value.length == 0) {
giuliomoro@0: 				alert('This question is mandatory. Please enter a number');
giuliomoro@0: 				return;
giuliomoro@0: 			}
giuliomoro@0: 			var enteredNumber = Number(input.value);
giuliomoro@0: 			if (isNaN(enteredNumber)) {
giuliomoro@0: 				alert('Please enter a valid number');
giuliomoro@0: 				return;
giuliomoro@0: 			}
giuliomoro@0: 			if (enteredNumber < node.min && node.min != null) {
giuliomoro@0: 				alert('Number is below the minimum value of '+node.min);
giuliomoro@0: 				return;
giuliomoro@0: 			}
giuliomoro@0: 			if (enteredNumber > node.max && node.max != null) {
giuliomoro@0: 				alert('Number is above the maximum value of '+node.max);
giuliomoro@0: 				return;
giuliomoro@0: 			}
giuliomoro@0: 			node.response = input.value;
giuliomoro@0: 		}
giuliomoro@0: 		this.currentIndex++;
giuliomoro@0: 		if (this.currentIndex < this.popupOptions.length) {
giuliomoro@0: 			this.postNode();
giuliomoro@0: 		} else {
giuliomoro@0: 			// Reached the end of the popupOptions
giuliomoro@0: 			this.hidePopup();
giuliomoro@0: 			for (var node of this.popupOptions)
giuliomoro@0: 			{
giuliomoro@0: 				this.store.postResult(node);
giuliomoro@0: 			}
giuliomoro@0:             this.store.complete();
giuliomoro@0: 			advanceState();
giuliomoro@0: 		}
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.previousClick = function() {
giuliomoro@0: 		// Triggered when the 'Back' button is clicked in the survey
giuliomoro@0: 		if (this.currentIndex > 0) {
giuliomoro@0: 			this.currentIndex--;
giuliomoro@0: 			this.postNode();
giuliomoro@0: 		}
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.resize = function(event)
giuliomoro@0: 	{
giuliomoro@0: 		// Called on window resize;
giuliomoro@0: 		if (this.popup != null) {
giuliomoro@0: 			this.popup.style.left = (window.innerWidth/2)-250 + 'px';
giuliomoro@0: 			this.popup.style.top = (window.innerHeight/2)-125 + 'px';
giuliomoro@0: 			var blank = document.getElementsByClassName('testHalt')[0];
giuliomoro@0: 			blank.style.width = window.innerWidth;
giuliomoro@0: 			blank.style.height = window.innerHeight;
giuliomoro@0: 		}
giuliomoro@0: 	};
giuliomoro@0:     this.hideNextButton = function() {
giuliomoro@0:         this.buttonProceed.style.visibility = "hidden";
giuliomoro@0:     }
giuliomoro@0:     this.hidePreviousButton = function() {
giuliomoro@0:         this.buttonPrevious.style.visibility = "hidden";
giuliomoro@0:     }
giuliomoro@0:     this.showNextButton = function() {
giuliomoro@0:         this.buttonProceed.style.visibility = "visible";
giuliomoro@0:     }
giuliomoro@0:     this.showPreviousButton = function() {
giuliomoro@0:         this.buttonPrevious.style.visibility = "visible";
giuliomoro@0:     }
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: function advanceState()
giuliomoro@0: {
giuliomoro@0: 	// Just for complete clarity
giuliomoro@0: 	testState.advanceState();
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: function stateMachine()
giuliomoro@0: {
giuliomoro@0: 	// Object prototype for tracking and managing the test state
giuliomoro@0: 	this.stateMap = [];
giuliomoro@0: 	this.preTestSurvey = null;
giuliomoro@0: 	this.postTestSurvey = null;
giuliomoro@0: 	this.stateIndex = null;
giuliomoro@0: 	this.currentStateMap = null;
giuliomoro@0: 	this.currentStatePosition = null;
giuliomoro@0:     this.currentStore = null;
giuliomoro@0: 	this.initialise = function(){
giuliomoro@0: 		
giuliomoro@0: 		// Get the data from Specification
giuliomoro@0: 		var pageHolder = [];
giuliomoro@0: 		for (var page of specification.pages)
giuliomoro@0: 		{
giuliomoro@0:             var repeat = page.repeatCount;
giuliomoro@0:             while(repeat >= 0)
giuliomoro@0:             {
giuliomoro@0:                 pageHolder.push(page);
giuliomoro@0:                 repeat--;
giuliomoro@0:             }
giuliomoro@0: 		}
giuliomoro@0: 		if (specification.randomiseOrder)
giuliomoro@0: 		{
giuliomoro@0: 			pageHolder = randomiseOrder(pageHolder);
giuliomoro@0: 		}
giuliomoro@0: 		for (var i=0; i<pageHolder.length; i++)
giuliomoro@0: 		{
giuliomoro@0: 			pageHolder[i].presentedId = i;
giuliomoro@0: 		}
giuliomoro@0: 		for (var i=0; i<specification.pages.length; i++)
giuliomoro@0: 		{
giuliomoro@0: 			if (specification.testPages <= i && specification.testPages != 0) {break;}
giuliomoro@0: 			this.stateMap.push(pageHolder[i]);
giuliomoro@0:             storage.createTestPageStore(pageHolder[i]);
giuliomoro@0:             for (var element of pageHolder[i].audioElements) {
giuliomoro@0:                 var URL = pageHolder[i].hostURL + element.url;
giuliomoro@0:                 var buffer = null;
giuliomoro@0:                 for (var buffObj of audioEngineContext.buffers) {
giuliomoro@0:                     if (URL == buffObj.url) {
giuliomoro@0:                         buffer = buffObj;
giuliomoro@0:                         break;
giuliomoro@0:                     }
giuliomoro@0:                 }
giuliomoro@0:                 if (buffer == null) {
giuliomoro@0:                     buffer = new audioEngineContext.bufferObj();
giuliomoro@0:                     buffer.getMedia(URL);
giuliomoro@0:                     audioEngineContext.buffers.push(buffer);
giuliomoro@0:                 }
giuliomoro@0:             }
giuliomoro@0: 		}
giuliomoro@0:         
giuliomoro@0: 		if (specification.preTest != null) {this.preTestSurvey = specification.preTest;}
giuliomoro@0: 		if (specification.postTest != null) {this.postTestSurvey = specification.postTest;}
giuliomoro@0: 		
giuliomoro@0: 		if (this.stateMap.length > 0) {
giuliomoro@0: 			if(this.stateIndex != null) {
giuliomoro@0: 				console.log('NOTE - State already initialise');
giuliomoro@0: 			}
giuliomoro@0: 			this.stateIndex = -1;
giuliomoro@0: 		} else {
giuliomoro@0: 			console.log('FATAL - StateMap not correctly constructed. EMPTY_STATE_MAP');
giuliomoro@0: 		}
giuliomoro@0: 	};
giuliomoro@0: 	this.advanceState = function(){
giuliomoro@0: 		if (this.stateIndex == null) {
giuliomoro@0: 			this.initialise();
giuliomoro@0: 		}
giuliomoro@1: 		 $('#box-holders').fadeTo(200, 0.1, function(){
giuliomoro@1: 			 $('#box-holders').fadeTo(200, 1);
giuliomoro@1: 		});
giuliomoro@1: 
giuliomoro@1: 
giuliomoro@1: 		storage.update();
giuliomoro@0: 		if (this.stateIndex == -1) {
giuliomoro@0: 			this.stateIndex++;
giuliomoro@0: 			console.log('Starting test...');
giuliomoro@0: 			if (this.preTestSurvey != null)
giuliomoro@0: 			{
giuliomoro@0: 				popup.initState(this.preTestSurvey,storage.globalPreTest);
giuliomoro@0: 			} else {
giuliomoro@0: 				this.advanceState();
giuliomoro@0: 			}
giuliomoro@0: 		} else if (this.stateIndex == this.stateMap.length)
giuliomoro@0: 		{
giuliomoro@0: 			// All test pages complete, post test
giuliomoro@0: 			console.log('Ending test ...');
giuliomoro@0: 			this.stateIndex++;
giuliomoro@0: 			if (this.postTestSurvey == null) {
giuliomoro@0: 				this.advanceState();
giuliomoro@0: 			} else {
giuliomoro@0: 				popup.initState(this.postTestSurvey,storage.globalPostTest);
giuliomoro@0: 			}
giuliomoro@0: 		} else if (this.stateIndex > this.stateMap.length)
giuliomoro@0: 		{
giuliomoro@0: 			createProjectSave(specification.projectReturn);
giuliomoro@0: 		}
giuliomoro@0: 		else
giuliomoro@0: 		{
giuliomoro@0: 			if (this.currentStateMap == null)
giuliomoro@0: 			{
giuliomoro@0: 				this.currentStateMap = this.stateMap[this.stateIndex];
giuliomoro@0: 				if (this.currentStateMap.randomiseOrder)
giuliomoro@0: 				{
giuliomoro@0: 					this.currentStateMap.audioElements = randomiseOrder(this.currentStateMap.audioElements);
giuliomoro@0: 				}
giuliomoro@0:                 this.currentStore = storage.testPages[this.stateIndex];
giuliomoro@0: 				if (this.currentStateMap.preTest != null)
giuliomoro@0: 				{
giuliomoro@0: 					this.currentStatePosition = 'pre';
giuliomoro@0: 					popup.initState(this.currentStateMap.preTest,storage.testPages[this.stateIndex].preTest);
giuliomoro@0: 				} else {
giuliomoro@0: 					this.currentStatePosition = 'test';
giuliomoro@0: 				}
giuliomoro@0: 				interfaceContext.newPage(this.currentStateMap,storage.testPages[this.stateIndex]);
giuliomoro@0: 				return;
giuliomoro@0: 			}
giuliomoro@0: 			switch(this.currentStatePosition)
giuliomoro@0: 			{
giuliomoro@0: 			case 'pre':
giuliomoro@0: 				this.currentStatePosition = 'test';
giuliomoro@0: 				break;
giuliomoro@0: 			case 'test':
giuliomoro@0: 				this.currentStatePosition = 'post';
giuliomoro@0: 				// Save the data
giuliomoro@0: 				this.testPageCompleted();
giuliomoro@0: 				if (this.currentStateMap.postTest == null)
giuliomoro@0: 				{
giuliomoro@0: 					this.advanceState();
giuliomoro@0: 					return;
giuliomoro@0: 				} else {
giuliomoro@0: 					popup.initState(this.currentStateMap.postTest,storage.testPages[this.stateIndex].postTest);
giuliomoro@0: 				}
giuliomoro@0: 				break;
giuliomoro@0: 			case 'post':
giuliomoro@0: 				this.stateIndex++;
giuliomoro@0: 				this.currentStateMap = null;
giuliomoro@0: 				this.advanceState();
giuliomoro@0: 				break;
giuliomoro@0: 			};
giuliomoro@0: 		}
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.testPageCompleted = function() {
giuliomoro@0: 		// Function called each time a test page has been completed
giuliomoro@0: 		var storePoint = storage.testPages[this.stateIndex];
giuliomoro@0: 		// First get the test metric
giuliomoro@0: 		
giuliomoro@0: 		var metric = storePoint.XMLDOM.getElementsByTagName('metric')[0];
giuliomoro@0: 		if (audioEngineContext.metric.enableTestTimer)
giuliomoro@0: 		{
giuliomoro@0: 			var testTime = storePoint.parent.document.createElement('metricresult');
giuliomoro@0: 			testTime.id = 'testTime';
giuliomoro@0: 			testTime.textContent = audioEngineContext.timer.testDuration;
giuliomoro@0: 			metric.appendChild(testTime);
giuliomoro@0: 		}
giuliomoro@0: 		
giuliomoro@0: 		var audioObjects = audioEngineContext.audioObjects;
giuliomoro@0: 		for (var ao of audioEngineContext.audioObjects) 
giuliomoro@0: 		{
giuliomoro@0: 			ao.exportXMLDOM();
giuliomoro@0: 		}
giuliomoro@0: 		for (var element of interfaceContext.commentQuestions)
giuliomoro@0: 		{
giuliomoro@0: 			element.exportXMLDOM(storePoint);
giuliomoro@0: 		}
giuliomoro@0: 		pageXMLSave(storePoint.XMLDOM, this.currentStateMap);
giuliomoro@0:         storePoint.complete();
giuliomoro@0: 	};
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: function AudioEngine(specification) {
giuliomoro@0: 	
giuliomoro@0: 	// Create two output paths, the main outputGain and fooGain.
giuliomoro@0: 	// Output gain is default to 1 and any items for playback route here
giuliomoro@0: 	// Foo gain is used for analysis to ensure paths get processed, but are not heard
giuliomoro@0: 	// because web audio will optimise and any route which does not go to the destination gets ignored.
giuliomoro@0: 	this.outputGain = audioContext.createGain();
giuliomoro@0: 	this.fooGain = audioContext.createGain();
giuliomoro@0: 	this.fooGain.gain = 0;
giuliomoro@0: 	
giuliomoro@0: 	// Use this to detect playback state: 0 - stopped, 1 - playing
giuliomoro@0: 	this.status = 0;
giuliomoro@0: 	
giuliomoro@0: 	// Connect both gains to output
giuliomoro@0: 	this.outputGain.connect(audioContext.destination);
giuliomoro@0: 	this.fooGain.connect(audioContext.destination);
giuliomoro@0: 	
giuliomoro@0: 	// Create the timer Object
giuliomoro@0: 	this.timer = new timer();
giuliomoro@0: 	// Create session metrics
giuliomoro@0: 	this.metric = new sessionMetrics(this,specification);
giuliomoro@0: 	
giuliomoro@0: 	this.loopPlayback = false;
giuliomoro@0: 	
giuliomoro@0: 	this.pageStore = null;
giuliomoro@0: 	
giuliomoro@0: 	// Create store for new audioObjects
giuliomoro@0: 	this.audioObjects = [];
giuliomoro@0: 	
giuliomoro@0: 	this.buffers = [];
giuliomoro@0: 	this.bufferObj = function()
giuliomoro@0: 	{
giuliomoro@0: 		this.url = null;
giuliomoro@0: 		this.buffer = null;
giuliomoro@0: 		this.xmlRequest = new XMLHttpRequest();
giuliomoro@0: 		this.xmlRequest.parent = this;
giuliomoro@0: 		this.users = [];
giuliomoro@0:         this.progress = 0;
giuliomoro@0:         this.status = 0;
giuliomoro@0: 		this.ready = function()
giuliomoro@0: 		{
giuliomoro@0:             if (this.status >= 2)
giuliomoro@0:             {
giuliomoro@0:                 this.status = 3;
giuliomoro@0:             }
giuliomoro@0: 			for (var i=0; i<this.users.length; i++)
giuliomoro@0: 			{
giuliomoro@0: 				this.users[i].state = 1;
giuliomoro@0: 				if (this.users[i].interfaceDOM != null)
giuliomoro@0: 				{
giuliomoro@0: 					this.users[i].bufferLoaded(this);
giuliomoro@0: 				}
giuliomoro@0: 			}
giuliomoro@0: 		};
giuliomoro@0: 		this.getMedia = function(url) {
giuliomoro@0: 			this.url = url;
giuliomoro@0: 			this.xmlRequest.open('GET',this.url,true);
giuliomoro@0: 			this.xmlRequest.responseType = 'arraybuffer';
giuliomoro@0: 			
giuliomoro@0: 			var bufferObj = this;
giuliomoro@0: 			
giuliomoro@0: 			// Create callback to decode the data asynchronously
giuliomoro@0: 			this.xmlRequest.onloadend = function() {
giuliomoro@0:                 // Use inbuilt WAVE decoder first
giuliomoro@0:                 if (this.status == -1) {return;}
giuliomoro@0:                 var waveObj = new WAVE();
giuliomoro@0:                 if (waveObj.open(bufferObj.xmlRequest.response) == 0)
giuliomoro@0:                 {
giuliomoro@0:                     bufferObj.buffer = audioContext.createBuffer(waveObj.num_channels,waveObj.num_samples,waveObj.sample_rate);
giuliomoro@0:                     for (var c=0; c<waveObj.num_channels; c++)
giuliomoro@0:                     {
giuliomoro@0:                         var buffer_ptr = bufferObj.buffer.getChannelData(c);
giuliomoro@0:                         for (var n=0; n<waveObj.num_samples; n++)
giuliomoro@0:                         {
giuliomoro@0:                             buffer_ptr[n] = waveObj.decoded_data[c][n];
giuliomoro@0:                         }
giuliomoro@0:                     }
giuliomoro@0: 
giuliomoro@0:                     delete waveObj;
giuliomoro@0:                 } else {
giuliomoro@0:                     audioContext.decodeAudioData(bufferObj.xmlRequest.response, function(decodedData) {
giuliomoro@0:                         bufferObj.buffer = decodedData;
giuliomoro@0:                     }, function(e){
giuliomoro@0:                         // Should only be called if there was an error, but sometimes gets called continuously
giuliomoro@0:                         // Check here if the error is genuine
giuliomoro@0:                         if (bufferObj.xmlRequest.response == undefined) {
giuliomoro@0:                             // Genuine error
giuliomoro@0:                             console.log('FATAL - Error loading buffer on '+audioObj.id);
giuliomoro@0:                             if (request.status == 404)
giuliomoro@0:                             {
giuliomoro@0:                                 console.log('FATAL - Fragment '+audioObj.id+' 404 error');
giuliomoro@0:                                 console.log('URL: '+audioObj.url);
giuliomoro@0:                                 errorSessionDump('Fragment '+audioObj.id+' 404 error');
giuliomoro@0:                             }
giuliomoro@0:                             this.parent.status = -1;
giuliomoro@0:                         }
giuliomoro@0:                     });
giuliomoro@0:                 }
giuliomoro@0:                 if (bufferObj.buffer != undefined)
giuliomoro@0:                 {
giuliomoro@0:                     bufferObj.status = 2;
giuliomoro@0:                     calculateLoudness(bufferObj,"I");
giuliomoro@0:                 }
giuliomoro@0: 			};
giuliomoro@0:             
giuliomoro@0:             // Create callback for any error in loading
giuliomoro@0:             this.xmlRequest.onerror = function() {
giuliomoro@0:                 this.parent.status = -1;
giuliomoro@0:                 for (var i=0; i<this.parent.users.length; i++)
giuliomoro@0:                 {
giuliomoro@0:                     this.parent.users[i].state = -1;
giuliomoro@0:                     if (this.parent.users[i].interfaceDOM != null)
giuliomoro@0:                     {
giuliomoro@0:                         this.parent.users[i].bufferLoaded(this);
giuliomoro@0:                     }
giuliomoro@0:                 }
giuliomoro@0:             }
giuliomoro@0:             
giuliomoro@0: 			this.progress = 0;
giuliomoro@0: 			this.progressCallback = function(event){
giuliomoro@0: 				if (event.lengthComputable)
giuliomoro@0: 				{
giuliomoro@0: 					this.parent.progress = event.loaded / event.total;
giuliomoro@0: 					for (var i=0; i<this.parent.users.length; i++)
giuliomoro@0: 					{
giuliomoro@0: 						if(this.parent.users[i].interfaceDOM != null)
giuliomoro@0: 						{
giuliomoro@0: 							if (typeof this.parent.users[i].interfaceDOM.updateLoading === "function")
giuliomoro@0: 							{
giuliomoro@0: 								this.parent.users[i].interfaceDOM.updateLoading(this.parent.progress*100);
giuliomoro@0: 							}
giuliomoro@0: 						}
giuliomoro@0: 					}
giuliomoro@0: 				}
giuliomoro@0: 			};
giuliomoro@0: 			this.xmlRequest.addEventListener("progress", this.progressCallback);
giuliomoro@0:             this.status = 1;
giuliomoro@0: 			this.xmlRequest.send();
giuliomoro@0: 		};
giuliomoro@0:         
giuliomoro@0:         this.registerAudioObject = function(audioObject)
giuliomoro@0:         {
giuliomoro@0:             // Called by an audioObject to register to the buffer for use
giuliomoro@0:             // First check if already in the register pool
giuliomoro@0:             for (var objects of this.users)
giuliomoro@0:             {
giuliomoro@0:                 if (audioObject.id == objects.id){return 0;}
giuliomoro@0:             }
giuliomoro@0:             this.users.push(audioObject);
giuliomoro@0:             if (this.status == 3 || this.status == -1)
giuliomoro@0:             {
giuliomoro@0:                 // The buffer is already ready, trigger bufferLoaded
giuliomoro@0:                 audioObject.bufferLoaded(this);
giuliomoro@0:             }
giuliomoro@0:         }
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.play = function(id) {
giuliomoro@0: 		// Start the timer and set the audioEngine state to playing (1)
giuliomoro@0: 		if (this.status == 0 && this.loopPlayback) {
giuliomoro@0: 			// Check if all audioObjects are ready
giuliomoro@0: 			if(this.checkAllReady())
giuliomoro@0: 			{
giuliomoro@0: 				this.status = 1;
giuliomoro@0: 				this.setSynchronousLoop();
giuliomoro@0: 			}
giuliomoro@0: 		}
giuliomoro@0: 		else
giuliomoro@0: 		{
giuliomoro@0: 			this.status = 1;
giuliomoro@0: 		}
giuliomoro@0: 		if (this.status== 1) {
giuliomoro@0: 			this.timer.startTest();
giuliomoro@0: 			if (id == undefined) {
giuliomoro@0: 				id = -1;
giuliomoro@0: 				console.log('FATAL - Passed id was undefined - AudioEngineContext.play(id)');
giuliomoro@0: 				return;
giuliomoro@0: 			} else {
giuliomoro@0: 				interfaceContext.playhead.setTimePerPixel(this.audioObjects[id]);
giuliomoro@0: 			}
giuliomoro@0: 			if (this.loopPlayback) {
giuliomoro@0:                 var setTime = audioContext.currentTime;
giuliomoro@0: 				for (var i=0; i<this.audioObjects.length; i++)
giuliomoro@0: 				{
giuliomoro@0: 					this.audioObjects[i].play(setTime);
giuliomoro@0: 					if (id == i) {
giuliomoro@0: 						this.audioObjects[i].loopStart(setTime);
giuliomoro@0: 					} else {
giuliomoro@0: 						this.audioObjects[i].loopStop(setTime);
giuliomoro@0: 					}
giuliomoro@0: 				}
giuliomoro@0: 			} else {
giuliomoro@0:                 var setTime = audioContext.currentTime+0.1;
giuliomoro@0: 				for (var i=0; i<this.audioObjects.length; i++)
giuliomoro@0: 				{
giuliomoro@0: 					if (i != id) {
giuliomoro@0: 						this.audioObjects[i].stop(setTime);
giuliomoro@0: 					} else if (i == id) {
giuliomoro@0: 						this.audioObjects[id].play(setTime);
giuliomoro@0: 					}
giuliomoro@0: 				}
giuliomoro@0: 			}
giuliomoro@0: 			interfaceContext.playhead.start();
giuliomoro@0: 		}
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.stop = function() {
giuliomoro@0: 		// Send stop and reset command to all playback buffers
giuliomoro@0: 		if (this.status == 1) {
giuliomoro@0:             var setTime = audioContext.currentTime+0.1;
giuliomoro@0: 			for (var i=0; i<this.audioObjects.length; i++)
giuliomoro@0: 			{
giuliomoro@0: 				this.audioObjects[i].stop(setTime);
giuliomoro@0: 			}
giuliomoro@0: 			interfaceContext.playhead.stop();
giuliomoro@0: 		}
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.newTrack = function(element) {
giuliomoro@0: 		// Pull data from given URL into new audio buffer
giuliomoro@0: 		// URLs must either be from the same source OR be setup to 'Access-Control-Allow-Origin'
giuliomoro@0: 		
giuliomoro@0: 		// Create the audioObject with ID of the new track length;
giuliomoro@0: 		audioObjectId = this.audioObjects.length;
giuliomoro@0: 		this.audioObjects[audioObjectId] = new audioObject(audioObjectId);
giuliomoro@0: 
giuliomoro@0: 		// Check if audioObject buffer is currently stored by full URL
giuliomoro@0: 		var URL = testState.currentStateMap.hostURL + element.url;
giuliomoro@0: 		var buffer = null;
giuliomoro@0: 		for (var i=0; i<this.buffers.length; i++)
giuliomoro@0: 		{
giuliomoro@0: 			if (URL == this.buffers[i].url)
giuliomoro@0: 			{
giuliomoro@0: 				buffer = this.buffers[i];
giuliomoro@0: 				break;
giuliomoro@0: 			}
giuliomoro@0: 		}
giuliomoro@0: 		if (buffer == null)
giuliomoro@0: 		{
giuliomoro@0: 			console.log("[WARN]: Buffer was not loaded in pre-test! "+URL);
giuliomoro@0: 			buffer = new this.bufferObj();
giuliomoro@0:             this.buffers.push(buffer);
giuliomoro@0: 			buffer.getMedia(URL);
giuliomoro@0: 		}
giuliomoro@0: 		this.audioObjects[audioObjectId].specification = element;
giuliomoro@0: 		this.audioObjects[audioObjectId].url = URL;
giuliomoro@0: 		// Obtain store node
giuliomoro@0: 		var aeNodes = this.pageStore.XMLDOM.getElementsByTagName('audioelement');
giuliomoro@0: 		for (var i=0; i<aeNodes.length; i++)
giuliomoro@0: 		{
giuliomoro@0: 			if(aeNodes[i].getAttribute("ref") == element.id)
giuliomoro@0: 			{
giuliomoro@0: 				this.audioObjects[audioObjectId].storeDOM = aeNodes[i];
giuliomoro@0: 				break;
giuliomoro@0: 			}
giuliomoro@0: 		}
giuliomoro@0:         buffer.registerAudioObject(this.audioObjects[audioObjectId]);
giuliomoro@0: 		return this.audioObjects[audioObjectId];
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.newTestPage = function(audioHolderObject,store) {
giuliomoro@0: 		this.pageStore = store;
giuliomoro@0: 		this.status = 0;
giuliomoro@0: 		this.audioObjectsReady = false;
giuliomoro@0: 		this.metric.reset();
giuliomoro@0: 		for (var i=0; i < this.buffers.length; i++)
giuliomoro@0: 		{
giuliomoro@0: 			this.buffers[i].users = [];
giuliomoro@0: 		}
giuliomoro@0: 		this.audioObjects = [];
giuliomoro@0:         this.timer = new timer();
giuliomoro@0:         this.loopPlayback = audioHolderObject.loop;
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.checkAllPlayed = function() {
giuliomoro@0: 		arr = [];
giuliomoro@0: 		for (var id=0; id<this.audioObjects.length; id++) {
giuliomoro@0: 			if (this.audioObjects[id].metric.wasListenedTo == false) {
giuliomoro@0: 				arr.push(this.audioObjects[id].id);
giuliomoro@0: 			}
giuliomoro@0: 		}
giuliomoro@0: 		return arr;
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.checkAllReady = function() {
giuliomoro@0: 		var ready = true;
giuliomoro@0: 		for (var i=0; i<this.audioObjects.length; i++) {
giuliomoro@0: 			if (this.audioObjects[i].state == 0) {
giuliomoro@0: 				// Track not ready
giuliomoro@0: 				console.log('WAIT -- audioObject '+i+' not ready yet!');
giuliomoro@0: 				ready = false;
giuliomoro@0: 			};
giuliomoro@0: 		}
giuliomoro@0: 		return ready;
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.setSynchronousLoop = function() {
giuliomoro@0: 		// Pads the signals so they are all exactly the same length
giuliomoro@0: 		var length = 0;
giuliomoro@0: 		var maxId;
giuliomoro@0: 		for (var i=0; i<this.audioObjects.length; i++)
giuliomoro@0: 		{
giuliomoro@0: 			if (length < this.audioObjects[i].buffer.buffer.length)
giuliomoro@0: 			{
giuliomoro@0: 				length = this.audioObjects[i].buffer.buffer.length;
giuliomoro@0: 				maxId = i;
giuliomoro@0: 			}
giuliomoro@0: 		}
giuliomoro@0: 		// Extract the audio and zero-pad
giuliomoro@0: 		for (var i=0; i<this.audioObjects.length; i++)
giuliomoro@0: 		{
giuliomoro@0: 			var orig = this.audioObjects[i].buffer.buffer;
giuliomoro@0: 			var hold = audioContext.createBuffer(orig.numberOfChannels,length,orig.sampleRate);
giuliomoro@0: 			for (var c=0; c<orig.numberOfChannels; c++)
giuliomoro@0: 			{
giuliomoro@0: 				var inData = hold.getChannelData(c);
giuliomoro@0: 				var outData = orig.getChannelData(c);
giuliomoro@0: 				for (var n=0; n<orig.length; n++)
giuliomoro@0: 				{inData[n] = outData[n];}
giuliomoro@0: 			}
giuliomoro@0: 			hold.playbackGain = orig.playbackGain;
giuliomoro@0: 			hold.lufs = orig.lufs;
giuliomoro@0: 			this.audioObjects[i].buffer.buffer = hold;
giuliomoro@0: 		}
giuliomoro@0: 	};
giuliomoro@0:     
giuliomoro@0:     this.exportXML = function()
giuliomoro@0:     {
giuliomoro@0:         
giuliomoro@0:     };
giuliomoro@0: 	
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: function audioObject(id) {
giuliomoro@0: 	// The main buffer object with common control nodes to the AudioEngine
giuliomoro@0: 	
giuliomoro@0: 	this.specification;
giuliomoro@0: 	this.id = id;
giuliomoro@0: 	this.state = 0; // 0 - no data, 1 - ready
giuliomoro@0: 	this.url = null; // Hold the URL given for the output back to the results.
giuliomoro@0: 	this.metric = new metricTracker(this);
giuliomoro@0: 	this.storeDOM = null;
giuliomoro@0: 	
giuliomoro@0: 	// Bindings for GUI
giuliomoro@0: 	this.interfaceDOM = null;
giuliomoro@0: 	this.commentDOM = null;
giuliomoro@0: 	
giuliomoro@0: 	// Create a buffer and external gain control to allow internal patching of effects and volume leveling.
giuliomoro@0: 	this.bufferNode = undefined;
giuliomoro@0: 	this.outputGain = audioContext.createGain();
giuliomoro@0: 	
giuliomoro@0: 	this.onplayGain = 1.0;
giuliomoro@0: 	
giuliomoro@0: 	// Connect buffer to the audio graph
giuliomoro@0: 	this.outputGain.connect(audioEngineContext.outputGain);
giuliomoro@0: 	
giuliomoro@0: 	// the audiobuffer is not designed for multi-start playback
giuliomoro@0: 	// When stopeed, the buffer node is deleted and recreated with the stored buffer.
giuliomoro@0: 	this.buffer;
giuliomoro@0: 	
giuliomoro@0: 	this.bufferLoaded = function(callee)
giuliomoro@0: 	{
giuliomoro@0: 		// Called by the associated buffer when it has finished loading, will then 'bind' the buffer to the
giuliomoro@0: 		// audioObject and trigger the interfaceDOM.enable() function for user feedback
giuliomoro@0:         if (callee.status == -1) {
giuliomoro@0:             // ERROR
giuliomoro@0:             this.state = -1;
giuliomoro@0:             if (this.interfaceDOM != null) {this.interfaceDOM.error();}
giuliomoro@0:             this.buffer = callee;
giuliomoro@0:             return;
giuliomoro@0:         }
giuliomoro@0: 		if (audioEngineContext.loopPlayback){
giuliomoro@0: 			// First copy the buffer into this.buffer
giuliomoro@0: 			this.buffer = new audioEngineContext.bufferObj();
giuliomoro@0: 			this.buffer.url = callee.url;
giuliomoro@0: 			this.buffer.buffer = audioContext.createBuffer(callee.buffer.numberOfChannels, callee.buffer.length, callee.buffer.sampleRate);
giuliomoro@0: 			for (var c=0; c<callee.buffer.numberOfChannels; c++)
giuliomoro@0: 			{
giuliomoro@0: 				var src = callee.buffer.getChannelData(c);
giuliomoro@0: 				var dst = this.buffer.buffer.getChannelData(c);
giuliomoro@0: 				for (var n=0; n<src.length; n++)
giuliomoro@0: 				{
giuliomoro@0: 					dst[n] = src[n];
giuliomoro@0: 				}
giuliomoro@0: 			}
giuliomoro@0: 		} else {
giuliomoro@0: 			this.buffer = callee;
giuliomoro@0: 		}
giuliomoro@0: 		this.state = 1;
giuliomoro@0: 		this.buffer.buffer.playbackGain = callee.buffer.playbackGain;
giuliomoro@0: 		this.buffer.buffer.lufs = callee.buffer.lufs;
giuliomoro@0: 		var targetLUFS = this.specification.parent.loudness || specification.loudness;
giuliomoro@0: 		if (typeof targetLUFS === "number")
giuliomoro@0: 		{
giuliomoro@0: 			this.buffer.buffer.playbackGain = decibelToLinear(targetLUFS - this.buffer.buffer.lufs);
giuliomoro@0: 		} else {
giuliomoro@0: 			this.buffer.buffer.playbackGain = 1.0;
giuliomoro@0: 		}
giuliomoro@0: 		if (this.interfaceDOM != null) {
giuliomoro@0: 			this.interfaceDOM.enable();
giuliomoro@0: 		}
giuliomoro@0: 		this.onplayGain = decibelToLinear(this.specification.gain)*this.buffer.buffer.playbackGain;
giuliomoro@0: 		this.storeDOM.setAttribute('playGain',linearToDecibel(this.onplayGain));
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.bindInterface = function(interfaceObject)
giuliomoro@0: 	{
giuliomoro@0: 		this.interfaceDOM = interfaceObject;
giuliomoro@0: 		this.metric.initialise(interfaceObject.getValue());
giuliomoro@0: 		if (this.state == 1)
giuliomoro@0: 		{
giuliomoro@0: 			this.interfaceDOM.enable();
giuliomoro@0: 		} else if (this.state == -1) {
giuliomoro@0:             // ERROR
giuliomoro@0:             this.interfaceDOM.error();
giuliomoro@0:             return;
giuliomoro@0:         }
giuliomoro@0: 		this.storeDOM.setAttribute('presentedId',interfaceObject.getPresentedId());
giuliomoro@0: 	};
giuliomoro@0:     
giuliomoro@0: 	this.loopStart = function(setTime) {
giuliomoro@0: 		this.outputGain.gain.linearRampToValueAtTime(this.onplayGain,setTime);
giuliomoro@0: 		this.metric.startListening(audioEngineContext.timer.getTestTime());
giuliomoro@0:         this.interfaceDOM.startPlayback();
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.loopStop = function(setTime) {
giuliomoro@0: 		if (this.outputGain.gain.value != 0.0) {
giuliomoro@0: 			this.outputGain.gain.linearRampToValueAtTime(0.0,setTime);
giuliomoro@0: 			this.metric.stopListening(audioEngineContext.timer.getTestTime());
giuliomoro@0: 		}
giuliomoro@0:         this.interfaceDOM.stopPlayback();
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.play = function(startTime) {
giuliomoro@0: 		if (this.bufferNode == undefined && this.buffer.buffer != undefined) {
giuliomoro@0: 			this.bufferNode = audioContext.createBufferSource();
giuliomoro@0: 			this.bufferNode.owner = this;
giuliomoro@0: 			this.bufferNode.connect(this.outputGain);
giuliomoro@0: 			this.bufferNode.buffer = this.buffer.buffer;
giuliomoro@0: 			this.bufferNode.loop = audioEngineContext.loopPlayback;
giuliomoro@0: 			this.bufferNode.onended = function(event) {
giuliomoro@0: 				// Safari does not like using 'this' to reference the calling object!
giuliomoro@0: 				//event.currentTarget.owner.metric.stopListening(audioEngineContext.timer.getTestTime(),event.currentTarget.owner.getCurrentPosition());
giuliomoro@0:                 if (event.currentTarget != null) {
giuliomoro@0: 				    event.currentTarget.owner.stop(audioContext.currentTime+1);
giuliomoro@0:                 }
giuliomoro@0: 			};
giuliomoro@0: 			if (this.bufferNode.loop == false) {
giuliomoro@0: 				this.metric.startListening(audioEngineContext.timer.getTestTime());
giuliomoro@0:                 this.outputGain.gain.setValueAtTime(this.onplayGain,startTime);
giuliomoro@0:                 this.interfaceDOM.startPlayback();
giuliomoro@0: 			} else {
giuliomoro@0:                  this.outputGain.gain.setValueAtTime(0.0,startTime);
giuliomoro@0:             }
giuliomoro@0: 			this.bufferNode.start(startTime);
giuliomoro@0:             this.bufferNode.playbackStartTime = audioEngineContext.timer.getTestTime();
giuliomoro@0: 		}
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.stop = function(stopTime) {
giuliomoro@0:         this.outputGain.gain.cancelScheduledValues(audioContext.currentTime);
giuliomoro@0: 		if (this.bufferNode != undefined)
giuliomoro@0: 		{
giuliomoro@0: 			this.metric.stopListening(audioEngineContext.timer.getTestTime(),this.getCurrentPosition());
giuliomoro@0: 			this.bufferNode.stop(stopTime);
giuliomoro@0: 			this.bufferNode = undefined;
giuliomoro@0: 		}
giuliomoro@0:         this.outputGain.gain.value = 0.0;
giuliomoro@0:         this.interfaceDOM.stopPlayback();
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.getCurrentPosition = function() {
giuliomoro@0: 		var time = audioEngineContext.timer.getTestTime();
giuliomoro@0: 		if (this.bufferNode != undefined) {
giuliomoro@0:             var position = (time - this.bufferNode.playbackStartTime)%this.buffer.buffer.duration;
giuliomoro@0:             if (isNaN(position)){return 0;}
giuliomoro@0:             return position;
giuliomoro@0: 		} else {
giuliomoro@0: 			return 0;
giuliomoro@0: 		}
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.exportXMLDOM = function() {
giuliomoro@0: 		var file = storage.document.createElement('file');
giuliomoro@0: 		var buf;
giuliomoro@0: 		if(typeof(this.buffer) !== "undefined"){
giuliomoro@0: 			buf = this.buffer.buffer;
giuliomoro@0: 		} else {
giuliomoro@0: 			buf = {};
giuliomoro@0: 		}
giuliomoro@0: 		file.setAttribute('sampleRate', buf.sampleRate);
giuliomoro@0: 		file.setAttribute('channels', buf.numberOfChannels);
giuliomoro@0: 		file.setAttribute('sampleCount', buf.length);
giuliomoro@0: 		file.setAttribute('duration', buf.duration);
giuliomoro@0: 		this.storeDOM.appendChild(file);
giuliomoro@0: 		if (this.specification.type != 'outside-reference') {
giuliomoro@0: 			var interfaceXML = this.interfaceDOM.exportXMLDOM(this);
giuliomoro@0: 			if (interfaceXML != null)
giuliomoro@0: 			{
giuliomoro@0: 				if (interfaceXML.length == undefined) {
giuliomoro@0: 					this.storeDOM.appendChild(interfaceXML);
giuliomoro@0: 				} else {
giuliomoro@0: 					for (var i=0; i<interfaceXML.length; i++)
giuliomoro@0: 					{
giuliomoro@0: 						this.storeDOM.appendChild(interfaceXML[i]);
giuliomoro@0: 					}
giuliomoro@0: 				}
giuliomoro@0: 			}
giuliomoro@0: 			if (this.commentDOM != null) {
giuliomoro@0: 				this.storeDOM.appendChild(this.commentDOM.exportXMLDOM(this));
giuliomoro@0: 			}
giuliomoro@0: 		}
giuliomoro@0: 		var nodes = this.metric.exportXMLDOM();
giuliomoro@0: 		var mroot = this.storeDOM.getElementsByTagName('metric')[0];
giuliomoro@0: 		for (var i=0; i<nodes.length; i++)
giuliomoro@0: 		{
giuliomoro@0: 			mroot.appendChild(nodes[i]);
giuliomoro@0: 		}
giuliomoro@0: 	};
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: function timer()
giuliomoro@0: {
giuliomoro@0: 	/* Timer object used in audioEngine to keep track of session timings
giuliomoro@0: 	 * Uses the timer of the web audio API, so sample resolution
giuliomoro@0: 	 */
giuliomoro@0: 	this.testStarted = false;
giuliomoro@0: 	this.testStartTime = 0;
giuliomoro@0: 	this.testDuration = 0;
giuliomoro@0: 	this.minimumTestTime = 0; // No minimum test time
giuliomoro@0: 	this.startTest = function()
giuliomoro@0: 	{
giuliomoro@0: 		if (this.testStarted == false)
giuliomoro@0: 		{
giuliomoro@0: 			this.testStartTime = audioContext.currentTime;
giuliomoro@0: 			this.testStarted = true;
giuliomoro@0: 			this.updateTestTime();
giuliomoro@0: 			audioEngineContext.metric.initialiseTest();
giuliomoro@0: 		}
giuliomoro@0: 	};
giuliomoro@0: 	this.stopTest = function()
giuliomoro@0: 	{
giuliomoro@0: 		if (this.testStarted)
giuliomoro@0: 		{
giuliomoro@0: 			this.testDuration = this.getTestTime();
giuliomoro@0: 			this.testStarted = false;
giuliomoro@0: 		} else {
giuliomoro@0: 			console.log('ERR: Test tried to end before beginning');
giuliomoro@0: 		}
giuliomoro@0: 	};
giuliomoro@0: 	this.updateTestTime = function()
giuliomoro@0: 	{
giuliomoro@0: 		if (this.testStarted)
giuliomoro@0: 		{
giuliomoro@0: 			this.testDuration = audioContext.currentTime - this.testStartTime;
giuliomoro@0: 		}
giuliomoro@0: 	};
giuliomoro@0: 	this.getTestTime = function()
giuliomoro@0: 	{
giuliomoro@0: 		this.updateTestTime();
giuliomoro@0: 		return this.testDuration;
giuliomoro@0: 	};
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: function sessionMetrics(engine,specification)
giuliomoro@0: {
giuliomoro@0: 	/* Used by audioEngine to link to audioObjects to minimise the timer call timers;
giuliomoro@0: 	 */
giuliomoro@0: 	this.engine = engine;
giuliomoro@0: 	this.lastClicked = -1;
giuliomoro@0: 	this.data = -1;
giuliomoro@0: 	this.reset = function() {
giuliomoro@0: 		this.lastClicked = -1;
giuliomoro@0: 		this.data = -1;
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.enableElementInitialPosition = false;
giuliomoro@0: 	this.enableElementListenTracker = false;
giuliomoro@0: 	this.enableElementTimer = false;
giuliomoro@0: 	this.enableElementTracker = false;
giuliomoro@0: 	this.enableFlagListenedTo = false;
giuliomoro@0: 	this.enableFlagMoved = false;
giuliomoro@0: 	this.enableTestTimer = false;
giuliomoro@0: 	// Obtain the metrics enabled
giuliomoro@0: 	for (var i=0; i<specification.metrics.enabled.length; i++)
giuliomoro@0: 	{
giuliomoro@0: 		var node = specification.metrics.enabled[i];
giuliomoro@0: 		switch(node)
giuliomoro@0: 		{
giuliomoro@0: 		case 'testTimer':
giuliomoro@0: 			this.enableTestTimer = true;
giuliomoro@0: 			break;
giuliomoro@0: 		case 'elementTimer':
giuliomoro@0: 			this.enableElementTimer = true;
giuliomoro@0: 			break;
giuliomoro@0: 		case 'elementTracker':
giuliomoro@0: 			this.enableElementTracker = true;
giuliomoro@0: 			break;
giuliomoro@0: 		case 'elementListenTracker':
giuliomoro@0: 			this.enableElementListenTracker = true;
giuliomoro@0: 			break;
giuliomoro@0: 		case 'elementInitialPosition':
giuliomoro@0: 			this.enableElementInitialPosition = true;
giuliomoro@0: 			break;
giuliomoro@0: 		case 'elementFlagListenedTo':
giuliomoro@0: 			this.enableFlagListenedTo = true;
giuliomoro@0: 			break;
giuliomoro@0: 		case 'elementFlagMoved':
giuliomoro@0: 			this.enableFlagMoved = true;
giuliomoro@0: 			break;
giuliomoro@0: 		case 'elementFlagComments':
giuliomoro@0: 			this.enableFlagComments = true;
giuliomoro@0: 			break;
giuliomoro@0: 		}
giuliomoro@0: 	}
giuliomoro@0: 	this.initialiseTest = function(){};
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: function metricTracker(caller)
giuliomoro@0: {
giuliomoro@0: 	/* Custom object to track and collect metric data
giuliomoro@0: 	 * Used only inside the audioObjects object.
giuliomoro@0: 	 */
giuliomoro@0: 	
giuliomoro@0: 	this.listenedTimer = 0;
giuliomoro@0: 	this.listenStart = 0;
giuliomoro@0: 	this.listenHold = false;
giuliomoro@0: 	this.initialPosition = -1;
giuliomoro@0: 	this.movementTracker = [];
giuliomoro@0: 	this.listenTracker =[];
giuliomoro@0: 	this.wasListenedTo = false;
giuliomoro@0: 	this.wasMoved = false;
giuliomoro@0: 	this.hasComments = false;
giuliomoro@0: 	this.parent = caller;
giuliomoro@0: 	
giuliomoro@0: 	this.initialise = function(position)
giuliomoro@0: 	{
giuliomoro@0: 		if (this.initialPosition == -1) {
giuliomoro@0: 			this.initialPosition = position;
giuliomoro@0: 			this.moved(0,position);
giuliomoro@0: 		}
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.moved = function(time,position)
giuliomoro@0: 	{
giuliomoro@0: 		if (time > 0) {this.wasMoved = true;}
giuliomoro@0: 		this.movementTracker[this.movementTracker.length] = [time, position];
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.startListening = function(time)
giuliomoro@0: 	{
giuliomoro@0: 		if (this.listenHold == false)
giuliomoro@0: 		{
giuliomoro@0: 			this.wasListenedTo = true;
giuliomoro@0: 			this.listenStart = time;
giuliomoro@0: 			this.listenHold = true;
giuliomoro@0: 			
giuliomoro@0: 			var evnt = document.createElement('event');
giuliomoro@0: 			var testTime = document.createElement('testTime');
giuliomoro@0: 			testTime.setAttribute('start',time);
giuliomoro@0: 			var bufferTime = document.createElement('bufferTime');
giuliomoro@0: 			bufferTime.setAttribute('start',this.parent.getCurrentPosition());
giuliomoro@0: 			evnt.appendChild(testTime);
giuliomoro@0: 			evnt.appendChild(bufferTime);
giuliomoro@0: 			this.listenTracker.push(evnt);
giuliomoro@0: 			
giuliomoro@0: 			console.log('slider ' + this.parent.id + ' played (' + time + ')'); // DEBUG/SAFETY: show played slider id
giuliomoro@0: 		}
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.stopListening = function(time,bufferStopTime)
giuliomoro@0: 	{
giuliomoro@0: 		if (this.listenHold == true)
giuliomoro@0: 		{
giuliomoro@0: 			var diff = time - this.listenStart;
giuliomoro@0: 			this.listenedTimer += (diff);
giuliomoro@0: 			this.listenStart = 0;
giuliomoro@0: 			this.listenHold = false;
giuliomoro@0: 			
giuliomoro@0: 			var evnt = this.listenTracker[this.listenTracker.length-1];
giuliomoro@0: 			var testTime = evnt.getElementsByTagName('testTime')[0];
giuliomoro@0: 			var bufferTime = evnt.getElementsByTagName('bufferTime')[0];
giuliomoro@0: 			testTime.setAttribute('stop',time);
giuliomoro@0: 			if (bufferStopTime == undefined) {
giuliomoro@0: 				bufferTime.setAttribute('stop',this.parent.getCurrentPosition());
giuliomoro@0: 			} else {
giuliomoro@0: 				bufferTime.setAttribute('stop',bufferStopTime);
giuliomoro@0: 			}
giuliomoro@0: 			console.log('slider ' + this.parent.id + ' played for (' + diff + ')'); // DEBUG/SAFETY: show played slider id
giuliomoro@0: 		}
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.exportXMLDOM = function() {
giuliomoro@0: 		var storeDOM = [];
giuliomoro@0: 		if (audioEngineContext.metric.enableElementTimer) {
giuliomoro@0: 			var mElementTimer = storage.document.createElement('metricresult');
giuliomoro@0: 			mElementTimer.setAttribute('name','enableElementTimer');
giuliomoro@0: 			mElementTimer.textContent = this.listenedTimer;
giuliomoro@0: 			storeDOM.push(mElementTimer);
giuliomoro@0: 		}
giuliomoro@0: 		if (audioEngineContext.metric.enableElementTracker) {
giuliomoro@0: 			var elementTrackerFull = storage.document.createElement('metricResult');
giuliomoro@0: 			elementTrackerFull.setAttribute('name','elementTrackerFull');
giuliomoro@0: 			for (var k=0; k<this.movementTracker.length; k++)
giuliomoro@0: 			{
giuliomoro@0: 				var timePos = storage.document.createElement('movement');
giuliomoro@0:                 timePos.setAttribute("time",this.movementTracker[k][0]);
giuliomoro@0:                 timePos.setAttribute("value",this.movementTracker[k][1]);
giuliomoro@0: 				elementTrackerFull.appendChild(timePos);
giuliomoro@0: 			}
giuliomoro@0: 			storeDOM.push(elementTrackerFull);
giuliomoro@0: 		}
giuliomoro@0: 		if (audioEngineContext.metric.enableElementListenTracker) {
giuliomoro@0: 			var elementListenTracker = storage.document.createElement('metricResult');
giuliomoro@0: 			elementListenTracker.setAttribute('name','elementListenTracker');
giuliomoro@0: 			for (var k=0; k<this.listenTracker.length; k++) {
giuliomoro@0: 				elementListenTracker.appendChild(this.listenTracker[k]);
giuliomoro@0: 			}
giuliomoro@0: 			storeDOM.push(elementListenTracker);
giuliomoro@0: 		}
giuliomoro@0: 		if (audioEngineContext.metric.enableElementInitialPosition) {
giuliomoro@0: 			var elementInitial = storage.document.createElement('metricResult');
giuliomoro@0: 			elementInitial.setAttribute('name','elementInitialPosition');
giuliomoro@0: 			elementInitial.textContent = this.initialPosition;
giuliomoro@0: 			storeDOM.push(elementInitial);
giuliomoro@0: 		}
giuliomoro@0: 		if (audioEngineContext.metric.enableFlagListenedTo) {
giuliomoro@0: 			var flagListenedTo = storage.document.createElement('metricResult');
giuliomoro@0: 			flagListenedTo.setAttribute('name','elementFlagListenedTo');
giuliomoro@0: 			flagListenedTo.textContent = this.wasListenedTo;
giuliomoro@0: 			storeDOM.push(flagListenedTo);
giuliomoro@0: 		}
giuliomoro@0: 		if (audioEngineContext.metric.enableFlagMoved) {
giuliomoro@0: 			var flagMoved = storage.document.createElement('metricResult');
giuliomoro@0: 			flagMoved.setAttribute('name','elementFlagMoved');
giuliomoro@0: 			flagMoved.textContent = this.wasMoved;
giuliomoro@0: 			storeDOM.push(flagMoved);
giuliomoro@0: 		}
giuliomoro@0: 		if (audioEngineContext.metric.enableFlagComments) {
giuliomoro@0: 			var flagComments = storage.document.createElement('metricResult');
giuliomoro@0: 			flagComments.setAttribute('name','elementFlagComments');
giuliomoro@0: 			if (this.parent.commentDOM == null)
giuliomoro@0: 				{flag.textContent = 'false';}
giuliomoro@0: 			else if (this.parent.commentDOM.textContent.length == 0) 
giuliomoro@0: 				{flag.textContent = 'false';}
giuliomoro@0: 			else 
giuliomoro@0: 				{flag.textContet = 'true';}
giuliomoro@0: 			storeDOM.push(flagComments);
giuliomoro@0: 		}
giuliomoro@0: 		return storeDOM;
giuliomoro@0: 	};
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: function randomiseOrder(input)
giuliomoro@0: {
giuliomoro@0: 	// This takes an array of information and randomises the order
giuliomoro@0: 	var N = input.length;
giuliomoro@0: 	
giuliomoro@0: 	var inputSequence = []; // For safety purposes: keep track of randomisation
giuliomoro@0: 	for (var counter = 0; counter < N; ++counter) 
giuliomoro@0: 		inputSequence.push(counter) // Fill array
giuliomoro@0: 	var inputSequenceClone = inputSequence.slice(0);
giuliomoro@0: 	
giuliomoro@0: 	var holdArr = [];
giuliomoro@0: 	var outputSequence = [];
giuliomoro@0: 	for (var n=0; n<N; n++)
giuliomoro@0: 	{
giuliomoro@0: 		// First pick a random number
giuliomoro@0: 		var r = Math.random();
giuliomoro@0: 		// Multiply and floor by the number of elements left
giuliomoro@0: 		r = Math.floor(r*input.length);
giuliomoro@0: 		// Pick out that element and delete from the array
giuliomoro@0: 		holdArr.push(input.splice(r,1)[0]);
giuliomoro@0: 		// Do the same with sequence
giuliomoro@0: 		outputSequence.push(inputSequence.splice(r,1)[0]);
giuliomoro@0: 	}
giuliomoro@0: 	console.log(inputSequenceClone.toString()); // print original array to console
giuliomoro@0: 	console.log(outputSequence.toString()); 	// print randomised array to console
giuliomoro@0: 	return holdArr;
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: function returnDateNode()
giuliomoro@0: {
giuliomoro@0: 	// Create an XML Node for the Date and Time a test was conducted
giuliomoro@0: 	// Structure is
giuliomoro@0: 	// <datetime> 
giuliomoro@0: 	//	<date year="##" month="##" day="##">DD/MM/YY</date>
giuliomoro@0: 	//	<time hour="##" minute="##" sec="##">HH:MM:SS</time>
giuliomoro@0: 	// </datetime>
giuliomoro@0: 	var dateTime = new Date();
giuliomoro@0: 	var year = document.createAttribute('year');
giuliomoro@0: 	var month = document.createAttribute('month');
giuliomoro@0: 	var day = document.createAttribute('day');
giuliomoro@0: 	var hour = document.createAttribute('hour');
giuliomoro@0: 	var minute = document.createAttribute('minute');
giuliomoro@0: 	var secs = document.createAttribute('secs');
giuliomoro@0: 	
giuliomoro@0: 	year.nodeValue = dateTime.getFullYear();
giuliomoro@0: 	month.nodeValue = dateTime.getMonth()+1;
giuliomoro@0: 	day.nodeValue = dateTime.getDate();
giuliomoro@0: 	hour.nodeValue = dateTime.getHours();
giuliomoro@0: 	minute.nodeValue = dateTime.getMinutes();
giuliomoro@0: 	secs.nodeValue = dateTime.getSeconds();
giuliomoro@0: 	
giuliomoro@0: 	var hold = document.createElement("datetime");
giuliomoro@0: 	var date = document.createElement("date");
giuliomoro@0: 	date.textContent = year.nodeValue+'/'+month.nodeValue+'/'+day.nodeValue;
giuliomoro@0: 	var time = document.createElement("time");
giuliomoro@0: 	time.textContent = hour.nodeValue+':'+minute.nodeValue+':'+secs.nodeValue;
giuliomoro@0: 	
giuliomoro@0: 	date.setAttributeNode(year);
giuliomoro@0: 	date.setAttributeNode(month);
giuliomoro@0: 	date.setAttributeNode(day);
giuliomoro@0: 	time.setAttributeNode(hour);
giuliomoro@0: 	time.setAttributeNode(minute);
giuliomoro@0: 	time.setAttributeNode(secs);
giuliomoro@0: 	
giuliomoro@0: 	hold.appendChild(date);
giuliomoro@0: 	hold.appendChild(time);
giuliomoro@0: 	return hold;
giuliomoro@0: 	
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: function Specification() {
giuliomoro@0: 	// Handles the decoding of the project specification XML into a simple JavaScript Object.
giuliomoro@0: 	
giuliomoro@0: 	this.interface = null;
giuliomoro@0: 	this.projectReturn = "null";
giuliomoro@0: 	this.randomiseOrder = null;
giuliomoro@0: 	this.testPages = null;
giuliomoro@0: 	this.pages = [];
giuliomoro@0: 	this.metrics = null;
giuliomoro@0: 	this.interfaces = null;
giuliomoro@0: 	this.loudness = null;
giuliomoro@0: 	this.errors = [];
giuliomoro@0: 	this.schema = null;
giuliomoro@0: 	
giuliomoro@0: 	this.processAttribute = function(attribute,schema)
giuliomoro@0: 	{
giuliomoro@0: 		// attribute is the string returned from getAttribute on the XML
giuliomoro@0: 		// schema is the <xs:attribute> node
giuliomoro@0: 		if (schema.getAttribute('name') == undefined && schema.getAttribute('ref') != undefined)
giuliomoro@0: 		{
giuliomoro@0: 			schema = this.schema.getAllElementsByName(schema.getAttribute('ref'))[0];
giuliomoro@0: 		}
giuliomoro@0: 		var defaultOpt = schema.getAttribute('default');
giuliomoro@0: 		if (attribute == null) {
giuliomoro@0: 			attribute = defaultOpt;
giuliomoro@0: 		}
giuliomoro@0: 		var dataType = schema.getAttribute('type');
giuliomoro@0: 		if (typeof dataType == "string") { dataType = dataType.substr(3);}
giuliomoro@0: 		else {dataType = "string";}
giuliomoro@0: 		if (attribute == null)
giuliomoro@0: 		{
giuliomoro@0: 			return attribute;
giuliomoro@0: 		}
giuliomoro@0: 		switch(dataType)
giuliomoro@0: 		{
giuliomoro@0: 		case "boolean":
giuliomoro@0: 			if (attribute == 'true'){attribute = true;}else{attribute=false;}
giuliomoro@0: 			break;
giuliomoro@0: 		case "negativeInteger":
giuliomoro@0: 		case "positiveInteger":
giuliomoro@0: 		case "nonNegativeInteger":
giuliomoro@0: 		case "nonPositiveInteger":
giuliomoro@0: 		case "integer":
giuliomoro@0: 		case "decimal":
giuliomoro@0: 		case "short":
giuliomoro@0: 			attribute = Number(attribute);
giuliomoro@0: 			break;
giuliomoro@0: 		case "string":
giuliomoro@0: 		default:
giuliomoro@0: 			attribute = String(attribute);
giuliomoro@0: 			break;
giuliomoro@0: 		}
giuliomoro@0: 		return attribute;
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.decode = function(projectXML) {
giuliomoro@0: 		this.errors = [];
giuliomoro@0: 		// projectXML - DOM Parsed document
giuliomoro@0: 		this.projectXML = projectXML.childNodes[0];
giuliomoro@0: 		var setupNode = projectXML.getElementsByTagName('setup')[0];
giuliomoro@0: 		var schemaSetup = this.schema.getAllElementsByName('setup')[0];
giuliomoro@0: 		// First decode the attributes
giuliomoro@0: 		var attributes = schemaSetup.getAllElementsByTagName('xs:attribute');
giuliomoro@0: 		for (var i in attributes)
giuliomoro@0: 		{
giuliomoro@0: 			if (isNaN(Number(i)) == true){break;}
giuliomoro@0: 			var attributeName = attributes[i].getAttribute('name');
giuliomoro@0: 			var projectAttr = setupNode.getAttribute(attributeName);
giuliomoro@0: 			projectAttr = this.processAttribute(projectAttr,attributes[i]);
giuliomoro@0: 			switch(typeof projectAttr)
giuliomoro@0: 			{
giuliomoro@0: 			case "number":
giuliomoro@0: 			case "boolean":
giuliomoro@0: 				eval('this.'+attributeName+' = '+projectAttr);
giuliomoro@0: 				break;
giuliomoro@0: 			case "string":
giuliomoro@0: 				eval('this.'+attributeName+' = "'+projectAttr+'"');
giuliomoro@0: 				break;
giuliomoro@0: 			}
giuliomoro@0: 			
giuliomoro@0: 		}
giuliomoro@0: 		
giuliomoro@0: 		this.metrics = new this.metricNode();
giuliomoro@0: 		
giuliomoro@0: 		this.metrics.decode(this,setupNode.getElementsByTagName('metric')[0]);
giuliomoro@0: 		
giuliomoro@0: 		// Now process the survey node options
giuliomoro@0: 		var survey = setupNode.getElementsByTagName('survey');
giuliomoro@0: 		for (var i in survey) {
giuliomoro@0: 			if (isNaN(Number(i)) == true){break;}
giuliomoro@0: 			var location = survey[i].getAttribute('location');
giuliomoro@0: 			if (location == 'pre' || location == 'before')
giuliomoro@0: 			{
giuliomoro@0: 				if (this.preTest != null){this.errors.push("Already a pre/before test survey defined! Ignoring second!!");}
giuliomoro@0: 				else {
giuliomoro@0: 					this.preTest = new this.surveyNode();
giuliomoro@0: 					this.preTest.decode(this,survey[i]);
giuliomoro@0: 				}
giuliomoro@0: 			} else if (location == 'post' || location == 'after') {
giuliomoro@0: 				if (this.postTest != null){this.errors.push("Already a post/after test survey defined! Ignoring second!!");}
giuliomoro@0: 				else {
giuliomoro@0: 					this.postTest = new this.surveyNode();
giuliomoro@0: 					this.postTest.decode(this,survey[i]);
giuliomoro@0: 				}
giuliomoro@0: 			}
giuliomoro@0: 		}
giuliomoro@0: 		
giuliomoro@0: 		var interfaceNode = setupNode.getElementsByTagName('interface');
giuliomoro@0: 		if (interfaceNode.length > 1)
giuliomoro@0: 		{
giuliomoro@0: 			this.errors.push("Only one <interface> node in the <setup> node allowed! Others except first ingnored!");
giuliomoro@0: 		}
giuliomoro@0: 		this.interfaces = new this.interfaceNode();
giuliomoro@0: 		if (interfaceNode.length != 0)
giuliomoro@0: 		{
giuliomoro@0: 			interfaceNode = interfaceNode[0];
giuliomoro@0: 			this.interfaces.decode(this,interfaceNode,this.schema.getAllElementsByName('interface')[1]);
giuliomoro@0: 		}
giuliomoro@0: 		
giuliomoro@0: 		// Page tags
giuliomoro@0: 		var pageTags = projectXML.getElementsByTagName('page');
giuliomoro@0: 		var pageSchema = this.schema.getAllElementsByName('page')[0];
giuliomoro@0: 		for (var i=0; i<pageTags.length; i++)
giuliomoro@0: 		{
giuliomoro@0: 			var node = new this.page();
giuliomoro@0: 			node.decode(this,pageTags[i],pageSchema);
giuliomoro@0: 			this.pages.push(node);
giuliomoro@0: 		}
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.encode = function()
giuliomoro@0: 	{
giuliomoro@0: 		var RootDocument = document.implementation.createDocument(null,"waet");
giuliomoro@0: 		var root = RootDocument.children[0];
giuliomoro@0:         root.setAttribute("xmlns:xsi","http://www.w3.org/2001/XMLSchema-instance");
giuliomoro@0:         root.setAttribute("xsi:noNamespaceSchemaLocation","test-schema.xsd");
giuliomoro@0: 		// Build setup node
giuliomoro@0:         var setup = RootDocument.createElement("setup");
giuliomoro@0:         var schemaSetup = this.schema.getAllElementsByName('setup')[0];
giuliomoro@0:         // First decode the attributes
giuliomoro@0:         var attributes = schemaSetup.getAllElementsByTagName('xs:attribute');
giuliomoro@0:         for (var i=0; i<attributes.length; i++)
giuliomoro@0:         {
giuliomoro@0:             var name = attributes[i].getAttribute("name");
giuliomoro@0:             if (name == undefined) {
giuliomoro@0:                 name = attributes[i].getAttribute("ref");
giuliomoro@0:             }
giuliomoro@0:             if(eval("this."+name+" != undefined") || attributes[i].getAttribute("use") == "required")
giuliomoro@0:             {
giuliomoro@0:                 eval("setup.setAttribute('"+name+"',this."+name+")");
giuliomoro@0:             }
giuliomoro@0:         }
giuliomoro@0:         root.appendChild(setup);
giuliomoro@0:         // Survey node
giuliomoro@0:         setup.appendChild(this.preTest.encode(RootDocument));
giuliomoro@0:         setup.appendChild(this.postTest.encode(RootDocument));
giuliomoro@0:         setup.appendChild(this.metrics.encode(RootDocument));
giuliomoro@0:         setup.appendChild(this.interfaces.encode(RootDocument));
giuliomoro@0:         for (var page of this.pages)
giuliomoro@0:         {
giuliomoro@0:             root.appendChild(page.encode(RootDocument));
giuliomoro@0:         }
giuliomoro@0: 		return RootDocument;
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.surveyNode = function() {
giuliomoro@0: 		this.location = null;
giuliomoro@0: 		this.options = [];
giuliomoro@0: 		this.schema = specification.schema.getAllElementsByName('survey')[0];
giuliomoro@0: 		
giuliomoro@0: 		this.OptionNode = function() {
giuliomoro@0: 			this.type = undefined;
giuliomoro@0: 			this.schema = specification.schema.getAllElementsByName('surveyentry')[0];
giuliomoro@0: 			this.id = undefined;
giuliomoro@0:             this.name = undefined;
giuliomoro@0: 			this.mandatory = undefined;
giuliomoro@0: 			this.statement = undefined;
giuliomoro@0: 			this.boxsize = undefined;
giuliomoro@0: 			this.options = [];
giuliomoro@0: 			this.min = undefined;
giuliomoro@0: 			this.max = undefined;
giuliomoro@0: 			this.step = undefined;
giuliomoro@0: 			
giuliomoro@0: 			this.decode = function(parent,child)
giuliomoro@0: 			{
giuliomoro@0: 				var attributeMap = this.schema.getAllElementsByTagName('xs:attribute');
giuliomoro@0: 				for (var i in attributeMap){
giuliomoro@0: 					if(isNaN(Number(i)) == true){break;}
giuliomoro@0: 					var attributeName = attributeMap[i].getAttribute('name') || attributeMap[i].getAttribute('ref');
giuliomoro@0: 					var projectAttr = child.getAttribute(attributeName);
giuliomoro@0: 					projectAttr = parent.processAttribute(projectAttr,attributeMap[i]);
giuliomoro@0: 					switch(typeof projectAttr)
giuliomoro@0: 					{
giuliomoro@0: 					case "number":
giuliomoro@0: 					case "boolean":
giuliomoro@0: 						eval('this.'+attributeName+' = '+projectAttr);
giuliomoro@0: 						break;
giuliomoro@0: 					case "string":
giuliomoro@0: 						eval('this.'+attributeName+' = "'+projectAttr+'"');
giuliomoro@0: 						break;
giuliomoro@0: 					}
giuliomoro@0: 				}
giuliomoro@0: 				this.statement = child.getElementsByTagName('statement')[0].textContent;
giuliomoro@0: 				if (this.type == "checkbox" || this.type == "radio") {
giuliomoro@0: 					var children = child.getElementsByTagName('option');
giuliomoro@0: 					if (children.length == null) {
giuliomoro@0: 						console.log('Malformed' +child.nodeName+ 'entry');
giuliomoro@0: 						this.statement = 'Malformed' +child.nodeName+ 'entry';
giuliomoro@0: 						this.type = 'statement';
giuliomoro@0: 					} else {
giuliomoro@0: 						this.options = [];
giuliomoro@0: 						for (var i in children)
giuliomoro@0: 						{
giuliomoro@0: 							if (isNaN(Number(i))==true){break;}
giuliomoro@0: 							this.options.push({
giuliomoro@0: 								name: children[i].getAttribute('name'),
giuliomoro@0: 								text: children[i].textContent
giuliomoro@0: 							});
giuliomoro@0: 						}
giuliomoro@0: 					}
giuliomoro@0: 				}
giuliomoro@0: 			};
giuliomoro@0: 			
giuliomoro@0: 			this.exportXML = function(doc)
giuliomoro@0: 			{
giuliomoro@0: 				var node = doc.createElement('surveyentry');
giuliomoro@0: 				node.setAttribute('type',this.type);
giuliomoro@0: 				var statement = doc.createElement('statement');
giuliomoro@0: 				statement.textContent = this.statement;
giuliomoro@0: 				node.appendChild(statement);
giuliomoro@0:                 if (this.type != "statement") {
giuliomoro@0:                     node.id = this.id;
giuliomoro@0:                     if (this.name != undefined) { node.setAttribute("name",this.name);}
giuliomoro@0:                     if (this.mandatory != undefined) { node.setAttribute("mandatory",this.mandatory);}
giuliomoro@0:                     switch(this.type)
giuliomoro@0:                     {
giuliomoro@0:                     case "question":
giuliomoro@0:                         if (this.boxsize != undefined) {node.setAttribute("boxsize",this.boxsize);}
giuliomoro@0:                         break;
giuliomoro@0:                     case "number":
giuliomoro@0:                         if (this.min != undefined) {node.setAttribute("min", this.min);}
giuliomoro@0:                         if (this.max != undefined) {node.setAttribute("max", this.max);}
giuliomoro@0:                         break;
giuliomoro@0:                     case "checkbox":
giuliomoro@0:                     case "radio":
giuliomoro@0:                         for (var i=0; i<this.options.length; i++)
giuliomoro@0:                         {
giuliomoro@0:                             var option = this.options[i];
giuliomoro@0:                             var optionNode = doc.createElement("option");
giuliomoro@0:                             optionNode.setAttribute("name",option.name);
giuliomoro@0:                             optionNode.textContent = option.text;
giuliomoro@0:                             node.appendChild(optionNode);
giuliomoro@0:                         }
giuliomoro@0:                         break;
giuliomoro@0:                     }
giuliomoro@0:                 }
giuliomoro@0: 				return node;
giuliomoro@0: 			};
giuliomoro@0: 		};
giuliomoro@0: 		this.decode = function(parent,xml) {
giuliomoro@0: 			this.location = xml.getAttribute('location');
giuliomoro@0: 			if (this.location == 'before'){this.location = 'pre';}
giuliomoro@0: 			else if (this.location == 'after'){this.location = 'post';}
giuliomoro@0: 			for (var i in xml.children)
giuliomoro@0: 			{
giuliomoro@0: 				if(isNaN(Number(i))==true){break;}
giuliomoro@0: 				var node = new this.OptionNode();
giuliomoro@0: 				node.decode(parent,xml.children[i]);
giuliomoro@0: 				this.options.push(node);
giuliomoro@0: 			}
giuliomoro@0: 		};
giuliomoro@0: 		this.encode = function(doc) {
giuliomoro@0: 			var node = doc.createElement('survey');
giuliomoro@0: 			node.setAttribute('location',this.location);
giuliomoro@0: 			for (var i=0; i<this.options.length; i++)
giuliomoro@0: 			{
giuliomoro@0: 				node.appendChild(this.options[i].exportXML(doc));
giuliomoro@0: 			}
giuliomoro@0: 			return node;
giuliomoro@0: 		};
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.interfaceNode = function()
giuliomoro@0: 	{
giuliomoro@0: 		this.title = null;
giuliomoro@0: 		this.name = null;
giuliomoro@0: 		this.options = [];
giuliomoro@0: 		this.scales = [];
giuliomoro@0: 		this.schema = specification.schema.getAllElementsByName('interface')[1];
giuliomoro@0: 		
giuliomoro@0: 		this.decode = function(parent,xml) {
giuliomoro@0: 			this.name = xml.getAttribute('name');
giuliomoro@0: 			var titleNode = xml.getElementsByTagName('title');
giuliomoro@0: 			if (titleNode.length == 1)
giuliomoro@0: 			{
giuliomoro@0: 				this.title = titleNode[0].textContent;
giuliomoro@0: 			}
giuliomoro@0: 			var interfaceOptionNodes = xml.getElementsByTagName('interfaceoption');
giuliomoro@0: 			// Extract interfaceoption node schema
giuliomoro@0: 			var interfaceOptionNodeSchema = this.schema.getAllElementsByName('interfaceoption')[0];
giuliomoro@0: 			var attributeMap = interfaceOptionNodeSchema.getAllElementsByTagName('xs:attribute');
giuliomoro@0: 			for (var i=0; i<interfaceOptionNodes.length; i++)
giuliomoro@0: 			{
giuliomoro@0: 				var ioNode = interfaceOptionNodes[i];
giuliomoro@0: 				var option = {};
giuliomoro@0: 				for (var j=0; j<attributeMap.length; j++)
giuliomoro@0: 				{
giuliomoro@0: 					var attributeName = attributeMap[j].getAttribute('name') || attributeMap[j].getAttribute('ref');
giuliomoro@0: 					var projectAttr = ioNode.getAttribute(attributeName);
giuliomoro@0: 					projectAttr = parent.processAttribute(projectAttr,attributeMap[j]);
giuliomoro@0: 					switch(typeof projectAttr)
giuliomoro@0: 					{
giuliomoro@0: 					case "number":
giuliomoro@0: 					case "boolean":
giuliomoro@0: 						eval('option.'+attributeName+' = '+projectAttr);
giuliomoro@0: 						break;
giuliomoro@0: 					case "string":
giuliomoro@0: 						eval('option.'+attributeName+' = "'+projectAttr+'"');
giuliomoro@0: 						break;
giuliomoro@0: 					}
giuliomoro@0: 				}
giuliomoro@0: 				this.options.push(option);
giuliomoro@0: 			}
giuliomoro@0: 			
giuliomoro@0: 			// Now the scales nodes
giuliomoro@0: 			var scaleParent = xml.getElementsByTagName('scales');
giuliomoro@0: 			if (scaleParent.length == 1) {
giuliomoro@0: 				scaleParent = scaleParent[0];
giuliomoro@0: 				for (var i=0; i<scaleParent.children.length; i++) {
giuliomoro@0: 					var child = scaleParent.children[i];
giuliomoro@0: 					this.scales.push({
giuliomoro@0: 						text: child.textContent,
giuliomoro@0: 						position: Number(child.getAttribute('position'))
giuliomoro@0: 					});
giuliomoro@0: 				}
giuliomoro@0: 			}
giuliomoro@0: 		};
giuliomoro@0: 		
giuliomoro@0: 		this.encode = function(doc) {
giuliomoro@0: 			var node = doc.createElement("interface");
giuliomoro@0:             if (typeof name == "string")
giuliomoro@0:                 node.setAttribute("name",this.name);
giuliomoro@0:             for (var option of this.options)
giuliomoro@0:             {
giuliomoro@0:                 var child = doc.createElement("interfaceoption");
giuliomoro@0:                 child.setAttribute("type",option.type);
giuliomoro@0:                 child.setAttribute("name",option.name);
giuliomoro@0:                 node.appendChild(child);
giuliomoro@0:             }
giuliomoro@0:             if (this.scales.length != 0) {
giuliomoro@0:                 var scales = doc.createElement("scales");
giuliomoro@0:                 for (var scale of this.scales)
giuliomoro@0:                 {
giuliomoro@0:                     var child = doc.createElement("scalelabel");
giuliomoro@0:                     child.setAttribute("position",scale.position);
giuliomoro@0:                     child.textContent = scale.text;
giuliomoro@0:                     scales.appendChild(child);
giuliomoro@0:                 }
giuliomoro@0:                 node.appendChild(scales);
giuliomoro@0:             }
giuliomoro@0:             return node;
giuliomoro@0: 		};
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0:     this.metricNode = function() {
giuliomoro@0:         this.enabled = [];
giuliomoro@0:         this.decode = function(parent, xml) {
giuliomoro@0:             var children = xml.getElementsByTagName('metricenable');
giuliomoro@0:             for (var i in children) { 
giuliomoro@0:                 if (isNaN(Number(i)) == true){break;}
giuliomoro@0:                 this.enabled.push(children[i].textContent);
giuliomoro@0:             }
giuliomoro@0:         }
giuliomoro@0:         this.encode = function(doc) {
giuliomoro@0:             var node = doc.createElement('metric');
giuliomoro@0:             for (var i in this.enabled)
giuliomoro@0:             {
giuliomoro@0:                 if (isNaN(Number(i)) == true){break;}
giuliomoro@0:                 var child = doc.createElement('metricenable');
giuliomoro@0:                 child.textContent = this.enabled[i];
giuliomoro@0:                 node.appendChild(child);
giuliomoro@0:             }
giuliomoro@0:             return node;
giuliomoro@0:         }
giuliomoro@0:     }
giuliomoro@0:     
giuliomoro@0: 	this.page = function() {
giuliomoro@0: 		this.presentedId = undefined;
giuliomoro@0: 		this.id = undefined;
giuliomoro@0: 		this.hostURL = undefined;
giuliomoro@0: 		this.randomiseOrder = undefined;
giuliomoro@0: 		this.loop = undefined;
giuliomoro@0: 		this.showElementComments = undefined;
giuliomoro@0: 		this.outsideReference = null;
giuliomoro@0: 		this.loudness = null;
giuliomoro@0:         this.label = null;
giuliomoro@0: 		this.preTest = null;
giuliomoro@0: 		this.postTest = null;
giuliomoro@0: 		this.interfaces = [];
giuliomoro@0: 		this.commentBoxPrefix = "Comment on track";
giuliomoro@0: 		this.audioElements = [];
giuliomoro@0: 		this.commentQuestions = [];
giuliomoro@0: 		this.schema = specification.schema.getAllElementsByName("page")[0];
giuliomoro@0: 		
giuliomoro@0: 		this.decode = function(parent,xml)
giuliomoro@0: 		{
giuliomoro@0: 			var attributeMap = this.schema.getAllElementsByTagName('xs:attribute');
giuliomoro@0: 			for (var i=0; i<attributeMap.length; i++)
giuliomoro@0: 			{
giuliomoro@0: 				var attributeName = attributeMap[i].getAttribute('name') || attributeMap[i].getAttribute('ref');
giuliomoro@0: 				var projectAttr = xml.getAttribute(attributeName);
giuliomoro@0: 				projectAttr = parent.processAttribute(projectAttr,attributeMap[i]);
giuliomoro@0: 				switch(typeof projectAttr)
giuliomoro@0: 				{
giuliomoro@0: 				case "number":
giuliomoro@0: 				case "boolean":
giuliomoro@0: 					eval('this.'+attributeName+' = '+projectAttr);
giuliomoro@0: 					break;
giuliomoro@0: 				case "string":
giuliomoro@0: 					eval('this.'+attributeName+' = "'+projectAttr+'"');
giuliomoro@0: 					break;
giuliomoro@0: 				}
giuliomoro@0: 			}
giuliomoro@0: 			
giuliomoro@0: 			// Get the Comment Box Prefix
giuliomoro@0: 			var CBP = xml.getElementsByTagName('commentboxprefix');
giuliomoro@0: 			if (CBP.length != 0) {
giuliomoro@0: 				this.commentBoxPrefix = CBP[0].textContent;
giuliomoro@0: 			}
giuliomoro@0: 			
giuliomoro@0: 			// Now decode the interfaces
giuliomoro@0: 			var interfaceNode = xml.getElementsByTagName('interface');
giuliomoro@0: 			for (var i=0; i<interfaceNode.length; i++)
giuliomoro@0: 			{
giuliomoro@0: 				var node = new parent.interfaceNode();
giuliomoro@0: 				node.decode(this,interfaceNode[i],parent.schema.getAllElementsByName('interface')[1]);
giuliomoro@0: 				this.interfaces.push(node);
giuliomoro@0: 			}
giuliomoro@0: 			
giuliomoro@0: 			// Now process the survey node options
giuliomoro@0: 			var survey = xml.getElementsByTagName('survey');
giuliomoro@0: 			var surveySchema = parent.schema.getAllElementsByName('survey')[0];
giuliomoro@0: 			for (var i in survey) {
giuliomoro@0: 				if (isNaN(Number(i)) == true){break;}
giuliomoro@0: 				var location = survey[i].getAttribute('location');
giuliomoro@0: 				if (location == 'pre' || location == 'before')
giuliomoro@0: 				{
giuliomoro@0: 					if (this.preTest != null){this.errors.push("Already a pre/before test survey defined! Ignoring second!!");}
giuliomoro@0: 					else {
giuliomoro@0: 						this.preTest = new parent.surveyNode();
giuliomoro@0: 						this.preTest.decode(parent,survey[i],surveySchema);
giuliomoro@0: 					}
giuliomoro@0: 				} else if (location == 'post' || location == 'after') {
giuliomoro@0: 					if (this.postTest != null){this.errors.push("Already a post/after test survey defined! Ignoring second!!");}
giuliomoro@0: 					else {
giuliomoro@0: 						this.postTest = new parent.surveyNode();
giuliomoro@0: 						this.postTest.decode(parent,survey[i],surveySchema);
giuliomoro@0: 					}
giuliomoro@0: 				}
giuliomoro@0: 			}
giuliomoro@0: 			
giuliomoro@0: 			// Now process the audioelement tags
giuliomoro@0: 			var audioElements = xml.getElementsByTagName('audioelement');
giuliomoro@0: 			for (var i=0; i<audioElements.length; i++)
giuliomoro@0: 			{
giuliomoro@0: 				var node = new this.audioElementNode();
giuliomoro@0: 				node.decode(this,audioElements[i]);
giuliomoro@0: 				this.audioElements.push(node);
giuliomoro@0: 			}
giuliomoro@0: 			
giuliomoro@0: 			// Now decode the commentquestions
giuliomoro@0: 			var commentQuestions = xml.getElementsByTagName('commentquestion');
giuliomoro@0: 			for (var i=0; i<commentQuestions.length; i++)
giuliomoro@0: 			{
giuliomoro@0: 				var node = new this.commentQuestionNode();
giuliomoro@0: 				node.decode(parent,commentQuestions[i]);
giuliomoro@0: 				this.commentQuestions.push(node);
giuliomoro@0: 			}
giuliomoro@0: 		};
giuliomoro@0: 		
giuliomoro@0: 		this.encode = function(root)
giuliomoro@0: 		{
giuliomoro@0: 			var AHNode = root.createElement("page");
giuliomoro@0:             // First decode the attributes
giuliomoro@0:             var attributes = this.schema.getAllElementsByTagName('xs:attribute');
giuliomoro@0:             for (var i=0; i<attributes.length; i++)
giuliomoro@0:             {
giuliomoro@0:                 var name = attributes[i].getAttribute("name");
giuliomoro@0:                 if (name == undefined) {
giuliomoro@0:                     name = attributes[i].getAttribute("ref");
giuliomoro@0:                 }
giuliomoro@0:                 if(eval("this."+name+" != undefined") || attributes[i].getAttribute("use") == "required")
giuliomoro@0:                 {
giuliomoro@0:                     eval("AHNode.setAttribute('"+name+"',this."+name+")");
giuliomoro@0:                 }
giuliomoro@0:             }
giuliomoro@0: 			if(this.loudness != null) {AHNode.setAttribute("loudness",this.loudness);}
giuliomoro@0:             // <commentboxprefix>
giuliomoro@0:             var commentboxprefix = root.createElement("commentboxprefix");
giuliomoro@0:             commentboxprefix.textContent = this.commentBoxPrefix;
giuliomoro@0:             AHNode.appendChild(commentboxprefix);
giuliomoro@0:             
giuliomoro@0: 			for (var i=0; i<this.interfaces.length; i++)
giuliomoro@0: 			{
giuliomoro@0: 				AHNode.appendChild(this.interfaces[i].encode(root));
giuliomoro@0: 			}
giuliomoro@0: 			
giuliomoro@0: 			for (var i=0; i<this.audioElements.length; i++) {
giuliomoro@0: 				AHNode.appendChild(this.audioElements[i].encode(root));
giuliomoro@0: 			}
giuliomoro@0: 			// Create <CommentQuestion>
giuliomoro@0: 			for (var i=0; i<this.commentQuestions.length; i++)
giuliomoro@0: 			{
giuliomoro@0: 				AHNode.appendChild(this.commentQuestions[i].encode(root));
giuliomoro@0: 			}
giuliomoro@0: 			
giuliomoro@0: 			AHNode.appendChild(this.preTest.encode(root));
giuliomoro@0:             AHNode.appendChild(this.postTest.encode(root));
giuliomoro@0: 			return AHNode;
giuliomoro@0: 		};
giuliomoro@0: 		
giuliomoro@0: 		this.commentQuestionNode = function() {
giuliomoro@0: 			this.id = null;
giuliomoro@0:             this.name = undefined;
giuliomoro@0: 			this.type = undefined;
giuliomoro@0: 			this.options = [];
giuliomoro@0: 			this.statement = undefined;
giuliomoro@0: 			this.schema = specification.schema.getAllElementsByName('commentquestion')[0];
giuliomoro@0: 			this.decode = function(parent,xml)
giuliomoro@0: 			{
giuliomoro@0: 				this.id = xml.id;
giuliomoro@0:                 this.name = xml.getAttribute('name');
giuliomoro@0: 				this.type = xml.getAttribute('type');
giuliomoro@0: 				this.statement = xml.getElementsByTagName('statement')[0].textContent;
giuliomoro@0: 				var optNodes = xml.getElementsByTagName('option');
giuliomoro@0: 				for (var i=0; i<optNodes.length; i++)
giuliomoro@0: 				{
giuliomoro@0: 					var optNode = optNodes[i];
giuliomoro@0: 					this.options.push({
giuliomoro@0: 						name: optNode.getAttribute('name'),
giuliomoro@0: 						text: optNode.textContent
giuliomoro@0: 					});
giuliomoro@0: 				}
giuliomoro@0: 			};
giuliomoro@0: 			
giuliomoro@0: 			this.encode = function(root)
giuliomoro@0: 			{
giuliomoro@0: 				var node = root.createElement("commentquestion");
giuliomoro@0:                 node.id = this.id;
giuliomoro@0:                 node.setAttribute("type",this.type);
giuliomoro@0:                 if (this.name != undefined){node.setAttribute("name",this.name);}
giuliomoro@0:                 var statement = root.createElement("statement");
giuliomoro@0:                 statement.textContent = this.statement;
giuliomoro@0:                 node.appendChild(statement);
giuliomoro@0:                 for (var option of this.options)
giuliomoro@0:                 {
giuliomoro@0:                     var child = root.createElement("option");
giuliomoro@0:                     child.setAttribute("name",option.name);
giuliomoro@0:                     child.textContent = option.text;
giuliomoro@0:                     node.appendChild(child);
giuliomoro@0:                 }
giuliomoro@0:                 return node;
giuliomoro@0: 			};
giuliomoro@0: 		};
giuliomoro@0: 		
giuliomoro@0: 		this.audioElementNode = function() {
giuliomoro@0: 			this.url = null;
giuliomoro@0: 			this.id = null;
giuliomoro@0:             this.name = null;
giuliomoro@0: 			this.parent = null;
giuliomoro@0: 			this.type = null;
giuliomoro@0: 			this.marker = null;
giuliomoro@0: 			this.enforce = false;
giuliomoro@0: 			this.gain = 0.0;
giuliomoro@0: 			this.schema = specification.schema.getAllElementsByName('audioelement')[0];;
giuliomoro@0: 			this.parent = null;
giuliomoro@0: 			this.decode = function(parent,xml)
giuliomoro@0: 			{
giuliomoro@0: 				this.parent = parent;
giuliomoro@0: 				var attributeMap = this.schema.getAllElementsByTagName('xs:attribute');
giuliomoro@0: 				for (var i=0; i<attributeMap.length; i++)
giuliomoro@0: 				{
giuliomoro@0: 					var attributeName = attributeMap[i].getAttribute('name') || attributeMap[i].getAttribute('ref');
giuliomoro@0: 					var projectAttr = xml.getAttribute(attributeName);
giuliomoro@0: 					projectAttr = specification.processAttribute(projectAttr,attributeMap[i]);
giuliomoro@0: 					switch(typeof projectAttr)
giuliomoro@0: 					{
giuliomoro@0: 					case "number":
giuliomoro@0: 					case "boolean":
giuliomoro@0: 						eval('this.'+attributeName+' = '+projectAttr);
giuliomoro@0: 						break;
giuliomoro@0: 					case "string":
giuliomoro@0: 						eval('this.'+attributeName+' = "'+projectAttr+'"');
giuliomoro@0: 						break;
giuliomoro@0: 					}
giuliomoro@0: 				}
giuliomoro@0: 				
giuliomoro@0: 			};
giuliomoro@0: 			this.encode = function(root)
giuliomoro@0: 			{
giuliomoro@0: 				var AENode = root.createElement("audioelement");
giuliomoro@0: 				var attributes = this.schema.getAllElementsByTagName('xs:attribute');
giuliomoro@0:                 for (var i=0; i<attributes.length; i++)
giuliomoro@0:                 {
giuliomoro@0:                     var name = attributes[i].getAttribute("name");
giuliomoro@0:                     if (name == undefined) {
giuliomoro@0:                         name = attributes[i].getAttribute("ref");
giuliomoro@0:                     }
giuliomoro@0:                     if(eval("this."+name+" != undefined") || attributes[i].getAttribute("use") == "required")
giuliomoro@0:                     {
giuliomoro@0:                         eval("AENode.setAttribute('"+name+"',this."+name+")");
giuliomoro@0:                     }
giuliomoro@0:                 }
giuliomoro@0: 				return AENode;
giuliomoro@0: 			};
giuliomoro@0: 		};
giuliomoro@0: 	};
giuliomoro@0: }
giuliomoro@0: 			
giuliomoro@0: function Interface(specificationObject) {
giuliomoro@0: 	// This handles the bindings between the interface and the audioEngineContext;
giuliomoro@0: 	this.specification = specificationObject;
giuliomoro@0: 	this.insertPoint = document.getElementById("topLevelBody");
giuliomoro@0: 	
giuliomoro@0: 	this.newPage = function(audioHolderObject,store)
giuliomoro@0: 	{
giuliomoro@0: 		audioEngineContext.newTestPage(audioHolderObject,store);
giuliomoro@0: 		interfaceContext.commentBoxes.deleteCommentBoxes();
giuliomoro@0: 		interfaceContext.deleteCommentQuestions();
giuliomoro@0: 		loadTest(audioHolderObject,store);
giuliomoro@0: 		if(audioHolderObject.hidden === true){ 
giuliomoro@0: 		// work-around to have zero pages: set only one page with the attribute hidden=true and 
giuliomoro@0: 		// it will automatically skip over.
giuliomoro@0: 			testState.advanceState();
giuliomoro@0: 		}
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	// Bounded by interface!!
giuliomoro@0: 	// Interface object MUST have an exportXMLDOM method which returns the various DOM levels
giuliomoro@0: 	// For example, APE returns  the slider position normalised in a <value> tag.
giuliomoro@0: 	this.interfaceObjects = [];
giuliomoro@0: 	this.interfaceObject = function(){};
giuliomoro@0: 	
giuliomoro@0: 	this.resizeWindow = function(event)
giuliomoro@0: 	{
giuliomoro@0: 		popup.resize(event);
giuliomoro@0: 		for(var i=0; i<this.commentBoxes.length; i++)
giuliomoro@0: 		{this.commentBoxes[i].resize();}
giuliomoro@0: 		for(var i=0; i<this.commentQuestions.length; i++)
giuliomoro@0: 		{this.commentQuestions[i].resize();}
giuliomoro@0: 		try
giuliomoro@0: 		{
giuliomoro@0: 			resizeWindow(event);
giuliomoro@0: 		}
giuliomoro@0: 		catch(err)
giuliomoro@0: 		{
giuliomoro@0: 			console.log("Warning - Interface does not have Resize option");
giuliomoro@0: 			console.log(err);
giuliomoro@0: 		}
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.returnNavigator = function()
giuliomoro@0: 	{
giuliomoro@0: 		var node = storage.document.createElement("navigator");
giuliomoro@0: 		var platform = storage.document.createElement("platform");
giuliomoro@0: 		platform.textContent = navigator.platform;
giuliomoro@0: 		var vendor = storage.document.createElement("vendor");
giuliomoro@0: 		vendor.textContent = navigator.vendor;
giuliomoro@0: 		var userAgent = storage.document.createElement("uagent");
giuliomoro@0: 		userAgent.textContent = navigator.userAgent;
giuliomoro@0:         var screen = storage.document.createElement("window");
giuliomoro@0:         screen.setAttribute('innerWidth',window.innerWidth);
giuliomoro@0:         screen.setAttribute('innerHeight',window.innerHeight);
giuliomoro@0: 		node.appendChild(platform);
giuliomoro@0: 		node.appendChild(vendor);
giuliomoro@0: 		node.appendChild(userAgent);
giuliomoro@0:         node.appendChild(screen);
giuliomoro@0: 		return node;
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.commentBoxes = new function() {
giuliomoro@0:         this.boxes = [];
giuliomoro@0:         this.injectPoint = null;
giuliomoro@0:         this.elementCommentBox = function(audioObject) {
giuliomoro@0:             var element = audioObject.specification;
giuliomoro@0:             this.audioObject = audioObject;
giuliomoro@0:             this.id = audioObject.id;
giuliomoro@0:             var audioHolderObject = audioObject.specification.parent;
giuliomoro@0:             // Create document objects to hold the comment boxes
giuliomoro@0:             this.trackComment = document.createElement('div');
giuliomoro@0:             this.trackComment.className = 'comment-div';
giuliomoro@0:             this.trackComment.id = 'comment-div-'+audioObject.id;
giuliomoro@0:             // Create a string next to each comment asking for a comment
giuliomoro@0:             this.trackString = document.createElement('span');
giuliomoro@0:             this.trackString.innerHTML = audioHolderObject.commentBoxPrefix+' '+audioObject.interfaceDOM.getPresentedId();
giuliomoro@0:             // Create the HTML5 comment box 'textarea'
giuliomoro@0:             this.trackCommentBox = document.createElement('textarea');
giuliomoro@0:             this.trackCommentBox.rows = '4';
giuliomoro@0:             this.trackCommentBox.cols = '100';
giuliomoro@0:             this.trackCommentBox.name = 'trackComment'+audioObject.id;
giuliomoro@0:             this.trackCommentBox.className = 'trackComment';
giuliomoro@0:             var br = document.createElement('br');
giuliomoro@0:             // Add to the holder.
giuliomoro@0:             this.trackComment.appendChild(this.trackString);
giuliomoro@0:             this.trackComment.appendChild(br);
giuliomoro@0:             this.trackComment.appendChild(this.trackCommentBox);
giuliomoro@0: 
giuliomoro@0:             this.exportXMLDOM = function() {
giuliomoro@0:                 var root = document.createElement('comment');
giuliomoro@0:                 var question = document.createElement('question');
giuliomoro@0:                 question.textContent = this.trackString.textContent;
giuliomoro@0:                 var response = document.createElement('response');
giuliomoro@0:                 response.textContent = this.trackCommentBox.value;
giuliomoro@0:                 console.log("Comment frag-"+this.id+": "+response.textContent);
giuliomoro@0:                 root.appendChild(question);
giuliomoro@0:                 root.appendChild(response);
giuliomoro@0:                 return root;
giuliomoro@0:             };
giuliomoro@0:             this.resize = function()
giuliomoro@0:             {
giuliomoro@0:                 var boxwidth = (window.innerWidth-100)/2;
giuliomoro@0:                 if (boxwidth >= 600)
giuliomoro@0:                 {
giuliomoro@0:                     boxwidth = 600;
giuliomoro@0:                 }
giuliomoro@0:                 else if (boxwidth < 400)
giuliomoro@0:                 {
giuliomoro@0:                     boxwidth = 400;
giuliomoro@0:                 }
giuliomoro@0:                 this.trackComment.style.width = boxwidth+"px";
giuliomoro@0:                 this.trackCommentBox.style.width = boxwidth-6+"px";
giuliomoro@0:             };
giuliomoro@0:             this.resize();
giuliomoro@0:         };
giuliomoro@0:         this.createCommentBox = function(audioObject) {
giuliomoro@0:             var node = new this.elementCommentBox(audioObject);
giuliomoro@0:             this.boxes.push(node);
giuliomoro@0:             audioObject.commentDOM = node;
giuliomoro@0:             return node;
giuliomoro@0:         };
giuliomoro@0:         this.sortCommentBoxes = function() {
giuliomoro@0:             this.boxes.sort(function(a,b){return a.id - b.id;});
giuliomoro@0:         };
giuliomoro@0: 
giuliomoro@0:         this.showCommentBoxes = function(inject, sort) {
giuliomoro@0:             this.injectPoint = inject;
giuliomoro@0:             if (sort) {this.sortCommentBoxes();}
giuliomoro@0:             for (var box of this.boxes) {
giuliomoro@0:                 inject.appendChild(box.trackComment);
giuliomoro@0:             }
giuliomoro@0:         };
giuliomoro@0: 
giuliomoro@0:         this.deleteCommentBoxes = function() {
giuliomoro@0:             if (this.injectPoint != null) {
giuliomoro@0:                 for (var box of this.boxes) {
giuliomoro@0:                     this.injectPoint.removeChild(box.trackComment);
giuliomoro@0:                 }
giuliomoro@0:                 this.injectPoint = null;
giuliomoro@0:             }
giuliomoro@0:             this.boxes = [];
giuliomoro@0:         };
giuliomoro@0:     }
giuliomoro@0: 	
giuliomoro@0: 	this.commentQuestions = [];
giuliomoro@0: 	
giuliomoro@0: 	this.commentBox = function(commentQuestion) {
giuliomoro@0: 		this.specification = commentQuestion;
giuliomoro@0: 		// Create document objects to hold the comment boxes
giuliomoro@0: 		this.holder = document.createElement('div');
giuliomoro@0: 		this.holder.className = 'comment-div';
giuliomoro@0: 		// Create a string next to each comment asking for a comment
giuliomoro@0: 		this.string = document.createElement('span');
giuliomoro@0: 		this.string.innerHTML = commentQuestion.statement;
giuliomoro@0: 		// Create the HTML5 comment box 'textarea'
giuliomoro@0: 		this.textArea = document.createElement('textarea');
giuliomoro@0: 		this.textArea.rows = '4';
giuliomoro@0: 		this.textArea.cols = '100';
giuliomoro@0: 		this.textArea.className = 'trackComment';
giuliomoro@0: 		var br = document.createElement('br');
giuliomoro@0: 		// Add to the holder.
giuliomoro@0: 		this.holder.appendChild(this.string);
giuliomoro@0: 		this.holder.appendChild(br);
giuliomoro@0: 		this.holder.appendChild(this.textArea);
giuliomoro@0: 		
giuliomoro@0: 		this.exportXMLDOM = function(storePoint) {
giuliomoro@0: 			var root = storePoint.parent.document.createElement('comment');
giuliomoro@0: 			root.id = this.specification.id;
giuliomoro@0: 			root.setAttribute('type',this.specification.type);
giuliomoro@0: 			console.log("Question: "+this.string.textContent);
giuliomoro@0: 			console.log("Response: "+root.textContent);
giuliomoro@0:             var question = storePoint.parent.document.createElement('question');
giuliomoro@0:             question.textContent = this.string.textContent;
giuliomoro@0:             var response = storePoint.parent.document.createElement('response');
giuliomoro@0:             response.textContent = this.textArea.value;
giuliomoro@0:             root.appendChild(question);
giuliomoro@0:             root.appendChild(response);
giuliomoro@0:             storePoint.XMLDOM.appendChild(root);
giuliomoro@0: 			return root;
giuliomoro@0: 		};
giuliomoro@0: 		this.resize = function()
giuliomoro@0: 		{
giuliomoro@0: 			var boxwidth = (window.innerWidth-100)/2;
giuliomoro@0: 			if (boxwidth >= 600)
giuliomoro@0: 			{
giuliomoro@0: 				boxwidth = 600;
giuliomoro@0: 			}
giuliomoro@0: 			else if (boxwidth < 400)
giuliomoro@0: 			{
giuliomoro@0: 				boxwidth = 400;
giuliomoro@0: 			}
giuliomoro@0: 			this.holder.style.width = boxwidth+"px";
giuliomoro@0: 			this.textArea.style.width = boxwidth-6+"px";
giuliomoro@0: 		};
giuliomoro@0: 		this.resize();
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.radioBox = function(commentQuestion) {
giuliomoro@0: 		this.specification = commentQuestion;
giuliomoro@0: 		// Create document objects to hold the comment boxes
giuliomoro@0: 		this.holder = document.createElement('div');
giuliomoro@0: 		this.holder.className = 'comment-div';
giuliomoro@0: 		// Create a string next to each comment asking for a comment
giuliomoro@0: 		this.string = document.createElement('span');
giuliomoro@0: 		this.string.innerHTML = commentQuestion.statement;
giuliomoro@0: 		var br = document.createElement('br');
giuliomoro@0: 		// Add to the holder.
giuliomoro@0: 		this.holder.appendChild(this.string);
giuliomoro@0: 		this.holder.appendChild(br);
giuliomoro@0: 		this.options = [];
giuliomoro@0: 		this.inputs = document.createElement('div');
giuliomoro@0: 		this.span = document.createElement('div');
giuliomoro@0: 		this.inputs.align = 'center';
giuliomoro@0: 		this.inputs.style.marginLeft = '12px';
giuliomoro@0: 		this.span.style.marginLeft = '12px';
giuliomoro@0: 		this.span.align = 'center';
giuliomoro@0: 		this.span.style.marginTop = '15px';
giuliomoro@0: 		
giuliomoro@0: 		var optCount = commentQuestion.options.length;
giuliomoro@0: 		for (var optNode of commentQuestion.options)
giuliomoro@0: 		{
giuliomoro@0: 			var div = document.createElement('div');
giuliomoro@0: 			div.style.width = '80px';
giuliomoro@0: 			div.style.float = 'left';
giuliomoro@0: 			var input = document.createElement('input');
giuliomoro@0: 			input.type = 'radio';
giuliomoro@0: 			input.name = commentQuestion.id;
giuliomoro@0: 			input.setAttribute('setvalue',optNode.name);
giuliomoro@0: 			input.className = 'comment-radio';
giuliomoro@0: 			div.appendChild(input);
giuliomoro@0: 			this.inputs.appendChild(div);
giuliomoro@0: 			
giuliomoro@0: 			
giuliomoro@0: 			div = document.createElement('div');
giuliomoro@0: 			div.style.width = '80px';
giuliomoro@0: 			div.style.float = 'left';
giuliomoro@0: 			div.align = 'center';
giuliomoro@0: 			var span = document.createElement('span');
giuliomoro@0: 			span.textContent = optNode.text;
giuliomoro@0: 			span.className = 'comment-radio-span';
giuliomoro@0: 			div.appendChild(span);
giuliomoro@0: 			this.span.appendChild(div);
giuliomoro@0: 			this.options.push(input);
giuliomoro@0: 		}
giuliomoro@0: 		this.holder.appendChild(this.span);
giuliomoro@0: 		this.holder.appendChild(this.inputs);
giuliomoro@0: 		
giuliomoro@0: 		this.exportXMLDOM = function(storePoint) {
giuliomoro@0: 			var root = storePoint.parent.document.createElement('comment');
giuliomoro@0: 			root.id = this.specification.id;
giuliomoro@0: 			root.setAttribute('type',this.specification.type);
giuliomoro@0: 			var question = document.createElement('question');
giuliomoro@0: 			question.textContent = this.string.textContent;
giuliomoro@0: 			var response = document.createElement('response');
giuliomoro@0: 			var i=0;
giuliomoro@0: 			while(this.options[i].checked == false) {
giuliomoro@0: 				i++;
giuliomoro@0: 				if (i >= this.options.length) {
giuliomoro@0: 					break;
giuliomoro@0: 				}
giuliomoro@0: 			}
giuliomoro@0: 			if (i >= this.options.length) {
giuliomoro@0: 				response.textContent = 'null';
giuliomoro@0: 			} else {
giuliomoro@0: 				response.textContent = this.options[i].getAttribute('setvalue');
giuliomoro@0: 				response.setAttribute('number',i);
giuliomoro@0: 			}
giuliomoro@0: 			console.log('Comment: '+question.textContent);
giuliomoro@0: 			console.log('Response: '+response.textContent);
giuliomoro@0: 			root.appendChild(question);
giuliomoro@0: 			root.appendChild(response);
giuliomoro@0:             storePoint.XMLDOM.appendChild(root);
giuliomoro@0: 			return root;
giuliomoro@0: 		};
giuliomoro@0: 		this.resize = function()
giuliomoro@0: 		{
giuliomoro@0: 			var boxwidth = (window.innerWidth-100)/2;
giuliomoro@0: 			if (boxwidth >= 600)
giuliomoro@0: 			{
giuliomoro@0: 				boxwidth = 600;
giuliomoro@0: 			}
giuliomoro@0: 			else if (boxwidth < 400)
giuliomoro@0: 			{
giuliomoro@0: 				boxwidth = 400;
giuliomoro@0: 			}
giuliomoro@0: 			this.holder.style.width = boxwidth+"px";
giuliomoro@0: 			var text = this.holder.children[2];
giuliomoro@0: 			var options = this.holder.children[3];
giuliomoro@0: 			var optCount = options.children.length;
giuliomoro@0: 			var spanMargin = Math.floor(((boxwidth-20-(optCount*80))/(optCount))/2)+'px';
giuliomoro@0: 			var options = options.firstChild;
giuliomoro@0: 			var text = text.firstChild;
giuliomoro@0: 			options.style.marginRight = spanMargin;
giuliomoro@0: 			options.style.marginLeft = spanMargin;
giuliomoro@0: 			text.style.marginRight = spanMargin;
giuliomoro@0: 			text.style.marginLeft = spanMargin;
giuliomoro@0: 			while(options.nextSibling != undefined)
giuliomoro@0: 			{
giuliomoro@0: 				options = options.nextSibling;
giuliomoro@0: 				text = text.nextSibling;
giuliomoro@0: 				options.style.marginRight = spanMargin;
giuliomoro@0: 				options.style.marginLeft = spanMargin;
giuliomoro@0: 				text.style.marginRight = spanMargin;
giuliomoro@0: 				text.style.marginLeft = spanMargin;
giuliomoro@0: 			}
giuliomoro@0: 		};
giuliomoro@0: 		this.resize();
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.checkboxBox = function(commentQuestion) {
giuliomoro@0: 		this.specification = commentQuestion;
giuliomoro@0: 		// Create document objects to hold the comment boxes
giuliomoro@0: 		this.holder = document.createElement('div');
giuliomoro@0: 		this.holder.className = 'comment-div';
giuliomoro@0: 		// Create a string next to each comment asking for a comment
giuliomoro@0: 		this.string = document.createElement('span');
giuliomoro@0: 		this.string.innerHTML = commentQuestion.statement;
giuliomoro@0: 		var br = document.createElement('br');
giuliomoro@0: 		// Add to the holder.
giuliomoro@0: 		this.holder.appendChild(this.string);
giuliomoro@0: 		this.holder.appendChild(br);
giuliomoro@0: 		this.options = [];
giuliomoro@0: 		this.inputs = document.createElement('div');
giuliomoro@0: 		this.span = document.createElement('div');
giuliomoro@0: 		this.inputs.align = 'center';
giuliomoro@0: 		this.inputs.style.marginLeft = '12px';
giuliomoro@0: 		this.span.style.marginLeft = '12px';
giuliomoro@0: 		this.span.align = 'center';
giuliomoro@0: 		this.span.style.marginTop = '15px';
giuliomoro@0: 		
giuliomoro@0: 		var optCount = commentQuestion.options.length;
giuliomoro@0: 		for (var i=0; i<optCount; i++)
giuliomoro@0: 		{
giuliomoro@0: 			var div = document.createElement('div');
giuliomoro@0: 			div.style.width = '80px';
giuliomoro@0: 			div.style.float = 'left';
giuliomoro@0: 			var input = document.createElement('input');
giuliomoro@0: 			input.type = 'checkbox';
giuliomoro@0: 			input.name = commentQuestion.id;
giuliomoro@0: 			input.setAttribute('setvalue',commentQuestion.options[i].name);
giuliomoro@0: 			input.className = 'comment-radio';
giuliomoro@0: 			div.appendChild(input);
giuliomoro@0: 			this.inputs.appendChild(div);
giuliomoro@0: 			
giuliomoro@0: 			
giuliomoro@0: 			div = document.createElement('div');
giuliomoro@0: 			div.style.width = '80px';
giuliomoro@0: 			div.style.float = 'left';
giuliomoro@0: 			div.align = 'center';
giuliomoro@0: 			var span = document.createElement('span');
giuliomoro@0: 			span.textContent = commentQuestion.options[i].text;
giuliomoro@0: 			span.className = 'comment-radio-span';
giuliomoro@0: 			div.appendChild(span);
giuliomoro@0: 			this.span.appendChild(div);
giuliomoro@0: 			this.options.push(input);
giuliomoro@0: 		}
giuliomoro@0: 		this.holder.appendChild(this.span);
giuliomoro@0: 		this.holder.appendChild(this.inputs);
giuliomoro@0: 		
giuliomoro@0: 		this.exportXMLDOM = function(storePoint) {
giuliomoro@0: 			var root = storePoint.parent.document.createElement('comment');
giuliomoro@0: 			root.id = this.specification.id;
giuliomoro@0: 			root.setAttribute('type',this.specification.type);
giuliomoro@0: 			var question = document.createElement('question');
giuliomoro@0: 			question.textContent = this.string.textContent;
giuliomoro@0: 			root.appendChild(question);
giuliomoro@0: 			console.log('Comment: '+question.textContent);
giuliomoro@0: 			for (var i=0; i<this.options.length; i++) {
giuliomoro@0: 				var response = document.createElement('response');
giuliomoro@0: 				response.textContent = this.options[i].checked;
giuliomoro@0: 				response.setAttribute('name',this.options[i].getAttribute('setvalue'));
giuliomoro@0: 				root.appendChild(response);
giuliomoro@0: 				console.log('Response '+response.getAttribute('name') +': '+response.textContent);
giuliomoro@0: 			}
giuliomoro@0:             storePoint.XMLDOM.appendChild(root);
giuliomoro@0: 			return root;
giuliomoro@0: 		};
giuliomoro@0: 		this.resize = function()
giuliomoro@0: 		{
giuliomoro@0: 			var boxwidth = (window.innerWidth-100)/2;
giuliomoro@0: 			if (boxwidth >= 600)
giuliomoro@0: 			{
giuliomoro@0: 				boxwidth = 600;
giuliomoro@0: 			}
giuliomoro@0: 			else if (boxwidth < 400)
giuliomoro@0: 			{
giuliomoro@0: 				boxwidth = 400;
giuliomoro@0: 			}
giuliomoro@0: 			this.holder.style.width = boxwidth+"px";
giuliomoro@0: 			var text = this.holder.children[2];
giuliomoro@0: 			var options = this.holder.children[3];
giuliomoro@0: 			var optCount = options.children.length;
giuliomoro@0: 			var spanMargin = Math.floor(((boxwidth-20-(optCount*80))/(optCount))/2)+'px';
giuliomoro@0: 			var options = options.firstChild;
giuliomoro@0: 			var text = text.firstChild;
giuliomoro@0: 			options.style.marginRight = spanMargin;
giuliomoro@0: 			options.style.marginLeft = spanMargin;
giuliomoro@0: 			text.style.marginRight = spanMargin;
giuliomoro@0: 			text.style.marginLeft = spanMargin;
giuliomoro@0: 			while(options.nextSibling != undefined)
giuliomoro@0: 			{
giuliomoro@0: 				options = options.nextSibling;
giuliomoro@0: 				text = text.nextSibling;
giuliomoro@0: 				options.style.marginRight = spanMargin;
giuliomoro@0: 				options.style.marginLeft = spanMargin;
giuliomoro@0: 				text.style.marginRight = spanMargin;
giuliomoro@0: 				text.style.marginLeft = spanMargin;
giuliomoro@0: 			}
giuliomoro@0: 		};
giuliomoro@0: 		this.resize();
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.createCommentQuestion = function(element) {
giuliomoro@0: 		var node;
giuliomoro@0: 		if (element.type == 'question') {
giuliomoro@0: 			node = new this.commentBox(element);
giuliomoro@0: 		} else if (element.type == 'radio') {
giuliomoro@0: 			node = new this.radioBox(element);
giuliomoro@0: 		} else if (element.type == 'checkbox') {
giuliomoro@0: 			node = new this.checkboxBox(element);
giuliomoro@0: 		}
giuliomoro@0: 		this.commentQuestions.push(node);
giuliomoro@0: 		return node;
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.deleteCommentQuestions = function()
giuliomoro@0: 	{
giuliomoro@0: 		this.commentQuestions = [];
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.playhead = new function()
giuliomoro@0: 	{
giuliomoro@0: 		this.object = document.createElement('div');
giuliomoro@0: 		this.object.className = 'playhead';
giuliomoro@0: 		this.object.align = 'left';
giuliomoro@0: 		var curTime = document.createElement('div');
giuliomoro@0: 		curTime.style.width = '50px';
giuliomoro@0: 		this.curTimeSpan = document.createElement('span');
giuliomoro@0: 		this.curTimeSpan.textContent = '00:00';
giuliomoro@0: 		curTime.appendChild(this.curTimeSpan);
giuliomoro@0: 		this.object.appendChild(curTime);
giuliomoro@0: 		this.scrubberTrack = document.createElement('div');
giuliomoro@0: 		this.scrubberTrack.className = 'playhead-scrub-track';
giuliomoro@0: 		
giuliomoro@0: 		this.scrubberHead = document.createElement('div');
giuliomoro@0: 		this.scrubberHead.id = 'playhead-scrubber';
giuliomoro@0: 		this.scrubberTrack.appendChild(this.scrubberHead);
giuliomoro@0: 		this.object.appendChild(this.scrubberTrack);
giuliomoro@0: 		
giuliomoro@0: 		this.timePerPixel = 0;
giuliomoro@0: 		this.maxTime = 0;
giuliomoro@0: 		
giuliomoro@0: 		this.playbackObject;
giuliomoro@0: 		
giuliomoro@0: 		this.setTimePerPixel = function(audioObject) {
giuliomoro@0: 			//maxTime must be in seconds
giuliomoro@0: 			this.playbackObject = audioObject;
giuliomoro@0: 			this.maxTime = audioObject.buffer.buffer.duration;
giuliomoro@0: 			var width = 490; //500 - 10, 5 each side of the tracker head
giuliomoro@0: 			this.timePerPixel = this.maxTime/490;
giuliomoro@0: 			if (this.maxTime < 60) {
giuliomoro@0: 				this.curTimeSpan.textContent = '0.00';
giuliomoro@0: 			} else {
giuliomoro@0: 				this.curTimeSpan.textContent = '00:00';
giuliomoro@0: 			}
giuliomoro@0: 		};
giuliomoro@0: 		
giuliomoro@0: 		this.update = function() {
giuliomoro@0: 			// Update the playhead position, startPlay must be called
giuliomoro@0: 			if (this.timePerPixel > 0) {
giuliomoro@0: 				var time = this.playbackObject.getCurrentPosition();
giuliomoro@0: 				if (time > 0 && time < this.maxTime) {
giuliomoro@0: 					var width = 490;
giuliomoro@0: 					var pix = Math.floor(time/this.timePerPixel);
giuliomoro@0: 					this.scrubberHead.style.left = pix+'px';
giuliomoro@0: 					if (this.maxTime > 60.0) {
giuliomoro@0: 						var secs = time%60;
giuliomoro@0: 						var mins = Math.floor((time-secs)/60);
giuliomoro@0: 						secs = secs.toString();
giuliomoro@0: 						secs = secs.substr(0,2);
giuliomoro@0: 						mins = mins.toString();
giuliomoro@0: 						this.curTimeSpan.textContent = mins+':'+secs;
giuliomoro@0: 					} else {
giuliomoro@0: 						time = time.toString();
giuliomoro@0: 						this.curTimeSpan.textContent = time.substr(0,4);
giuliomoro@0: 					}
giuliomoro@0: 				} else {
giuliomoro@0: 					this.scrubberHead.style.left = '0px';
giuliomoro@0: 					if (this.maxTime < 60) {
giuliomoro@0: 						this.curTimeSpan.textContent = '0.00';
giuliomoro@0: 					} else {
giuliomoro@0: 						this.curTimeSpan.textContent = '00:00';
giuliomoro@0: 					}
giuliomoro@0: 				}
giuliomoro@0: 			}
giuliomoro@0: 		};
giuliomoro@0: 		
giuliomoro@0: 		this.interval = undefined;
giuliomoro@0: 		
giuliomoro@0: 		this.start = function() {
giuliomoro@0: 			if (this.playbackObject != undefined && this.interval == undefined) {
giuliomoro@0: 				if (this.maxTime < 60) {
giuliomoro@0: 					this.interval = setInterval(function(){interfaceContext.playhead.update();},10);
giuliomoro@0: 				} else {
giuliomoro@0: 					this.interval = setInterval(function(){interfaceContext.playhead.update();},100);
giuliomoro@0: 				}
giuliomoro@0: 			}
giuliomoro@0: 		};
giuliomoro@0: 		this.stop = function() {
giuliomoro@0: 			clearInterval(this.interval);
giuliomoro@0: 			this.interval = undefined;
giuliomoro@0:             this.scrubberHead.style.left = '0px';
giuliomoro@0: 			if (this.maxTime < 60) {
giuliomoro@0: 				this.curTimeSpan.textContent = '0.00';
giuliomoro@0: 			} else {
giuliomoro@0: 				this.curTimeSpan.textContent = '00:00';
giuliomoro@0: 			}
giuliomoro@0: 		};
giuliomoro@0: 	};
giuliomoro@0:     
giuliomoro@0:     this.volume = new function()
giuliomoro@0:     {
giuliomoro@0:         // An in-built volume module which can be viewed on page
giuliomoro@0:         // Includes trackers on page-by-page data
giuliomoro@0:         // Volume does NOT reset to 0dB on each page load
giuliomoro@0:         this.valueLin = 1.0;
giuliomoro@0:         this.valueDB = 0.0;
giuliomoro@0:         this.object = document.createElement('div');
giuliomoro@0:         this.object.id = 'master-volume-holder';
giuliomoro@0:         this.slider = document.createElement('input');
giuliomoro@0:         this.slider.id = 'master-volume-control';
giuliomoro@0:         this.slider.type = 'range';
giuliomoro@0:         this.valueText = document.createElement('span');
giuliomoro@0:         this.valueText.id = 'master-volume-feedback';
giuliomoro@0:         this.valueText.textContent = '0dB';
giuliomoro@0:         
giuliomoro@0:         this.slider.min = -60;
giuliomoro@0:         this.slider.max = 12;
giuliomoro@0:         this.slider.value = 0;
giuliomoro@0:         this.slider.step = 1;
giuliomoro@0:         this.slider.onmousemove = function(event)
giuliomoro@0:         {
giuliomoro@0:             interfaceContext.volume.valueDB = event.currentTarget.value;
giuliomoro@0:             interfaceContext.volume.valueLin = decibelToLinear(interfaceContext.volume.valueDB);
giuliomoro@0:             interfaceContext.volume.valueText.textContent = interfaceContext.volume.valueDB+'dB';
giuliomoro@0:             audioEngineContext.outputGain.gain.value = interfaceContext.volume.valueLin;
giuliomoro@0:         }
giuliomoro@0:         this.slider.onmouseup = function(event)
giuliomoro@0:         {
giuliomoro@0:             var storePoint = testState.currentStore.XMLDOM.getElementsByTagName('metric')[0].getAllElementsByName('volumeTracker');
giuliomoro@0:             if (storePoint.length == 0)
giuliomoro@0:             {
giuliomoro@0:                 storePoint = storage.document.createElement('metricresult');
giuliomoro@0:                 storePoint.setAttribute('name','volumeTracker');
giuliomoro@0:                 testState.currentStore.XMLDOM.getElementsByTagName('metric')[0].appendChild(storePoint);
giuliomoro@0:             }
giuliomoro@0:             else {
giuliomoro@0:                 storePoint = storePoint[0];
giuliomoro@0:             }
giuliomoro@0:             var node = storage.document.createElement('movement');
giuliomoro@0:             node.setAttribute('test-time',audioEngineContext.timer.getTestTime());
giuliomoro@0:             node.setAttribute('volume',interfaceContext.volume.valueDB);
giuliomoro@0:             node.setAttribute('format','dBFS');
giuliomoro@0:             storePoint.appendChild(node);
giuliomoro@0:         }
giuliomoro@0:         
giuliomoro@0:         var title = document.createElement('div');
giuliomoro@0:         title.innerHTML = '<span>Master Volume Control</span>';
giuliomoro@0:         title.style.fontSize = '0.75em';
giuliomoro@0:         title.style.width = "100%";
giuliomoro@0:         title.align = 'center';
giuliomoro@0:         this.object.appendChild(title);
giuliomoro@0:         
giuliomoro@0:         this.object.appendChild(this.slider);
giuliomoro@0:         this.object.appendChild(this.valueText);
giuliomoro@0:     }
giuliomoro@0: 	// Global Checkers
giuliomoro@0: 	// These functions will help enforce the checkers
giuliomoro@0: 	this.checkHiddenAnchor = function()
giuliomoro@0: 	{
giuliomoro@0: 		for (var ao of audioEngineContext.audioObjects)
giuliomoro@0: 		{
giuliomoro@0: 			if (ao.specification.type == "anchor")
giuliomoro@0: 			{
giuliomoro@0: 				if (ao.interfaceDOM.getValue() > (ao.specification.marker/100) && ao.specification.marker > 0) {
giuliomoro@0: 					// Anchor is not set below
giuliomoro@0: 					console.log('Anchor node not below marker value');
giuliomoro@0: 					alert('Please keep listening');
giuliomoro@0:                     this.storeErrorNode('Anchor node not below marker value');
giuliomoro@0: 					return false;
giuliomoro@0: 				}
giuliomoro@0: 			}
giuliomoro@0: 		}
giuliomoro@0: 		return true;
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.checkHiddenReference = function()
giuliomoro@0: 	{
giuliomoro@0: 		for (var ao of audioEngineContext.audioObjects)
giuliomoro@0: 		{
giuliomoro@0: 			if (ao.specification.type == "reference")
giuliomoro@0: 			{
giuliomoro@0: 				if (ao.interfaceDOM.getValue() < (ao.specification.marker/100) && ao.specification.marker > 0) {
giuliomoro@0: 					// Anchor is not set below
giuliomoro@0: 					console.log('Reference node not above marker value');
giuliomoro@0:                     this.storeErrorNode('Reference node not above marker value');
giuliomoro@0: 					alert('Please keep listening');
giuliomoro@0: 					return false;
giuliomoro@0: 				}
giuliomoro@0: 			}
giuliomoro@0: 		}
giuliomoro@0: 		return true;
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.checkFragmentsFullyPlayed = function ()
giuliomoro@0: 	{
giuliomoro@0: 		// Checks the entire file has been played back
giuliomoro@0: 		// NOTE ! This will return true IF playback is Looped!!!
giuliomoro@0: 		if (audioEngineContext.loopPlayback)
giuliomoro@0: 		{
giuliomoro@0: 			console.log("WARNING - Looped source: Cannot check fragments are fully played");
giuliomoro@0: 			return true;
giuliomoro@0: 		}
giuliomoro@0: 		var check_pass = true;
giuliomoro@0: 		var error_obj = [];
giuliomoro@0: 		for (var i = 0; i<audioEngineContext.audioObjects.length; i++)
giuliomoro@0: 		{
giuliomoro@0: 			var object = audioEngineContext.audioObjects[i];
giuliomoro@0: 			var time = object.buffer.buffer.duration;
giuliomoro@0: 			var metric = object.metric;
giuliomoro@0: 			var passed = false;
giuliomoro@0: 			for (var j=0; j<metric.listenTracker.length; j++)
giuliomoro@0: 			{
giuliomoro@0: 				var bt = metric.listenTracker[j].getElementsByTagName('buffertime');
giuliomoro@0: 				var start_time = Number(bt[0].getAttribute('start'));
giuliomoro@0: 				var stop_time = Number(bt[0].getAttribute('stop'));
giuliomoro@0: 				var delta = stop_time - start_time;
giuliomoro@0: 				if (delta >= time)
giuliomoro@0: 				{
giuliomoro@0: 					passed = true;
giuliomoro@0: 					break;
giuliomoro@0: 				}
giuliomoro@0: 			}
giuliomoro@0: 			if (passed == false)
giuliomoro@0: 			{
giuliomoro@0: 				check_pass = false;
giuliomoro@0: 				console.log("Continue listening to track-"+object.interfaceDOM.getPresentedId());
giuliomoro@0: 				error_obj.push(object.interfaceDOM.getPresentedId());
giuliomoro@0: 			}
giuliomoro@0: 		}
giuliomoro@0: 		if (check_pass == false)
giuliomoro@0: 		{
giuliomoro@0: 			var str_start = "You have not completely listened to fragments ";
giuliomoro@0: 			for (var i=0; i<error_obj.length; i++)
giuliomoro@0: 			{
giuliomoro@0: 				str_start += error_obj[i];
giuliomoro@0: 				if (i != error_obj.length-1)
giuliomoro@0: 				{
giuliomoro@0: 					str_start += ', ';
giuliomoro@0: 				}
giuliomoro@0: 			}
giuliomoro@0: 			str_start += ". Please keep listening";
giuliomoro@0: 			console.log("[ALERT]: "+str_start);
giuliomoro@0:             this.storeErrorNode("[ALERT]: "+str_start);
giuliomoro@0: 			alert(str_start);
giuliomoro@0: 		}
giuliomoro@0: 	};
giuliomoro@0: 	this.checkAllMoved = function()
giuliomoro@0: 	{
giuliomoro@0: 		var str = "You have not moved ";
giuliomoro@0: 		var failed = [];
giuliomoro@0: 		for (var ao of audioEngineContext.audioObjects)
giuliomoro@0: 		{
giuliomoro@0: 			if(ao.metric.wasMoved == false && ao.interfaceDOM.canMove() == true)
giuliomoro@0: 			{
giuliomoro@0: 				failed.push(ao.interfaceDOM.getPresentedId());
giuliomoro@0: 			}
giuliomoro@0: 		}
giuliomoro@0: 		if (failed.length == 0)
giuliomoro@0: 		{
giuliomoro@0: 			return true;
giuliomoro@0: 		} else if (failed.length == 1)
giuliomoro@0: 		{
giuliomoro@0: 			str += 'track '+failed[0];
giuliomoro@0: 		} else {
giuliomoro@0: 			str += 'tracks ';
giuliomoro@0: 			for (var i=0; i<failed.length-1; i++)
giuliomoro@0: 			{
giuliomoro@0: 				str += failed[i]+', ';
giuliomoro@0: 			}
giuliomoro@0: 			str += 'and '+failed[i];
giuliomoro@0: 		}
giuliomoro@0: 		str +='.';
giuliomoro@0: 		alert(str);
giuliomoro@0: 		console.log(str);
giuliomoro@6: 		this.storeErrorNode(str);
giuliomoro@0: 		return false;
giuliomoro@0: 	};
giuliomoro@6: 	this.checkOneFragmentSelected = function(){
giuliomoro@6: 		console.log("checkOneFragmentSelected");
giuliomoro@6: 		var str = "You should select an answer before continuing";
giuliomoro@8: 		var isInactive = 0;
giuliomoro@8: 		for (var ao of audioEngineContext.audioObjects)
giuliomoro@8: 		{
giuliomoro@8: 			if(ao.specification.inactive === true)
giuliomoro@8: 			{
giuliomoro@8: 				++isInactive;
giuliomoro@8: 			}
giuliomoro@8: 		}
giuliomoro@8: 		if(this.comparator.selected === null && isInactive===0){
giuliomoro@6: 			alert(str);
giuliomoro@6: 			return false;
giuliomoro@6: 		} else {
giuliomoro@6: 			return true;
giuliomoro@6: 		}
giuliomoro@6:  	};
giuliomoro@0: 	this.checkAllPlayed = function()
giuliomoro@0: 	{
giuliomoro@0: 		var str = "You have not played ";
giuliomoro@0: 		var failed = [];
giuliomoro@0: 		for (var ao of audioEngineContext.audioObjects)
giuliomoro@0: 		{
giuliomoro@0: 			if(ao.metric.wasListenedTo == false)
giuliomoro@0: 			{
giuliomoro@0: 				failed.push(ao.interfaceDOM.getPresentedId());
giuliomoro@0: 			}
giuliomoro@0: 		}
giuliomoro@0: 		if (failed.length == 0)
giuliomoro@0: 		{
giuliomoro@0: 			return true;
giuliomoro@0: 		} else if (failed.length == 1)
giuliomoro@0: 		{
giuliomoro@0: 			str += 'track '+failed[0];
giuliomoro@0: 		} else {
giuliomoro@0: 			str += 'tracks ';
giuliomoro@0: 			for (var i=0; i<failed.length-1; i++)
giuliomoro@0: 			{
giuliomoro@0: 				str += failed[i]+', ';
giuliomoro@0: 			}
giuliomoro@0: 			str += 'and '+failed[i];
giuliomoro@0: 		}
giuliomoro@0: 		str +='.';
giuliomoro@0: 		alert(str);
giuliomoro@0: 		console.log(str);
giuliomoro@0:         this.storeErrorNode(str);
giuliomoro@0: 		return false;
giuliomoro@0: 	};
giuliomoro@0:     
giuliomoro@0:     this.storeErrorNode = function(errorMessage)
giuliomoro@0:     {
giuliomoro@0:         var time = audioEngineContext.timer.getTestTime();
giuliomoro@0:         var node = storage.document.createElement('error');
giuliomoro@0:         node.setAttribute('time',time);
giuliomoro@0:         node.textContent = errorMessage;
giuliomoro@0:         testState.currentStore.XMLDOM.appendChild(node);
giuliomoro@0:     };
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: function Storage()
giuliomoro@0: {
giuliomoro@0: 	// Holds results in XML format until ready for collection
giuliomoro@0: 	this.globalPreTest = null;
giuliomoro@0: 	this.globalPostTest = null;
giuliomoro@0: 	this.testPages = [];
giuliomoro@0: 	this.document = null;
giuliomoro@0: 	this.root = null;
giuliomoro@0: 	this.state = 0;
giuliomoro@0: 	
giuliomoro@0: 	this.initialise = function(existingStore)
giuliomoro@0: 	{
giuliomoro@0:         if (existingStore == undefined) {
giuliomoro@0:             // We need to get the sessionKey
giuliomoro@0:             this.SessionKey.generateKey();
giuliomoro@0:             this.document = document.implementation.createDocument(null,"waetresult");
giuliomoro@0:             this.root = this.document.childNodes[0];
giuliomoro@0:             var projectDocument = specification.projectXML;
giuliomoro@0:             projectDocument.setAttribute('file-name',url);
giuliomoro@0:             this.root.appendChild(projectDocument);
giuliomoro@0:             this.root.appendChild(returnDateNode());
giuliomoro@0:             this.root.appendChild(interfaceContext.returnNavigator());
giuliomoro@0:         } else {
giuliomoro@0:             this.document = existingStore;
giuliomoro@0:             this.root = existingStore.children[0];
giuliomoro@0:             this.SessionKey.key = this.root.getAttribute("key");
giuliomoro@0:         }
giuliomoro@0:         if (specification.preTest != undefined){this.globalPreTest = new this.surveyNode(this,this.root,specification.preTest);}
giuliomoro@0:         if (specification.postTest != undefined){this.globalPostTest = new this.surveyNode(this,this.root,specification.postTest);}
giuliomoro@0: 	};
giuliomoro@0:     
giuliomoro@0:     this.SessionKey = {
giuliomoro@0:         key: null,
giuliomoro@0:         request: new XMLHttpRequest(),
giuliomoro@0:         parent: this,
giuliomoro@0:         handleEvent: function() {
giuliomoro@0:             var parse = new DOMParser();
giuliomoro@0:             var xml = parse.parseFromString(this.request.response,"text/xml");
giuliomoro@0:             if (xml.getAllElementsByTagName("state")[0].textContent == "OK") {
giuliomoro@0:                 this.key = xml.getAllElementsByTagName("key")[0].textContent;
giuliomoro@0:                 this.parent.root.setAttribute("key",this.key);
giuliomoro@0:                 this.parent.root.setAttribute("state","empty");
giuliomoro@0:             } else {
giuliomoro@0:                 this.generateKey();
giuliomoro@0:             }
giuliomoro@0:         },
giuliomoro@0:         generateKey: function() {
giuliomoro@0:             var temp_key = randomString(32);
giuliomoro@0:             this.request.open("GET","keygen.php?key="+temp_key,true);
giuliomoro@0:             this.request.addEventListener("load",this);
giuliomoro@0:             this.request.send();
giuliomoro@0:         },
giuliomoro@0:         update: function() {
giuliomoro@0:             this.parent.root.setAttribute("state","update");
giuliomoro@0:             var xmlhttp = new XMLHttpRequest();
giuliomoro@0:             xmlhttp.open("POST",specification.projectReturn+"?key="+this.key);
giuliomoro@0:             xmlhttp.setRequestHeader('Content-Type', 'text/xml');
giuliomoro@0:             xmlhttp.onerror = function(){
giuliomoro@0:                 console.log('Error updating file to server!');
giuliomoro@0:             };
giuliomoro@0:             var hold = document.createElement("div");
giuliomoro@0:             var clone = this.parent.root.cloneNode(true);
giuliomoro@0:             hold.appendChild(clone);
giuliomoro@0:             xmlhttp.onload = function() {
giuliomoro@0:                 if (this.status >= 300) {
giuliomoro@0:                     console.log("WARNING - Could not update at this time");
giuliomoro@0:                 } else {
giuliomoro@0:                     var parser = new DOMParser();
giuliomoro@0:                     var xmlDoc = parser.parseFromString(xmlhttp.responseText, "application/xml");
giuliomoro@0:                     var response = xmlDoc.getElementsByTagName('response')[0];
giuliomoro@0:                     if (response.getAttribute("state") == "OK") {
giuliomoro@0:                         var file = response.getElementsByTagName("file")[0];
giuliomoro@0:                         console.log("Intermediate save: OK, written "+file.getAttribute("bytes")+"B");
giuliomoro@0:                     } else {
giuliomoro@0:                         var message = response.getElementsByTagName("message");
giuliomoro@0:                         console.log("Intermediate save: Error! "+message.textContent);
giuliomoro@0:                     }
giuliomoro@0:                 }
giuliomoro@0:             }
giuliomoro@0:             xmlhttp.send([hold.innerHTML]);
giuliomoro@0:         }
giuliomoro@0:     }
giuliomoro@0: 	
giuliomoro@0: 	this.createTestPageStore = function(specification)
giuliomoro@0: 	{
giuliomoro@0: 		var store = new this.pageNode(this,specification);
giuliomoro@0: 		this.testPages.push(store);
giuliomoro@0: 		return this.testPages[this.testPages.length-1];
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.surveyNode = function(parent,root,specification)
giuliomoro@0: 	{
giuliomoro@0: 		this.specification = specification;
giuliomoro@0: 		this.parent = parent;
giuliomoro@0:         this.state = "empty";
giuliomoro@0: 		this.XMLDOM = this.parent.document.createElement('survey');
giuliomoro@0: 		this.XMLDOM.setAttribute('location',this.specification.location);
giuliomoro@0:         this.XMLDOM.setAttribute("state",this.state);
giuliomoro@0: 		for (var optNode of this.specification.options)
giuliomoro@0: 		{
giuliomoro@0: 			if (optNode.type != 'statement')
giuliomoro@0: 			{
giuliomoro@0: 				var node = this.parent.document.createElement('surveyresult');
giuliomoro@0: 				node.setAttribute("ref",optNode.id);
giuliomoro@0: 				node.setAttribute('type',optNode.type);
giuliomoro@0: 				this.XMLDOM.appendChild(node);
giuliomoro@0: 			}
giuliomoro@0: 		}
giuliomoro@0: 		root.appendChild(this.XMLDOM);
giuliomoro@0: 		
giuliomoro@0: 		this.postResult = function(node)
giuliomoro@0: 		{
giuliomoro@0: 			// From popup: node is the popupOption node containing both spec. and results
giuliomoro@0: 			// ID is the position
giuliomoro@0: 			if (node.specification.type == 'statement'){return;}
giuliomoro@0: 			var surveyresult = this.XMLDOM.children[0];
giuliomoro@0:             while(surveyresult != null) {
giuliomoro@0:                 if (surveyresult.getAttribute("ref") == node.specification.id)
giuliomoro@0:                 {
giuliomoro@0:                     break;
giuliomoro@0:                 }
giuliomoro@0:                 surveyresult = surveyresult.nextElementSibling;
giuliomoro@0:             }
giuliomoro@0: 			switch(node.specification.type)
giuliomoro@0: 			{
giuliomoro@0: 			case "number":
giuliomoro@0: 			case "question":
giuliomoro@0: 				var child = this.parent.document.createElement('response');
giuliomoro@0: 				child.textContent = node.response;
giuliomoro@0: 				surveyresult.appendChild(child);
giuliomoro@0: 				break;
giuliomoro@0: 			case "radio":
giuliomoro@0: 				var child = this.parent.document.createElement('response');
giuliomoro@0: 				child.setAttribute('name',node.response.name);
giuliomoro@0: 				child.textContent = node.response.text;
giuliomoro@0: 				surveyresult.appendChild(child);
giuliomoro@0: 				break;
giuliomoro@0: 			case "checkbox":
giuliomoro@0: 				for (var i=0; i<node.response.length; i++)
giuliomoro@0: 				{
giuliomoro@0: 					var checkNode = this.parent.document.createElement('response');
giuliomoro@0: 					checkNode.setAttribute('name',node.response[i].name);
giuliomoro@0: 					checkNode.setAttribute('checked',node.response[i].checked);
giuliomoro@0: 					surveyresult.appendChild(checkNode);
giuliomoro@0: 				}
giuliomoro@0: 				break;
giuliomoro@0: 			}
giuliomoro@0: 		};
giuliomoro@0:         this.complete = function() {
giuliomoro@0:             this.state = "complete";
giuliomoro@0:             this.XMLDOM.setAttribute("state",this.state);
giuliomoro@0:         }
giuliomoro@0: 	};
giuliomoro@0: 	
giuliomoro@0: 	this.pageNode = function(parent,specification)
giuliomoro@0: 	{
giuliomoro@0: 		// Create one store per test page
giuliomoro@0: 		this.specification = specification;
giuliomoro@0: 		this.parent = parent;
giuliomoro@0:         this.state = "empty";
giuliomoro@0: 		this.XMLDOM = this.parent.document.createElement('page');
giuliomoro@0: 		this.XMLDOM.setAttribute('ref',specification.id);
giuliomoro@0: 		this.XMLDOM.setAttribute('presentedId',specification.presentedId);
giuliomoro@0:         this.XMLDOM.setAttribute("state",this.state);
giuliomoro@0: 		if (specification.preTest != undefined){this.preTest = new this.parent.surveyNode(this.parent,this.XMLDOM,this.specification.preTest);}
giuliomoro@0: 		if (specification.postTest != undefined){this.postTest = new this.parent.surveyNode(this.parent,this.XMLDOM,this.specification.postTest);}
giuliomoro@0: 		
giuliomoro@0: 		// Add any page metrics
giuliomoro@0: 		var page_metric = this.parent.document.createElement('metric');
giuliomoro@0: 		this.XMLDOM.appendChild(page_metric);
giuliomoro@0: 		
giuliomoro@0: 		// Add the audioelement
giuliomoro@0: 		for (var element of this.specification.audioElements)
giuliomoro@0: 		{
giuliomoro@0: 			var aeNode = this.parent.document.createElement('audioelement');
giuliomoro@0: 			aeNode.setAttribute('ref',element.id);
giuliomoro@0:             if (element.name != undefined){aeNode.setAttribute('name',element.name)};
giuliomoro@0: 			aeNode.setAttribute('type',element.type);
giuliomoro@0: 			aeNode.setAttribute('url', element.url);
giuliomoro@0: 			aeNode.setAttribute('gain', element.gain);
giuliomoro@0: 			if (element.type == 'anchor' || element.type == 'reference')
giuliomoro@0: 			{
giuliomoro@0: 				if (element.marker > 0)
giuliomoro@0: 				{
giuliomoro@0: 					aeNode.setAttribute('marker',element.marker);
giuliomoro@0: 				}
giuliomoro@0: 			}
giuliomoro@0: 			var ae_metric = this.parent.document.createElement('metric');
giuliomoro@0: 			aeNode.appendChild(ae_metric); 
giuliomoro@0: 			this.XMLDOM.appendChild(aeNode);
giuliomoro@0: 		}
giuliomoro@0: 		
giuliomoro@0: 		this.parent.root.appendChild(this.XMLDOM);
giuliomoro@0:         
giuliomoro@0:         this.complete = function() {
giuliomoro@0:             this.state = "complete";
giuliomoro@0:             this.XMLDOM.setAttribute("state","complete");
giuliomoro@0:         }
giuliomoro@0: 	};
giuliomoro@0:     this.update = function() {
giuliomoro@0:         this.SessionKey.update();
giuliomoro@0:     }
giuliomoro@0: 	this.finish = function()
giuliomoro@0: 	{
giuliomoro@0: 		if (this.state == 0)
giuliomoro@0: 		{
giuliomoro@0:             this.update();
giuliomoro@0: 		}
giuliomoro@0: 		this.state = 1;
giuliomoro@0: 		return this.root;
giuliomoro@0: 	};
giuliomoro@0: }