var commonResLoc = (typeof commonResourcesLoc) == "undefined" ? "../common/" : commonResourcesLoc;

function getCommonImageLinksArray() {
	return [commonResLoc + "img/ajax-loader.gif", commonResLoc + "img/fail.png", commonResLoc + "img/logo.png", commonResLoc + "img/next.png", commonResLoc + "img/next_active.png"];
}

function getHeaderWithoutShareHTML() {
	return "<a href='http://www.labinthewild.org'><img src='" + commonResLoc + "img/logo.png' alt='logo' id='logo'/></a><div class='separator'> &nbsp; </div>";
}

function getLikertScaleHTML(left_text, right_text) {
	return '<table id="likert_scale"><tr>' +
	'<td style="text-align: center; width: 75px;">' + left_text + '</td>' +
	'<td style="padding-left: 30px; padding-right: 30px; width:80%;">' +
	'<form action="" style="text-align: center;">' +
		'<input type="radio" name="scale_value" value="1" />' +
		'<input type="radio" name="scale_value" value="2" />' +
		'<input type="radio" name="scale_value" value="3" />' +
		'<input type="radio" name="scale_value" value="4" />' +
		'<input type="radio" name="scale_value" value="5" />' +
		'<input type="radio" name="scale_value" value="6" />' +
		'<input type="radio" name="scale_value" value="7" />' +
		'<input type="radio" name="scale_value" value="8" />' +
		'<input type="radio" name="scale_value" value="9" />' +
   '</form></td>' +
   '<td style="text-align: center; width: 75px;">' + right_text + '</td>' +
   '</tr></table>';
}

function getAJAXWorkingHTML() {
	return '<br><img src="' + commonResLoc + 'img/ajax-loader.gif" alt="ajax loader" style="vertical-align: middle;"/>' + 'Please wait one moment...';
}

function getFatalErrorHTML() {
	return "<img src='" + commonResLoc + "img/fail.png' alt='frowny' style='display:block;margin:0 auto;'/><br/>" +
		"<h2>A Fatal Error Occurred!</h2><br/>" +
		"<p>Lab in the Wild has been notified of the problem, and a team of highly trained whales are on it. We apologize for the inconvenience.</p>" +
		"<p>Need to vent? (Or feeling especially helpful?) Email us at <a href='mailto:info@labinthewild.org'>info@labinthewild.org</a> to tell us how this happened and how it made you feel.</p>" +
		"<p style='text-align:center;'><br/><a href='index.php'>Try this test again</a><br/><br/><a href='http://www.labinthewild.org'>Return to Lab in the Wild</a></p>";	
}

function getBrowserErrorHTML(error) {
	return "<img src='" + commonResLoc + "img/fail.png' alt='frowny' style='display:block;margin:0 auto;'/><br/>" +
		"<h2>Your browser or device is not compatible!</h2><br/>" +
		"<p>" + error + "</p>" +
		"<p>Feel like we made a mistake and that you should be able to take this test with the device or browser you are using? Email us at <a href='mailto:info@labinthewild.org'>info@labinthewild.org</a>! </p>" +
		"<p style='text-align:center;'><br/><a href='http://www.labinthewild.org'>Return to Lab in the Wild</a></p>";
}

/*
 * Handles test errors arising from bad AJAX requests (e.g., when demographics and/or
 * data info via the server goes kaput) by attempting another (hopefully successful)
 * AJAX request with debugging info and persuading the participant to e-mail us, too.
 *
 * Parameter: err, a string of the original error to send through the AJAX request
 * Returns:   nothing
 * Questions? E-mail dhu@college.harvard.edu || artemis1593@gmail.com
 */
