/*************************************************************
 * setup.js.php
 * 
 * Sets up the experiment and each of the tests
 * within it. 
 * 
 * Author: Willy Xiao 
 * Last Modified: August 2, 2013
 *
 *
 * © Copyright 2013 Intelligent and Interactive Systems
 * Group, Harvard University.
 * For questions about this file and permission to use
 * the code, contact us at info@labinthewild.org
 *************************************************************/


var motorLogger = new MotorLogger(); // from motorLogger2.js

/* FixedSet is Sternberg's invariable set 
	followed by multiple probes.*/
var fixedSet = new FixedSet(0); // being loaded as the 0th element in globals.tests

// global variables
var globals = {

	// all of the tests that are presented to the user
	tests : [fixedSet],

	// updated later after demographics
	participant_id : 0
}; 

// variable used to determine whether using a touch device later in the code
var withTouch = false;

// variable used to determine where the common resources are
var commonResourcesLoc = "../common/";

function setup () {
	// force orientation
	fixOrientation("landscape");

	// first do a browser detect
	var browserDetectResults = browserDetect();
	withTouch = browserDetectResults.is_mobile;
	if (!browserDetectResults.pass) {
		$("#error").html(getBrowserErrorHTML(browserDetectResults));
		showFailPage();
	}

	// set up html
	$("#header").html("<a href='http://www.labinthewild.org'><img src='../common/img/logo.png' alt='logo' id='logo'/></a><span id='share_text'>" 
		+ "Tell your friends about this test!" + "</span>");
	$("#share_this").detach().appendTo("#header");
	$("#share_this").show();
	$("#header").append("<div class='separator'> &nbsp; </div>");
	$$$("nextTrialWarning").innerHTML = 
		"<div style='text-align: center'>"
			+ "<br/><p style='font-size : 15px'>Prepare for the next trial...</p>"
		+ "</div>";

	$$$("studyinfo").innerHTML = "<h2 class='bolded-blue'>Memory Speed Test</h2>" +
		"<p>You're about to take a test on LabintheWild. Your contribution to our research allows us to learn more about cognitive differences around the world. The results from your test will also tell you something about yourself!</p>" +
		"<p><em>Please read the following information carefully before proceeding.</em></p><p><strong>" +
		"Why we are doing this research</strong>: We are trying to understand how short term memory works. More specifically, the goal of this study is to replicate the <a target='_blank' href='http://www.psych.upenn.edu/~saul/hss.html'>experiments</a> done by an American psychologist Robert Sternberg in 1966.</p>" +
		"<p><strong>What you will have to do</strong>: You will be shown several sets of symbols, and we will ask you to memorize and later recall those symbols. Your participation in this study is completely voluntary, and you may refuse to participate or withdraw from the study without penalty or loss of benefits to which you may otherwise be entitled.</p>" +
		"<p><strong>What you will get out of it</strong>: We will give you feedback on how your results compare to those of other participants. The final results from this experiment will be posted on our blog page. The experiment is not designed to benefit you, but you may enjoy it and enjoy comparing your results with those of other participants.</p>" +
		"<p><strong>Privacy and Data Collection</strong>: We will not ask you for your name. Any data that we collect will be securely stored on our servers.</p>" +
		"<p><strong>Duration</strong>: Approximately 10 minutes.</p>" +
		"<p><strong>Contact information</strong>: If you have questions about this research, you may contact Professor Katharina Reinecke, Paul G. Allen Center for Computer Science & Engineering, Box 352350, Seattle, WA 98195, " + " <a href='mailto:reinecke@cs.washington.edu'>reinecke@cs.washington.edu</a>." +
		"<p>If you have questions about your rights as a research participant, or wish to obtain information, ask questions or discuss any concerns about this study with someone other than the researcher(s), please contact the University of Washington Human Subjects Division at 206-543-0098 (for international calls include the US Calling Code: +1-206-543-0098)." +
		"<form><input type='checkbox' id='agreeToStudy'/>" +
		"<label for='agreeToStudy'>By ticking this box, you are agreeing to be in the study. Be sure that questions you have about the study have been answered and that you understand what you are being asked to do. You may contact the researcher if you think of a question later. You are free to leave the experiment at any time, and refusing to be in the experiment or stopping participation will involve no penalty or loss of benefits to which you are otherwise entitled." +
		"</label></form>";



			$$$("splash").innerHTML =
		"<h2 class='bolded-blue'>Memory Speed Test</h2><p><img src='img/memory-medium.png' alt='' align='right' width='200px' height='199px'/>Welcome! You're about to take a test on Lab in the Wild. </p><p>The \"Memory Speed Test\" is a classic test designed to measure how quickly we can retrieve information from short-term memory and how this timing changes depending on how many things we are trying to keep in mind at the same time.</p><p>At the end of the test, we will show you how your performance compares to others.</p><p>The test typically takes less than 10 minutes to complete.</p><p><b>This study requires a keyboard!</b>  Tablets (such as iPads) will not work unless you have an external physical keyboard.  It may also not work properly on older versions of Internet Explorer.  We apologize for not being able to support all browsers.</p><p>Whenever you are ready, click the little blue arrow below to go to the next page.</p>"; 
		
	$$$("ajax_working").innerHTML = getAJAXWorkingHTML();
	$$$("error").innerHTML = getFatalErrorHTML();
	
	// setup from each test and their preloaded items
	var preloadArr = getCommonImageLinksArray().concat(["img/probe.png", "img/set.png", "img/yes.png", "img/no.png", "img/mouse_center.png"]);
	var preloadHelpers = []; 
	
	var len = globals.tests.length; 
	
	// setup and preload all items from each of the tests
	for (var test_num = 0; test_num < len; test_num++) {
		globals.tests[test_num].setup(); // setup each test (look at testInterface.txt for explanation)
		preloadArr.push(globals.tests[test_num].preload_arr); 
	}
		
	var preload_helper = function() {
		$("#probes").append("<br/><div id='response'>"
			+ "<center><font size='4'>Was this symbol in the set?</font></center><br/>"
			+ "<center><font size='4'>Press <b>1</b> for Yes, <b>0</b> for No</font></center><br/>"
			//+ "<center><img src='img/yes-no.png' alt='' /></center><br/>"
			//+ "<img class='yes_no_response' id='yes_response' src='img/yes.png' align='left' alt='yes' height='85px' width='85px' />" 
			//+ "<img class='yes_no_response' id='no_response' src='img/no.png' align='right' alt='no' height='85px' width='85px' />"
			+ "</div><div id='feedback' ></div>"); 
	
		$(".yes_no_response").css("cursor", "pointer");
		$(".yes_no_response").css("position", "relative"); 
		$(".yes_no_response").css("top", "-50px"); 
		
		$("#stims").append("<br/><div id='prompt'><center><font size='4'>Memorize these symbols</font><center></div>"); 
	
		for (n in globals.tests) { // call preload_helper on every test (look at testInterface.txt for explanation)
			globals.tests[n].preload_helper(); 
		}

		$("#mouse_center").append("<div style='height: 75px' ></div><img src='img/mouse_center.png' alt='next' height='100px' width='100px'"
			+ "style='display: block; margin-left: auto; margin-right: auto' />");
		$("#mouse_center").hide(); 
		$("#mouse_center").children("img").css("cursor", "pointer"); 
		
		splash();
	}		
	
	preload(preloadArr, preload_helper); 
}

// prevent accidental closing of test
window.onbeforeunload = function () {
	return "You are leaving the test, and all your progress on this test will be lost.";
}

// window loaded? let's set up!
window.onload = setup;