comparison core.js @ 654:37f3359709bd

Merge

 AudioBufferSourceNode.prototype.playbackStartTime = undefined;
 // Add a prototype to the bufferNode to hold the desired LINEAR gain
 AudioBuffer.prototype.playbackGain = undefined;
 // Add a prototype to the bufferNode to hold the computed LUFS loudness
 AudioBuffer.prototype.lufs = undefined;
+
+// Convert relative URLs into absolutes
+function escapeHTML(s) {
+    return s.split('&').join('&amp;').split('<').join('&lt;').split('"').join('&quot;');
+}
+function qualifyURL(url) {
+    var el= document.createElement('div');
+    el.innerHTML= '<a href="'+escapeHTML(url)+'">x</a>';
+    return el.firstChild.href;
+}
 
 // Firefox does not have an XMLDocument.prototype.getElementsByName
 // and there is no searchAll style command, this custom function will
 // search all children recusrively for the name. Used for XSD where all
 // element nodes must have a name and therefore can pull the schema node

 		document.getElementsByTagName('body')[0].appendChild(msg);
 		document.getElementsByTagName('body')[0].appendChild(span);
 		document.getElementsByTagName('body')[0].appendChild(errorNode[0]);
 		return;
 	}
+    if (responseDocument == undefined) {
+        var msg = document.createElement("h3");
+		msg.textContent = "FATAL ERROR";
+		var span = document.createElement("span");
+		span.textContent = "The project XML was not decoded properly, try refreshing your browser and clearing caches. If the problem persists, contact the test creator.";
+		document.getElementsByTagName('body')[0].innerHTML = null;
+		document.getElementsByTagName('body')[0].appendChild(msg);
+		document.getElementsByTagName('body')[0].appendChild(span);
+		return;
+    }
     if (responseDocument.children[0].nodeName == "waet") {
         // document is a specification
         
         // Perform XML schema validation
         var Module = {

 	var interfaceJS = document.createElement('script');
 	interfaceJS.setAttribute("type","text/javascript");
 	switch(specification.interface)
 	{
 		case "APE":
-		interfaceJS.setAttribute("src","interfaces/ape.js");
-		
-		// APE comes with a css file
-		var css = document.createElement('link');
-		css.rel = 'stylesheet';
-		css.type = 'text/css';
-		css.href = 'interfaces/ape.css';
-		
-		document.getElementsByTagName("head")[0].appendChild(css);
-		break;
-		
+            interfaceJS.setAttribute("src","interfaces/ape.js");
+
+            // APE comes with a css file
+            var css = document.createElement('link');
+            css.rel = 'stylesheet';
+            css.type = 'text/css';
+            css.href = 'interfaces/ape.css';
+
+            document.getElementsByTagName("head")[0].appendChild(css);
+            break;
+
 		case "MUSHRA":
-		interfaceJS.setAttribute("src","interfaces/mushra.js");
-		
-		// MUSHRA comes with a css file
-		var css = document.createElement('link');
-		css.rel = 'stylesheet';
-		css.type = 'text/css';
-		css.href = 'interfaces/mushra.css';
-		
-		document.getElementsByTagName("head")[0].appendChild(css);
-		break;
+            interfaceJS.setAttribute("src","interfaces/mushra.js");
+
+            // MUSHRA comes with a css file
+            var css = document.createElement('link');
+            css.rel = 'stylesheet';
+            css.type = 'text/css';
+            css.href = 'interfaces/mushra.css';
+
+            document.getElementsByTagName("head")[0].appendChild(css);
+            break;
 		
 		case "AB":
-		interfaceJS.setAttribute("src","interfaces/AB.js");
-		
-		// AB comes with a css file
-		var css = document.createElement('link');
-		css.rel = 'stylesheet';
-		css.type = 'text/css';
-		css.href = 'interfaces/AB.css';
-		
-		document.getElementsByTagName("head")[0].appendChild(css);
-		break;
+            interfaceJS.setAttribute("src","interfaces/AB.js");
+
+            // AB comes with a css file
+            var css = document.createElement('link');
+            css.rel = 'stylesheet';
+            css.type = 'text/css';
+            css.href = 'interfaces/AB.css';
+
+            document.getElementsByTagName("head")[0].appendChild(css);
+            break;
+            
+        case "ABX":
+            interfaceJS.setAttribute("src","interfaces/ABX.js");
+
+            // AB comes with a css file
+            var css = document.createElement('link');
+            css.rel = 'stylesheet';
+            css.type = 'text/css';
+            css.href = 'interfaces/ABX.css';
+
+            document.getElementsByTagName("head")[0].appendChild(css);
+            break;
+        
 		case "Bipolar":
 		case "ACR":
 		case "DCR":
 		case "CCR":
 		case "ABC":
-		// Above enumerate to horizontal sliders
-		interfaceJS.setAttribute("src","interfaces/horizontal-sliders.js");
-		
-		// horizontal-sliders comes with a css file
-		var css = document.createElement('link');
-		css.rel = 'stylesheet';
-		css.type = 'text/css';
-		css.href = 'interfaces/horizontal-sliders.css';
-		
-		document.getElementsByTagName("head")[0].appendChild(css);
-		break;
+            // Above enumerate to horizontal sliders
+            interfaceJS.setAttribute("src","interfaces/horizontal-sliders.js");
+
+            // horizontal-sliders comes with a css file
+            var css = document.createElement('link');
+            css.rel = 'stylesheet';
+            css.type = 'text/css';
+            css.href = 'interfaces/horizontal-sliders.css';
+
+            document.getElementsByTagName("head")[0].appendChild(css);
+            break;
 		case "discrete":
 		case "likert":
-		// Above enumerate to horizontal discrete radios
-		interfaceJS.setAttribute("src","interfaces/discrete.js");
-		
-		// horizontal-sliders comes with a css file
-		var css = document.createElement('link');
-		css.rel = 'stylesheet';
-		css.type = 'text/css';
-		css.href = 'interfaces/discrete.css';
-		
-		document.getElementsByTagName("head")[0].appendChild(css);
-		break;
+            // Above enumerate to horizontal discrete radios
+            interfaceJS.setAttribute("src","interfaces/discrete.js");
+
+            // horizontal-sliders comes with a css file
+            var css = document.createElement('link');
+            css.rel = 'stylesheet';
+            css.type = 'text/css';
+            css.href = 'interfaces/discrete.css';
+
+            document.getElementsByTagName("head")[0].appendChild(css);
+            break;
 	}
 	document.getElementsByTagName("head")[0].appendChild(interfaceJS);
 	
 	// Create the audio engine object
 	audioEngineContext = new AudioEngine(specification);
 }
 
 function createProjectSave(destURL) {
+    // Clear the window.onbeforeunload
+    window.onbeforeunload = null;
 	// Save the data from interface into XML and send to destURL
 	// If destURL is null then download XML in client
 	// Now time to render file locally
 	var xmlDoc = interfaceXMLSave();
 	var parent = document.createElement("div");

                 var xmlDoc = parser.parseFromString(xmlhttp.responseText, "application/xml");
                 var response = xmlDoc.getElementsByTagName('response')[0];
                 if (response.getAttribute("state") == "OK") {
                     var file = response.getElementsByTagName("file")[0];
                     console.log("Save: OK, written "+file.getAttribute("bytes")+"B");
-                    popup.popupContent.textContent = "Thank you. Your session has been saved.";
+                    popup.popupContent.textContent = specification.exitText;
                 } else {
                     var message = response.getElementsByTagName("message");
                     console.log("Save: Error! "+message.textContent);
                     createProjectSave("local");
                 }

 		this.popup.style.zIndex = 3;
 		this.popup.style.visibility = 'visible';
 		var blank = document.getElementsByClassName('testHalt')[0];
 		blank.style.zIndex = 2;
 		blank.style.visibility = 'visible';
+        this.popupResponse.style.left="0%";
 	};
 	
 	this.hidePopup = function(){
 		this.popup.style.zIndex = -1;
 		this.popup.style.visibility = 'hidden';

 				input.type = 'checkbox';
 				var span = document.createElement('span');
 				span.textContent = option.text;
 				var hold = document.createElement('div');
 				hold.setAttribute('name','option');
-				hold.style.padding = '4px';
+                hold.className = "popup-option-checbox";
 				hold.appendChild(input);
 				hold.appendChild(span);
 				this.popupResponse.appendChild(hold);
                 if (node.response[index] != undefined){
                     if (node.response[index].checked == true) {
                         input.checked = "true";
                     }
                 }
-                var w = $(span).width();
+                var w = $(hold).width();
                 if (w > max_w)
                     max_w = w;
                 index++;
 			}
-            max_w += 12;
             this.popupResponse.style.textAlign="";
-            var leftP = ((max_w/500)/2)*100;
+            var leftP = 50-(((max_w/$('#popupContent').width())/2)*100);
             this.popupResponse.style.left=leftP+"%";
 		} else if (node.specification.type == 'radio') {
             if (node.response == undefined) {
                 node.response = {name: "", text: ""};
             }

 				input.name = node.specification.id;
 				var span = document.createElement('span');
 				span.textContent = option.text;
 				var hold = document.createElement('div');
 				hold.setAttribute('name','option');
-				hold.style.padding = '4px';
+				hold.className = "popup-option-checbox";
 				hold.appendChild(input);
 				hold.appendChild(span);
 				this.popupResponse.appendChild(hold);
                 if (input.id == node.response.name) {
                     input.checked = "true";
                 }
-                var w = $(span).width();
+                var w = $(hold).width();
                 if (w > max_w)
                     max_w = w;
 			}