function handleError(err) {
    // create showFailPage (and accompanying error div) if necessary
    if (typeof showFailPage !== "function") {
        $('<div id="error"></div>').appendTo("body");
        $$$("error").innerHTML = getFatalErrorHTML();

        function showFailPage() {
            // assume we have content div
            $$$("content").style.display = "none";
            window.onbeforeunload = null;
            $$$("error").style.display = "block";
            throw new Error('Fatal Error');
        }
    }

    // data to send via ajax
    var data = {
        participant_id: vars.participant_id,
        test_url: window.location.toString(),
        user_agent: navigator.userAgent,
        ajax0: err,
        ajax1: "",
        database_id: -1
    };

    // try to send data via ajax request, and update data based on success
    $.ajax({
        type: 'POST',
        url: commonResLoc + 'include/testerror.php',
        data: data
    }).done(function (response) {
                try {
                    response = $.parseJSON(response);
                    data.ajax1 = response.ajax1;
                    data.database_id = response.database_id;
                }
                catch (e) {
                    data.ajax1 += "\n" + e.toString();
                }
            })
      .fail(function ()   { data.ajax1 = "Failed!"; })
      .always(function () { failAwesomely(); });

    // now that we have standard showFailPage, amp it up to display more info
    function failAwesomely () {
        var msg = 
            "<p><b>Be our hero!</b> If you e-mail us, it would be awesomely helpful if you could copy and paste to your message the information in curly braces below:</p>" +
            "<p style='text-align:left; width:75%; margin-left:10%;'>" +
                JSON.stringify(data, null, " ") +
            "</p>" +
            "<p>Also let us know if we can get in touch with you to troubleshoot the error or let you know when we release a fix! In the meantime...</p>";

        $(msg).insertBefore("#error p:last-child");
        showFailPage();
    }
}

/*
 * To the bottom of the results page, adds cool sharing buttons, links to other
 * tests, and the copyright thing. To use this, make sure that the test's index.php
 * already has the following HTML somewhere after the results div:
    <div id="results2">
        <div id="end_share">
            <span class='st_facebook_large' displayText='Facebook'></span>
            <span class='st_twitter_large' displayText='Tweet'></span>
            <span class='st_pinterest_large' displayText='Pinterest'></span>
            <span class='st_email_large' displayText='Email'></span>
        </div>
    </div>
 * Parameter: testTitles, a string array of the titles of tests you want to link to
 *            MAKE SURE THIS IS GETTEXTED!
 * Returns:   nothing
 * Questions? E-mail dhu@college.harvard.edu || artemis1593@gmail.com
 */
function showFooter(testTitles) {
    // insert preliminary footer before we get to sharing buttons
	var begin_share =
		"<div class='separator' style='margin-top: 50px; margin-bottom: 0px; height:5px; clear:left;'> &nbsp; </div>" +
		"<p style='text-align:center; font-size:18px; margin-top: 50px;'>" +
		"<span class='bolded-blue'>Thanks again!</span> Thought that was fun?" + "</p>" +
		"<div style='font-size:18px; margin-bottom:5px;'>" + "Tell your friends:" + "</div>";
	
	$(begin_share).insertBefore("#end_share");
    
    // now begin links to other stuff
	var links =
		"<br/><p style='font-size:18px; margin-bottom:5px;'>" +
        "And consider taking some of our other tests:" + "</p>" +
		"<table id='tests-table'>";

	// json info of other tests to link to
    var tests = $.parseJSON(
        

'[{"title":"How do you collaboratively solve problems?","img":"https:\/\/studies.labinthewild.org\/team-work\/img\/logo1.jpg","desc":"Imagine you are trying to solve a difficult problem at work. Your boss assigns you to a new collaborator, an artificial intelligence (AI), who is going to be helping you solve the problem. How well can you work with this AI? This study takes around 10 minutes to complete.","lang":"en","url":"https:\/\/studies.labinthewild.org\/team-work\/"},{"title":"What is your decision-making style?","img":"images\/decision-making-logo.jpg","desc":"You are making decisions every day. Have you wondered what kind of decision-making styles you have? Take our test and you will learn more about it!","lang":"en","url":"studies\/decision-making\/"},{"title":"What\u2019s your personality?","img":"images\/personality.png","desc":"You will learn about the five main traits of your personality and how you score on them. We will also try to establish the relationship between personality and physical activity goals.","lang":"en","url":"studies\/personality\/"},{"title":"Can you tell the nutritional content of a plate?","img":"https:\/\/ai.labinthewild.org\/nutrition\/images\/thumbnail.png","desc":"Take this study to see if you can accurately tell the nutritional content of a plate. See if you are more accurate than the average! An AI assistant will help you along the way.","lang":"en","url":"https:\/\/va.labinthewild.org\/va"},{"title":"Are you better than an AI in noticing hateful speech?","img":"images\/toxicity-icon.png","desc":"Rate what speech is hateful and we\u0027ll show you how well you detect hateful speech compared to an AI and others.","lang":"en","url":"studies\/toxicity\/"},{"title":"Where are you on the techno-skeptic to techno-utopian scale?","img":"images\/mixed-reality.png","desc":"Tell us how you think future mixed reality technology will affect your personal life, we will show you whether you are more techno-skeptic or techno-utopian.","lang":"en","url":"studies\/techno-utopia"},{"title":"Could you live with an AI and its morals?","img":"images\/culturaldelphii-logo.png","desc":"Tell us your moral judgments on certain situations and we will show you how you compare to others\u0027 and an AI.","lang":"en","url":"https:\/\/culturaldelphii.labinthewild.org\/"},{"title":"Play retro video games and see how you compare to others!","img":"studies\/atari\/atari-logo.png","desc":"Play old arcade video games and see how you do compared to others. You will also help us understand how AI agents can learn from and interact with human players. This experiment can take as little as one minute or as long as you are having fun playing the games.","lang":"en","url":"studies\/atari\/"},{"title":"Bar chart ratios as far as the eyes can see","img":"images\/ratio_estimation.png","desc":"Are different bar chart styles created equal? Find out by taking quick estimates of ratios from bar charts. This test tasks about 5 minutes.","lang":"en","url":"studies\/ratio\/"},{"title":"What percentage of Wikipedia do you know?","img":"studies\/wikipedia\/img\/wikipedia-logo.png","desc":"Take a survey on a few Wikipedia articles to see how well and fast you learn things. This study takes 5 minutes to complete.","lang":"en","url":"studies\/wikipedia"},{"title":"How do you make online connections?","img":"images\/friends-logo.png","desc":"This study will find out the fittest traits for your ideal friend. You will need to answer a few questions for us to generate your ideal friends\u0027 profiles, which you will then need to interact with. Afterwards we will show you our estimates on their traits.","lang":"en","url":"https:\/\/friends.labinthewild.org\/friends\/"},{"title":"Three privacy categories: which one best describes you?","img":"images\/privacyexpectations-logo.jpg","desc":"Tell us about your social media privacy expectations to find out your privacy index and how you compare to others. This test typically takes 15 minutes to complete. ","lang":"en","url":"https:\/\/privacyexpectations.labinthewild.org\/"},{"title":"You\u0027ve got email: Discover what email look will move you!","img":"studies\/newsletters\/img\/newsletter-icon.png","desc":"Tell us your opinion about some real-world email designs and you will learn what looks will tend to make you click! This test takes around 7 minutes.","lang":"en","url":"studies\/newsletters\/"},{"title":"Amazon, Apple, Facebook, Google: Can you tell the difference?","img":"images\/formality-logo.jpg","desc":"Test how well you know how big tech talks. This study takes 5 minutes.","lang":"en","url":"studies\/formality-security\/"},{"title":"COVID-19 dilemmas around the world: how would you decide?","img":"images\/covid_dilemma_logo.png","desc":"Test how your responses to moral dilemmas compare to others. This study takes around 5 minutes.","lang":"en pt de zh","url":"studies\/covid-dilemmas\/index.php"},{"title":"Test your spatial reasoning!","img":"images\/spatial-logo.png","desc":"Test how well you can visualize objects and images in space! The test typically takes 15 minutes to complete.","lang":"en","url":"https:\/\/spatialreasoning.labinthewild.org\/spatial\/"},{"title":"Do you make assumptions about people without knowing it?","img":"images\/aliens-logo.png","desc":"How well do you find patterns? Do you make assumptions about people without knowing it?","lang":"en","url":"https:\/\/aliens.labinthewild.org\/aliens\/"},{"title":"How well can AI understand your speech?","img":"images\/reading-assessment.jpg","desc":"Find out how well AI can understand your speech by reading out loud a few words and sentences! The test takes around 7 minutes.","lang":"en","url":"https:\/\/reading.labinthewild.org"},{"title":"How accurate is your peripheral vision?","img":"images\/virtual-chinrest.jpg","desc":"Are you curious about how accurate your peripheral vision is compared to others? Learn more about your visual perception by doing these fun tasks! This test takes around 8 minutes.","lang":"en","url":"studies\/peripheral-vision\/"},{"title":"What is your reasoning style?","img":"images\/ai_reasoning_logo2.png","desc":"Do you know what your reasoning style is? Interact with two different AIs in a nutrition-related task and find out which reasoning style you understand better. Compare yourself to others! The test typically takes 7 minutes to complete.","lang":"en","url":"http:\/\/ai.labinthewild.org\/nutrition\/?v=v2-a"},{"title":"Do you solve puzzles like a robot?","img":"images\/robot-puzzles-logo.png","desc":"Do you think you\u0027re a puzzle master? Do you think that you can do as well as a computer program? Try our puzzles to find out. They take about 10 minutes.","lang":"en","url":"studies\/litwf-robot-puzzles\/"},{"title":"How fast can you scan websites?","img":"images\/search-world.jpg","desc":"How quickly do you find information on websites? Compare your speed to others! This study takes around 10 minutes.","lang":"en ja","url":"studies\/viz_performance\/"},{"title":"Are you a savvy Airbnb user?","img":"images\/airbnb.png","desc":"Find out how your Airbnb use and preferences compare with others and learn about the use of technology in Airbnbs. This study takes around 10 minutes.","lang":"en","url":"studies\/litwf-airbnb\/"},{"title":"How good are you at data analysis?","img":"images\/analytic_skills_logo.jpg","desc":"Do you wonder how good you are at using different kinds of data? Try to make sense of some charts and see how you compare to others. This will take around 10 minutes.","lang":"en","url":"studies\/litwf-analytic-skills\/index.php"},{"title":"What is your personality?","img":"images\/puzzle_question_mark_brain.png","desc":"In this 10 minute study we will predict your personality traits, like how extroverted you are!","lang":"en","url":"https:\/\/storytelling.labinthewild.org\/template\/index.html"},{"title":"What is your problem solving intelligence?","img":"images\/cog-brain.jpg","desc":"How well do you solve new problems? Test your problem solving abilities! This study will take around 10 minutes.","lang":"en ru zh","url":"studies\/problem_solving\/"},{"title":"What do you see?","img":"images\/graphs-small.png","desc":"How well you can read different types of graphs? Learn what type of graph is best for you, and you can help us invent new graph types. This experiment takes about 10 minutes and requires a laptop or tablet.","lang":"en es","url":"http:\/\/graphs.labinthewild.org\/"},{"title":"Where in the world does your taste live?","img":"images\/aesthetics_around_the_world.jpg","desc":"Judge the visual appeal of website screenshots and we will tell you the country that your taste matches up with.","lang":"en","url":"studies\/aesthetics\/"},{"title":"How good is your nutrition knowledge?","img":"images\/vegetables-200.jpg","desc":"How good is your nutrition gut? Can you tell just by looking at a meal whether it is a significant source of protein, fat, or carbohydrates? This test takes about 10 minutes.","lang":"en","url":"http:\/\/food.labinthewild.org\/study1\/"},{"title":"What is your privacy profile?","img":"images\/privacy-iot-logo-small.png","desc":"Find out how your data sharing behavior compares to others and learn about the Internet of Things. This study takes around 10 minutes.","lang":"en pt","url":"studies\/privacy-iot\/"},{"title":"Multitasking Test","img":"images\/multitasking.png","desc":"How well can you multitask? Compare yourself to others by taking this test! Takes about 10 minutes.","lang":"en","url":"http:\/\/multitasking.labinthewild.org\/multitasking\/"},{"title":"Test your social intelligence!","img":"images\/intelligence2.png","desc":"Test how well you can read emotions of others just by looking at their eyes. This experiment takes around 10 minutes.","lang":"en","url":"http:\/\/socialintelligence.labinthewild.org\/mite\/?"}]'    );

    // add test info to table for tests we want to display
    $.each(tests, function (index, t) {
        // if title is in our array of desired test titles
        if ($.inArray(t.title, testTitles) !== -1) {
            // correct img url (absolute)
            //t.img = "http://labinthewild.org/"+t.img;
            t.img = "../../" + t.img;

            links += 
                "<tr>" +
                    "<td>" +
                        "<a href='../../" + t.url + "'><img src='" + t.img + "' /></a>" +
                    "</td>" +
                    "<td>" + 
                        "<p><a href='../../" + t.url + "'>" + t.title + "</a></p>" +
                        "<p>" + t.desc +
                            "<a href='../../" + t.url + "'> " +
                                "Participate now!" +
                            "</a>" +
                        "</p>" +
                    "</td>" +
                "</tr>";
        }
    });
    
    // finish off the table and officially append to results
    links += "</table>";

    $(links).appendTo("#results2");
    
    // link back to home page and put copyright at bottom
    var home =
		"<p style='font-size:18px; text-align:center;'>" +
			"Or <a href='http://www.labinthewild.org/'>Return to the Wild</a>!" +
		"</p>" +
        "<div class='separator' style='margin-top:50px; margin-bottom:0px; height:5px; clear:left;'> &nbsp; </div><div style='display: block; width: 100%; text-align: center; margin-bottom: 40px; color:#777; font-size: 12px;'>" + "Copyright 2016, LabintheWild." + "</div>";	
	$(home).appendTo("#results2");

	// show the whole dang thang
	$$$("results2").style.display = "block";
}