-            max_w += 12;
             this.popupResponse.style.textAlign="";
-            var leftP = ((max_w/500)/2)*100;
+            var leftP = 50-(((max_w/$('#popupContent').width())/2)*100);
             this.popupResponse.style.left=leftP+"%";
 		} else if (node.specification.type == 'number') {
 			var input = document.createElement('input');
 			input.type = 'textarea';
 			if (node.min != null) {input.min = node.specification.min;}

 		}
 	};
 	
 	this.proceedClicked = function() {
 		// Each time the popup button is clicked!
+        if (testState.stateIndex == 0 && specification.calibration) {
+            interfaceContext.calibrationModuleObject.collect();
+            advanceState();
+            return;
+        }
 		var node = this.popupOptions[this.currentIndex];
 		if (node.specification.type == 'question') {
 			// Must extract the question data
 			var textArea = $(popup.popupContent).find('textarea')[0];
 			if (node.specification.mandatory == true && textArea.value.length == 0) {

 		{
 			pageHolder = randomiseOrder(pageHolder);
 		}
 		for (var i=0; i<pageHolder.length; i++)
 		{
-			pageHolder[i].presentedId = i;
-		}
-		for (var i=0; i<specification.pages.length; i++)
-		{
 			if (specification.testPages <= i && specification.testPages != 0) {break;}
+            pageHolder[i].presentedId = i;
 			this.stateMap.push(pageHolder[i]);
             storage.createTestPageStore(pageHolder[i]);
             for (var element of pageHolder[i].audioElements) {
                 var URL = pageHolder[i].hostURL + element.url;
                 var buffer = null;

 		
 		if (this.stateMap.length > 0) {
 			if(this.stateIndex != null) {
 				console.log('NOTE - State already initialise');
 			}
-			this.stateIndex = -1;
+			this.stateIndex = -2;
+            console.log('Starting test...');
 		} else {
 			console.log('FATAL - StateMap not correctly constructed. EMPTY_STATE_MAP');
 		}
 	};
 	this.advanceState = function(){
 		if (this.stateIndex == null) {
 			this.initialise();
 		}
         storage.update();
-		if (this.stateIndex == -1) {
-			this.stateIndex++;
-			console.log('Starting test...');
+		if (this.stateIndex == -2) {
+            this.stateIndex++;
 			if (this.preTestSurvey != null)
 			{
 				popup.initState(this.preTestSurvey,storage.globalPreTest);
 			} else {
 				this.advanceState();
 			}
-		} else if (this.stateIndex == this.stateMap.length)
+		} else if (this.stateIndex == -1) {
+            this.stateIndex++;
+            if (specification.calibration) {
+                popup.showPopup();
+                popup.popupTitle.textContent = "Calibration. Set the levels so all tones are of equal amplitude. Move your mouse over the sliders to hear the tones. The red slider is the reference tone";
+                interfaceContext.calibrationModuleObject = new interfaceContext.calibrationModule();
+                interfaceContext.calibrationModuleObject.build(popup.popupResponse);
+                popup.hidePreviousButton();
+            } else {
+                this.advanceState();
+            }
+        } 
+        else if (this.stateIndex == this.stateMap.length)
 		{
 			// All test pages complete, post test
 			console.log('Ending test ...');
 			this.stateIndex++;
 			if (this.postTestSurvey == null) {

 		{
 			createProjectSave(specification.projectReturn);
 		}
 		else
 		{
+            popup.hidePopup();
 			if (this.currentStateMap == null)
 			{
 				this.currentStateMap = this.stateMap[this.stateIndex];
 				if (this.currentStateMap.randomiseOrder)
 				{

 	}
 	console.log(inputSequenceClone.toString()); // print original array to console
 	console.log(outputSequence.toString()); 	// print randomised array to console
 	return holdArr;
 }
-
-function returnDateNode()
-{
-	// Create an XML Node for the Date and Time a test was conducted
-	// Structure is
-	// <datetime> 
-	//	<date year="##" month="##" day="##">DD/MM/YY</date>
-	//	<time hour="##" minute="##" sec="##">HH:MM:SS</time>
-	// </datetime>
-	var dateTime = new Date();
-	var year = document.createAttribute('year');
-	var month = document.createAttribute('month');
-	var day = document.createAttribute('day');
-	var hour = document.createAttribute('hour');
-	var minute = document.createAttribute('minute');
-	var secs = document.createAttribute('secs');
-	
-	year.nodeValue = dateTime.getFullYear();
-	month.nodeValue = dateTime.getMonth()+1;
-	day.nodeValue = dateTime.getDate();
-	hour.nodeValue = dateTime.getHours();
-	minute.nodeValue = dateTime.getMinutes();
-	secs.nodeValue = dateTime.getSeconds();
-	
-	var hold = document.createElement("datetime");
-	var date = document.createElement("date");
-	date.textContent = year.nodeValue+'/'+month.nodeValue+'/'+day.nodeValue;
-	var time = document.createElement("time");
-	time.textContent = hour.nodeValue+':'+minute.nodeValue+':'+secs.nodeValue;
-	
-	date.setAttributeNode(year);
-	date.setAttributeNode(month);
-	date.setAttributeNode(day);
-	time.setAttributeNode(hour);
-	time.setAttributeNode(minute);
-	time.setAttributeNode(secs);
-	
-	hold.appendChild(date);
-	hold.appendChild(time);
-	return hold;
-	
-}
-
-function Specification() {
-	// Handles the decoding of the project specification XML into a simple JavaScript Object.
-	
-	this.interface = null;
-	this.projectReturn = "null";
-	this.randomiseOrder = null;
-	this.testPages = null;
-	this.pages = [];
-	this.metrics = null;
-	this.interfaces = null;
-	this.loudness = null;
-	this.errors = [];
-	this.schema = null;
-	
-	this.processAttribute = function(attribute,schema)
-	{
-		// attribute is the string returned from getAttribute on the XML
-		// schema is the <xs:attribute> node
-		if (schema.getAttribute('name') == undefined && schema.getAttribute('ref') != undefined)
-		{
-			schema = this.schema.getAllElementsByName(schema.getAttribute('ref'))[0];
-		}
-		var defaultOpt = schema.getAttribute('default');
-		if (attribute == null) {
-			attribute = defaultOpt;
-		}
-		var dataType = schema.getAttribute('type');
-		if (typeof dataType == "string") { dataType = dataType.substr(3);}
-		else {dataType = "string";}
-		if (attribute == null)
-		{
-			return attribute;
-		}
-		switch(dataType)
-		{
-		case "boolean":
-			if (attribute == 'true'){attribute = true;}else{attribute=false;}
-			break;
-		case "negativeInteger":
-		case "positiveInteger":
-		case "nonNegativeInteger":
-		case "nonPositiveInteger":
-		case "integer":
-		case "decimal":
-		case "short":
-			attribute = Number(attribute);
-			break;
-		case "string":
-		default:
-			attribute = String(attribute);
-			break;
-		}
-		return attribute;
-	};
-	
-	this.decode = function(projectXML) {
-		this.errors = [];
-		// projectXML - DOM Parsed document
-		this.projectXML = projectXML.childNodes[0];
-		var setupNode = projectXML.getElementsByTagName('setup')[0];
-		var schemaSetup = this.schema.getAllElementsByName('setup')[0];
-		// First decode the attributes
-		var attributes = schemaSetup.getAllElementsByTagName('xs:attribute');
-		for (var i in attributes)
-		{
-			if (isNaN(Number(i)) == true){break;}
-			var attributeName = attributes[i].getAttribute('name');
-			var projectAttr = setupNode.getAttribute(attributeName);
-			projectAttr = this.processAttribute(projectAttr,attributes[i]);
-			switch(typeof projectAttr)
-			{
-			case "number":
-			case "boolean":
-				eval('this.'+attributeName+' = '+projectAttr);
-				break;
-			case "string":
-				eval('this.'+attributeName+' = "'+projectAttr+'"');
-				break;
-			}
-			
-		}
-		
-		this.metrics = new this.metricNode();
-		
-		this.metrics.decode(this,setupNode.getElementsByTagName('metric')[0]);
-		
-		// Now process the survey node options
-		var survey = setupNode.getElementsByTagName('survey');
-		for (var i in survey) {
-			if (isNaN(Number(i)) == true){break;}
-			var location = survey[i].getAttribute('location');
-			if (location == 'pre' || location == 'before')
-			{
-				if (this.preTest != null){this.errors.push("Already a pre/before test survey defined! Ignoring second!!");}
-				else {
-					this.preTest = new this.surveyNode();
-					this.preTest.decode(this,survey[i]);
-				}
-			} else if (location == 'post' || location == 'after') {
-				if (this.postTest != null){this.errors.push("Already a post/after test survey defined! Ignoring second!!");}
-				else {
-					this.postTest = new this.surveyNode();
-					this.postTest.decode(this,survey[i]);
-				}
-			}
-		}
-		
-		var interfaceNode = setupNode.getElementsByTagName('interface');
-		if (interfaceNode.length > 1)
-		{
-			this.errors.push("Only one <interface> node in the <setup> node allowed! Others except first ingnored!");
-		}
-		this.interfaces = new this.interfaceNode();
-		if (interfaceNode.length != 0)
-		{
-			interfaceNode = interfaceNode[0];
-			this.interfaces.decode(this,interfaceNode,this.schema.getAllElementsByName('interface')[1]);
-		}
-		
-		// Page tags
-		var pageTags = projectXML.getElementsByTagName('page');
-		var pageSchema = this.schema.getAllElementsByName('page')[0];
-		for (var i=0; i<pageTags.length; i++)
-		{
-			var node = new this.page();
-			node.decode(this,pageTags[i],pageSchema);
-			this.pages.push(node);
-		}
-	};
-	
-	this.encode = function()
-	{
-		var RootDocument = document.implementation.createDocument(null,"waet");
-		var root = RootDocument.children[0];
-        root.setAttribute("xmlns:xsi","http://www.w3.org/2001/XMLSchema-instance");
-        root.setAttribute("xsi:noNamespaceSchemaLocation","test-schema.xsd");
-		// Build setup node
-        var setup = RootDocument.createElement("setup");
-        var schemaSetup = this.schema.getAllElementsByName('setup')[0];
-        // First decode the attributes
-        var attributes = schemaSetup.getAllElementsByTagName('xs:attribute');
-        for (var i=0; i<attributes.length; i++)
-        {
-            var name = attributes[i].getAttribute("name");
-            if (name == undefined) {
-                name = attributes[i].getAttribute("ref");
-            }
-            if(eval("this."+name+" != undefined") || attributes[i].getAttribute("use") == "required")
-            {
-                eval("setup.setAttribute('"+name+"',this."+name+")");
-            }
-        }
-        root.appendChild(setup);
-        // Survey node
-        setup.appendChild(this.preTest.encode(RootDocument));
-        setup.appendChild(this.postTest.encode(RootDocument));
-        setup.appendChild(this.metrics.encode(RootDocument));
-        setup.appendChild(this.interfaces.encode(RootDocument));
-        for (var page of this.pages)
-        {
-            root.appendChild(page.encode(RootDocument));
-        }
-		return RootDocument;
-	};
-	
-	this.surveyNode = function() {
-		this.location = null;
-		this.options = [];
-		this.schema = specification.schema.getAllElementsByName('survey')[0];
-		
-		this.OptionNode = function() {
-			this.type = undefined;
-			this.schema = specification.schema.getAllElementsByName('surveyentry')[0];
-			this.id = undefined;
-            this.name = undefined;
-			this.mandatory = undefined;
-			this.statement = undefined;
-			this.boxsize = undefined;
-			this.options = [];
-			this.min = undefined;
-			this.max = undefined;
-			this.step = undefined;
-			
-			this.decode = function(parent,child)
-			{
-				var attributeMap = this.schema.getAllElementsByTagName('xs:attribute');
-				for (var i in attributeMap){
-					if(isNaN(Number(i)) == true){break;}
-					var attributeName = attributeMap[i].getAttribute('name') || attributeMap[i].getAttribute('ref');
-					var projectAttr = child.getAttribute(attributeName);
-					projectAttr = parent.processAttribute(projectAttr,attributeMap[i]);
-					switch(typeof projectAttr)
-					{
-					case "number":
-					case "boolean":
-						eval('this.'+attributeName+' = '+projectAttr);
-						break;
-					case "string":
-						eval('this.'+attributeName+' = "'+projectAttr+'"');
-						break;
-					}
-				}
-				this.statement = child.getElementsByTagName('statement')[0].textContent;
-				if (this.type == "checkbox" || this.type == "radio") {
-					var children = child.getElementsByTagName('option');
-					if (children.length == null) {
-						console.log('Malformed' +child.nodeName+ 'entry');
-						this.statement = 'Malformed' +child.nodeName+ 'entry';
-						this.type = 'statement';
-					} else {
-						this.options = [];
-						for (var i in children)
-						{
-							if (isNaN(Number(i))==true){break;}
-							this.options.push({
-								name: children[i].getAttribute('name'),
-								text: children[i].textContent
-							});
-						}
-					}
-				}
-			};
-			
-			this.exportXML = function(doc)
-			{
-				var node = doc.createElement('surveyentry');
-				node.setAttribute('type',this.type);
-				var statement = doc.createElement('statement');
-				statement.textContent = this.statement;
-				node.appendChild(statement);
-                if (this.type != "statement") {
-                    node.id = this.id;
-                    if (this.name != undefined) { node.setAttribute("name",this.name);}
-                    if (this.mandatory != undefined) { node.setAttribute("mandatory",this.mandatory);}
-                    switch(this.type)
-                    {
-                    case "question":
-                        if (this.boxsize != undefined) {node.setAttribute("boxsize",this.boxsize);}
-                        break;
-                    case "number":
-                        if (this.min != undefined) {node.setAttribute("min", this.min);}
-                        if (this.max != undefined) {node.setAttribute("max", this.max);}
-                        break;
-                    case "checkbox":
-                    case "radio":
-                        for (var i=0; i<this.options.length; i++)
-                        {
-                            var option = this.options[i];
-                            var optionNode = doc.createElement("option");
-                            optionNode.setAttribute("name",option.name);
-                            optionNode.textContent = option.text;
-                            node.appendChild(optionNode);
-                        }
-                        break;
-                    }
-                }
-				return node;
-			};
-		};
-		this.decode = function(parent,xml) {
-			this.location = xml.getAttribute('location');
-			if (this.location == 'before'){this.location = 'pre';}
-			else if (this.location == 'after'){this.location = 'post';}
-			for (var i in xml.children)
-			{
-				if(isNaN(Number(i))==true){break;}
-				var node = new this.OptionNode();
-				node.decode(parent,xml.children[i]);
-				this.options.push(node);
-			}
-		};
-		this.encode = function(doc) {
-			var node = doc.createElement('survey');
-			node.setAttribute('location',this.location);
-			for (var i=0; i<this.options.length; i++)
-			{
-				node.appendChild(this.options[i].exportXML(doc));
-			}
-			return node;
-		};
-	};
-	
-	this.interfaceNode = function()
-	{
-		this.title = null;
-		this.name = null;
-		this.options = [];
-		this.scales = [];
-		this.schema = specification.schema.getAllElementsByName('interface')[1];
-		
-		this.decode = function(parent,xml) {
-			this.name = xml.getAttribute('name');
-			var titleNode = xml.getElementsByTagName('title');
-			if (titleNode.length == 1)
-			{
-				this.title = titleNode[0].textContent;
-			}
-			var interfaceOptionNodes = xml.getElementsByTagName('interfaceoption');
-			// Extract interfaceoption node schema
-			var interfaceOptionNodeSchema = this.schema.getAllElementsByName('interfaceoption')[0];
-			var attributeMap = interfaceOptionNodeSchema.getAllElementsByTagName('xs:attribute');
-			for (var i=0; i<interfaceOptionNodes.length; i++)
-			{
-				var ioNode = interfaceOptionNodes[i];
-				var option = {};
-				for (var j=0; j<attributeMap.length; j++)
-				{
-					var attributeName = attributeMap[j].getAttribute('name') || attributeMap[j].getAttribute('ref');
-					var projectAttr = ioNode.getAttribute(attributeName);
-					projectAttr = parent.processAttribute(projectAttr,attributeMap[j]);
-					switch(typeof projectAttr)
-					{
-					case "number":
-					case "boolean":
-						eval('option.'+attributeName+' = '+projectAttr);
-						break;
-					case "string":
-						eval('option.'+attributeName+' = "'+projectAttr+'"');
-						break;
-					}
-				}
-				this.options.push(option);
-			}
-			
-			// Now the scales nodes
-			var scaleParent = xml.getElementsByTagName('scales');
-			if (scaleParent.length == 1) {
-				scaleParent = scaleParent[0];
-				for (var i=0; i<scaleParent.children.length; i++) {
-					var child = scaleParent.children[i];
-					this.scales.push({
-						text: child.textContent,
-						position: Number(child.getAttribute('position'))
-					});
-				}
-			}
-		};
-		
-		this.encode = function(doc) {
-			var node = doc.createElement("interface");
-            if (typeof name == "string")
-                node.setAttribute("name",this.name);
-            for (var option of this.options)
-            {
-                var child = doc.createElement("interfaceoption");
-                child.setAttribute("type",option.type);
-                child.setAttribute("name",option.name);
-                node.appendChild(child);
-            }
-            if (this.scales.length != 0) {
-                var scales = doc.createElement("scales");
-                for (var scale of this.scales)
-                {
-                    var child = doc.createElement("scalelabel");
-                    child.setAttribute("position",scale.position);
-                    child.textContent = scale.text;
-                    scales.appendChild(child);
-                }
-                node.appendChild(scales);
-            }
-            return node;
-		};
-	};
-	
-    this.metricNode = function() {
-        this.enabled = [];
-        this.decode = function(parent, xml) {
-            var children = xml.getElementsByTagName('metricenable');
-            for (var i in children) { 
-                if (isNaN(Number(i)) == true){break;}
-                this.enabled.push(children[i].textContent);
-            }
-        }
-        this.encode = function(doc) {
-            var node = doc.createElement('metric');
-            for (var i in this.enabled)
-            {
-                if (isNaN(Number(i)) == true){break;}
-                var child = doc.createElement('metricenable');
-                child.textContent = this.enabled[i];
-                node.appendChild(child);
-            }
-            return node;
-        }
-    }
-    
-	this.page = function() {
-		this.presentedId = undefined;
-		this.id = undefined;
-		this.hostURL = undefined;
-		this.randomiseOrder = undefined;
-		this.loop = undefined;
-		this.showElementComments = undefined;
-		this.outsideReference = null;
-		this.loudness = null;
-        this.label = null;
-		this.preTest = null;
-		this.postTest = null;
-		this.interfaces = [];
-		this.commentBoxPrefix = "Comment on track";
-		this.audioElements = [];
-		this.commentQuestions = [];
-		this.schema = specification.schema.getAllElementsByName("page")[0];
-		
-		this.decode = function(parent,xml)
-		{
-			var attributeMap = this.schema.getAllElementsByTagName('xs:attribute');
-			for (var i=0; i<attributeMap.length; i++)
-			{
-				var attributeName = attributeMap[i].getAttribute('name') || attributeMap[i].getAttribute('ref');
-				var projectAttr = xml.getAttribute(attributeName);
-				projectAttr = parent.processAttribute(projectAttr,attributeMap[i]);
-				switch(typeof projectAttr)
-				{
-				case "number":
-				case "boolean":
-					eval('this.'+attributeName+' = '+projectAttr);
-					break;
-				case "string":
-					eval('this.'+attributeName+' = "'+projectAttr+'"');
-					break;
-				}
-			}
-			
-			// Get the Comment Box Prefix
-			var CBP = xml.getElementsByTagName('commentboxprefix');
-			if (CBP.length != 0) {
-				this.commentBoxPrefix = CBP[0].textContent;
-			}
-			
-			// Now decode the interfaces
-			var interfaceNode = xml.getElementsByTagName('interface');
-			for (var i=0; i<interfaceNode.length; i++)
-			{
-				var node = new parent.interfaceNode();
-				node.decode(this,interfaceNode[i],parent.schema.getAllElementsByName('interface')[1]);
-				this.interfaces.push(node);
-			}
-			
-			// Now process the survey node options
-			var survey = xml.getElementsByTagName('survey');
-			var surveySchema = parent.schema.getAllElementsByName('survey')[0];
-			for (var i in survey) {
-				if (isNaN(Number(i)) == true){break;}
-				var location = survey[i].getAttribute('location');
-				if (location == 'pre' || location == 'before')
-				{
-					if (this.preTest != null){this.errors.push("Already a pre/before test survey defined! Ignoring second!!");}
-					else {
-						this.preTest = new parent.surveyNode();
-						this.preTest.decode(parent,survey[i],surveySchema);
-					}
-				} else if (location == 'post' || location == 'after') {
-					if (this.postTest != null){this.errors.push("Already a post/after test survey defined! Ignoring second!!");}
-					else {
-						this.postTest = new parent.surveyNode();
-						this.postTest.decode(parent,survey[i],surveySchema);
-					}
-				}
-			}
-			
-			// Now process the audioelement tags
-			var audioElements = xml.getElementsByTagName('audioelement');
-			for (var i=0; i<audioElements.length; i++)
-			{
-				var node = new this.audioElementNode();
-				node.decode(this,audioElements[i]);
-				this.audioElements.push(node);
-			}
-			
-			// Now decode the commentquestions
-			var commentQuestions = xml.getElementsByTagName('commentquestion');
-			for (var i=0; i<commentQuestions.length; i++)
-			{
-				var node = new this.commentQuestionNode();
-				node.decode(parent,commentQuestions[i]);
-				this.commentQuestions.push(node);
-			}
-		};
-		
-		this.encode = function(root)
-		{
-			var AHNode = root.createElement("page");
-            // First decode the attributes
-            var attributes = this.schema.getAllElementsByTagName('xs:attribute');
-            for (var i=0; i<attributes.length; i++)
-            {
-                var name = attributes[i].getAttribute("name");
-                if (name == undefined) {
-                    name = attributes[i].getAttribute("ref");
-                }
-                if(eval("this."+name+" != undefined") || attributes[i].getAttribute("use") == "required")
-                {
-                    eval("AHNode.setAttribute('"+name+"',this."+name+")");
-                }
-            }
-			if(this.loudness != null) {AHNode.setAttribute("loudness",this.loudness);}
-            // <commentboxprefix>
-            var commentboxprefix = root.createElement("commentboxprefix");
-            commentboxprefix.textContent = this.commentBoxPrefix;
-            AHNode.appendChild(commentboxprefix);
-            
-			for (var i=0; i<this.interfaces.length; i++)
-			{
-				AHNode.appendChild(this.interfaces[i].encode(root));
-			}
-			
-			for (var i=0; i<this.audioElements.length; i++) {
-				AHNode.appendChild(this.audioElements[i].encode(root));
-			}
-			// Create <CommentQuestion>
-			for (var i=0; i<this.commentQuestions.length; i++)
-			{
-				AHNode.appendChild(this.commentQuestions[i].encode(root));
-			}
-			
-			AHNode.appendChild(this.preTest.encode(root));
-            AHNode.appendChild(this.postTest.encode(root));
-			return AHNode;
-		};
-		
-		this.commentQuestionNode = function() {
-			this.id = null;
-            this.name = undefined;
-			this.type = undefined;
-			this.options = [];
-			this.statement = undefined;
-			this.schema = specification.schema.getAllElementsByName('commentquestion')[0];
-			this.decode = function(parent,xml)
-			{
-				this.id = xml.id;
-                this.name = xml.getAttribute('name');
-				this.type = xml.getAttribute('type');
-				this.statement = xml.getElementsByTagName('statement')[0].textContent;
-				var optNodes = xml.getElementsByTagName('option');
-				for (var i=0; i<optNodes.length; i++)
-				{
-					var optNode = optNodes[i];
-					this.options.push({
-						name: optNode.getAttribute('name'),
-						text: optNode.textContent
-					});
-				}
-			};
-			
-			this.encode = function(root)
-			{
-				var node = root.createElement("commentquestion");
-                node.id = this.id;
-                node.setAttribute("type",this.type);
-                if (this.name != undefined){node.setAttribute("name",this.name);}
-                var statement = root.createElement("statement");
-                statement.textContent = this.statement;
-                node.appendChild(statement);
-                for (var option of this.options)
-                {
-                    var child = root.createElement("option");
-                    child.setAttribute("name",option.name);
-                    child.textContent = option.text;
-                    node.appendChild(child);
-                }
-                return node;
-			};
-		};
-		
-		this.audioElementNode = function() {
-			this.url = null;
-			this.id = null;
-            this.name = null;
-			this.parent = null;
-			this.type = null;
-			this.marker = null;
-			this.enforce = false;
-			this.gain = 0.0;
-			this.schema = specification.schema.getAllElementsByName('audioelement')[0];;
-			this.parent = null;
-			this.decode = function(parent,xml)
-			{
-				this.parent = parent;
-				var attributeMap = this.schema.getAllElementsByTagName('xs:attribute');
-				for (var i=0; i<attributeMap.length; i++)
-				{
-					var attributeName = attributeMap[i].getAttribute('name') || attributeMap[i].getAttribute('ref');
-					var projectAttr = xml.getAttribute(attributeName);
-					projectAttr = specification.processAttribute(projectAttr,attributeMap[i]);
-					switch(typeof projectAttr)
-					{
-					case "number":
-					case "boolean":
-						eval('this.'+attributeName+' = '+projectAttr);
-						break;
-					case "string":
-						eval('this.'+attributeName+' = "'+projectAttr+'"');
-						break;
-					}
-				}
-				
-			};
-			this.encode = function(root)
-			{
-				var AENode = root.createElement("audioelement");
-				var attributes = this.schema.getAllElementsByTagName('xs:attribute');
-                for (var i=0; i<attributes.length; i++)
-                {
-                    var name = attributes[i].getAttribute("name");
-                    if (name == undefined) {
-                        name = attributes[i].getAttribute("ref");
-                    }
-                    if(eval("this."+name+" != undefined") || attributes[i].getAttribute("use") == "required")
-                    {
-                        eval("AENode.setAttribute('"+name+"',this."+name+")");
-                    }
-                }
-				return AENode;
-			};
-		};
-	};
-}
 			
 function Interface(specificationObject) {
 	// This handles the bindings between the interface and the audioEngineContext;
 	this.specification = specificationObject;
 	this.insertPoint = document.getElementById("topLevelBody");

 		node.appendChild(vendor);
 		node.appendChild(userAgent);
         node.appendChild(screen);
 		return node;
 	};
+    
+    this.returnDateNode = function()
+    {
+        // Create an XML Node for the Date and Time a test was conducted
+        // Structure is
+        // <datetime> 
+        //	<date year="##" month="##" day="##">DD/MM/YY</date>
+        //	<time hour="##" minute="##" sec="##">HH:MM:SS</time>
+        // </datetime>
+        var dateTime = new Date();
+        var hold = storage.document.createElement("datetime");
+        var date = storage.document.createElement("date");
+        var time = storage.document.createElement("time");
+        date.setAttribute('year',dateTime.getFullYear());
+        date.setAttribute('month',dateTime.getMonth()+1);
+        date.setAttribute('day',dateTime.getDate());
+        time.setAttribute('hour',dateTime.getHours());
+        time.setAttribute('minute',dateTime.getMinutes());
+        time.setAttribute('secs',dateTime.getSeconds());
+        
+        hold.appendChild(date);
+        hold.appendChild(time);
+        return hold;
+
+    }
 	
 	this.commentBoxes = new function() {
         this.boxes = [];
         this.injectPoint = null;
         this.elementCommentBox = function(audioObject) {

 	
 	this.deleteCommentQuestions = function()
 	{
 		this.commentQuestions = [];
 	};
+    
+    this.outsideReferenceDOM = function(audioObject,index,inject)
+    {
+        this.parent = audioObject;
+        this.outsideReferenceHolder = document.createElement('button');
+        this.outsideReferenceHolder.id = 'outside-reference';
+        this.outsideReferenceHolder.className = 'outside-reference';
+        this.outsideReferenceHolder.setAttribute('track-id',index);
+        this.outsideReferenceHolder.textContent = "Play Reference";
+        this.outsideReferenceHolder.disabled = true;
+
+        this.outsideReferenceHolder.onclick = function(event)
+        {
+            audioEngineContext.play(event.currentTarget.getAttribute('track-id'));
+        };
+        inject.appendChild(this.outsideReferenceHolder);
+        this.enable = function()
+        {
+            if (this.parent.state == 1)
+            {
+                this.outsideReferenceHolder.disabled = false;
+            }
+        };
+        this.updateLoading = function(progress)
+        {
+            if (progress != 100)
+            {
+                progress = String(progress);
+                progress = progress.split('.')[0];
+                this.outsideReferenceHolder.textContent = progress+'%';
+            } else {
+                this.outsideReferenceHolder.textContent = "Play Reference";
+            }
+        };
+        this.startPlayback = function()
+        {
+            // Called when playback has begun
+            $('.track-slider').removeClass('track-slider-playing');
+            $('.comment-div').removeClass('comment-box-playing');
+            this.outsideReferenceHolder.style.backgroundColor = "#FDD";
+        };
+        this.stopPlayback = function()
+        {
+            // Called when playback has stopped. This gets called even if playback never started!
+            this.outsideReferenceHolder.style.backgroundColor = "";
+        };
+        this.exportXMLDOM = function(audioObject)
+        {
+            return null;
+        };
+        this.getValue = function()
+        {
+            return 0;
+        };
+        this.getPresentedId = function()
+        {
+            return 'Reference';
+        };
+        this.canMove = function()
+        {
+            return false;
+        };
+        this.error = function() {
+                // audioObject has an error!!
+            this.outsideReferenceHolder.textContent = "Error";
+            this.outsideReferenceHolder.style.backgroundColor = "#F00";
+        }
+    }
 	
 	this.playhead = new function()
 	{
 		this.object = document.createElement('div');
 		this.object.className = 'playhead';

         this.object.appendChild(title);
         
         this.object.appendChild(this.slider);
         this.object.appendChild(this.valueText);
     }
+    
+    this.calibrationModuleObject = null;
+    this.calibrationModule = function() {
+        // This creates an on-page calibration module
+        this.storeDOM = storage.document.createElement("calibration");
+        storage.root.appendChild(this.storeDOM);
+        // The calibration is a fixed state module
+        this.calibrationNodes = [];
+        this.holder = null;
+        this.build = function(inject) {
+            var f0 = 62.5;
+            this.holder = document.createElement("div");
+            this.holder.className = "calibration-holder";
+            this.calibrationNodes = [];
+            while(f0 < 20000) {
+                var obj = {
+                    root: document.createElement("div"),
+                    input: document.createElement("input"),
+                    oscillator: audioContext.createOscillator(),
+                    gain: audioContext.createGain(),
+                    f: f0,
+                    parent: this,
+                    handleEvent: function(event) {
+                        switch(event.type) {
+                            case "mouseenter":
+                                this.oscillator.start(0);
+                                break;
+                            case "mouseleave":
+                                this.oscillator.stop(0);
+                                this.oscillator = audioContext.createOscillator();
+                                this.oscillator.connect(this.gain);
+                                this.oscillator.frequency.value = this.f;
+                                break;
+                            case "mousemove":
+                                var value = Math.pow(10,this.input.value/20);
+                                if (this.f == 1000) {
+                                    audioEngineContext.outputGain.gain.value = value;
+                                    interfaceContext.volume.slider.value = this.input.value;
+                                } else {
+                                    this.gain.gain.value = value
+                                }
+                                break;
+                        }
+                    },
+                    disconnect: function() {
+                        this.gain.disconnect();
+                    }
+                }
+                obj.root.className = "calibration-slider";
+                obj.root.appendChild(obj.input);
+                obj.oscillator.connect(obj.gain);
+                obj.gain.connect(audioEngineContext.outputGain);
+                obj.gain.gain.value = Math.random()*2;
+                obj.input.value = obj.gain.gain.value;
+                obj.input.setAttribute('orient','vertical');
+                obj.input.type = "range";
+                obj.input.min = -6;
+                obj.input.max = 6;
+                obj.input.step = 0.25;
+                if (f0 != 1000) {
+                    obj.input.value = (Math.random()*12)-6;
+                } else {
+                    obj.input.value = 0;
+                    obj.root.style.backgroundColor="rgb(255,125,125)";
+                }
+                obj.input.addEventListener("mousemove",obj);
+                obj.input.addEventListener("mouseenter",obj);
+                obj.input.addEventListener("mouseleave",obj);
+                obj.gain.gain.value = Math.pow(10,obj.input.value/20);
+                obj.oscillator.frequency.value = f0;
+                this.calibrationNodes.push(obj);
+                this.holder.appendChild(obj.root);
+                f0 *= 2;
+            }
+            inject.appendChild(this.holder);
+        }
+        this.collect = function() {
+            for (var obj of this.calibrationNodes) {
+                var node = storage.document.createElement("calibrationresult");
+                node.setAttribute("frequency",obj.f);
+                node.setAttribute("range-min",obj.input.min);
+                node.setAttribute("range-max",obj.input.max);
+                node.setAttribute("gain-lin",obj.gain.gain.value);
+                this.storeDOM.appendChild(node);
+            }
+        }
+    }
+    
+    
 	// Global Checkers
 	// These functions will help enforce the checkers
 	this.checkHiddenAnchor = function()
 	{
 		for (var ao of audioEngineContext.audioObjects)

             this.SessionKey.generateKey();
             this.document = document.implementation.createDocument(null,"waetresult");
             this.root = this.document.childNodes[0];
             var projectDocument = specification.projectXML;
             projectDocument.setAttribute('file-name',url);
+            projectDocument.setAttribute('url',qualifyURL(url));
             this.root.appendChild(projectDocument);
-            this.root.appendChild(returnDateNode());
+            this.root.appendChild(interfaceContext.returnDateNode());
             this.root.appendChild(interfaceContext.returnNavigator());
         } else {
             this.document = existingStore;
             this.root = existingStore.children[0];
             this.SessionKey.key = this.root.getAttribute("key");

 			var aeNode = this.parent.document.createElement('audioelement');
 			aeNode.setAttribute('ref',element.id);
             if (element.name != undefined){aeNode.setAttribute('name',element.name)};
 			aeNode.setAttribute('type',element.type);
 			aeNode.setAttribute('url', element.url);
+            aeNode.setAttribute('fqurl',qualifyURL(element.url));
 			aeNode.setAttribute('gain', element.gain);
 			if (element.type == 'anchor' || element.type == 'reference')
 			{
 				if (element.marker > 0)
 				{