<commit_before><!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<meta charset="utf-8" /> 
		<title>Gamelab | Participant Lobby</title>
		<link rel="stylesheet" href="@HTURI@/style.css" type="text/css" />
		<link rel="stylesheet" href="@HTURI@/playerlobby.css" type="text/css" />
		<link rel="stylesheet" href="@FONTURI@" type="text/css" />
		<script src="@HTURI@/script.min.js"></script>
		<script src="@HTURI@/playerlobby.min.js"></script>
		<script src="@HTURI@/flotr2.min.js"></script>
	</head>
	<body onload="doInit();">
		<article>
			<section>
				<div id="top">
					<a href="http://www.kcons.eu/gamelab"><img src="logo.png" alt="Gamelab Logo" /></a>
					<h1><a href="http://www.kcons.eu/gamelab">gamelab</a></h1>
				</div>
				<div>
					<section id="ploading">
						<h3>Participant Lobby</h3>
						<p>
							<i class="fa fa-spinner fa-spin"></i> Loading...
						</p>
					</section>
					<section id="ploaded" class="noshow">
						<h3>Participant Lobby</h3>
						<div id="main">
							<p>
								You're in the participant lobby, waiting for a chance to play.
							</p>
						</div>
						<div id="questionnaire">
							<section id="question-1" class="noshow">
								<p>
									Before playing, you must answer some questions.
								</p>
								<p>
									In this study you will use this web page to play a number of games. 
									Before being able to play you have to read through some short
									instructions and will be asked to answer a few questions to make sure
									you understand. You can read these instructions again once you have
									answered all questions.
								</p>
								<p>
									Your chances to win the lottery depend in part on how well you
									understand these instructions, so read them carefully.
								</p>
								<div class="standalone">
									<div class="input input-submit">
										<i class="fa fa-fw fa-check"></i>
										<button onclick="startQuestions();">Start</button>
									</div>
								</div>
							</section>
							<section id="question0" class="noshow">
								<p class="error noshow" id="questionerror0">
									Answer incorrect.
									Please try again.
								</p>
								<p>	
									The study is divided into a number of rounds. In each round you and
									others will make decisions in 5 games. These games are identical in all
									rounds.
								</p>
								<p>	
									In each game you can earn tickets for a lottery that will take place
									after the final round. The number of tickets you earn depends on both
									your own and others' decisions in the games. The prize of the lottery is
									10 000 SEK.
								</p>
								<p>
									Each round will last for at least 5 hours and will end when either 50%
									of all participants have played or after 10 hours have passed.
								</p>
								<p>
									How many games will you play in each round?
								</p>
								<form action="@LABURI@/doanswer.json" method="post" onsubmit="return(doPlay(this));">
									<input type="hidden" name="aid" value="0" />
									<fieldset>
										<div class="input">
											<i class="fa fa-fw fa-square"></i>
											<div class="inputgroup">
												<div>
													<input id="choice0a" name="choice0" type="radio" value="0" />
													<label for="choice0a">2</label>
												</div>
												<div>
													<input id="choice0b" name="choice0" type="radio" value="1" />
													<label for="choice0b">3</label>
												</div>
												<div>
													<input id="choice0c" name="choice0" type="radio" value="2" />
													<label for="choice0c">4</label>
												</div>
												<div>
													<input id="choice0d" name="choice0" type="radio" value="3" />
													<label for="choice0d">5</label>
												</div>
												<div>
													<input id="choice0e" name="choice0" type="radio" value="4" />
													<label for="choice0e">6</label>
												</div>
											</div>
										</div>
										<div class="input input-submit">
											<i class="fa fa-fw fa-check"></i>
											<input type="hidden" name="workaround_ie_breakage" value="1" />
											<input id="questionSubmit0" type="submit" value="Submit" />
										</div>
									</fieldset>
								</form>
							</section>
							<section id="question0-correct" class="noshow">
								<p>
									That's right!
								</p>
								<div class="standalone">
									<div class="input input-submit">
										<i class="fa fa-fw fa-check"></i>
										<button onclick="window.location.reload();">Next Question</button>
									</div>
								</div>
							</section>
							<section id="question1" class="noshow">
								<p class="error noshow" id="questionerror1">
									Answer incorrect.
									Please try again.
								</p>
								<p>
									Each game is given in a table and you will have to choose one or more
									rows to play in each. You will then be matched against the other
									participants who will choose one or more columns.
								</p>
								<p>
									Your payoff for a given row and column combination is the first number
									in each cell, shown here in
									<i style="color: #333;" class="fa fa-square"></i>.
									The column player's payoff is the second number in each cell, shown here in
									<i style="color: #aaa;" class="fa fa-square"></i>.
									Each payoff point awards one lottery ticket at the end of the
									experiment.
								</p>
								<div class="poffs">
									<div>
										<div></div>
										<div>A</div>
										<div>B</div>
									</div>
									<div>
										<div>a</div>
										<div><span style="color: #333;">1</span>, <span style="color: #aaa;">2</span></div>
										<div><span style="color: #333;">3</span>, <span style="color: #aaa;">4</span></div>
									</div>
									<div>
										<div>b</div>
										<div><span style="color: #333;">5</span>, <span style="color: #aaa;">6</span></div>
										<div><span style="color: #333;">7</span>, <span style="color: #aaa;">8</span></div>
									</div>
								</div>
								<p>
									What is your payoff from the combination of row <strong>a</strong> and
									column <strong>B</strong> in the game table?
								</p>
								<form action="@LABURI@/doanswer.json" method="post" onsubmit="return(doPlay(this));">
									<input type="hidden" name="aid" value="1" />
									<fieldset>
										<div class="input">
											<i class="fa fa-fw fa-square"></i>
											<div class="inputgroup">
												<div>
													<input id="choice1a" name="choice1" type="radio" value="0" />
													<label for="choice1a">2</label>
												</div>
												<div>
													<input id="choice1b" name="choice1" type="radio" value="1" />
													<label for="choice1b">3</label>
												</div>
												<div>
													<input id="choice1c" name="choice1" type="radio" value="2" />
													<label for="choice1c">4</label>
												</div>
												<div>
													<input id="choice1d" name="choice1" type="radio" value="3" />
													<label for="choice1d">8</label>
												</div>
												<div>
													<input id="choice1e" name="choice1" type="radio" value="4" />
													<label for="choice1e">9</label>
												</div>
											</div>
										</div>
										<div class="input input-submit">
											<i class="fa fa-fw fa-check"></i>
											<input type="hidden" name="workaround_ie_breakage" value="1" />
											<input id="questionSubmit1" type="submit" value="Submit" />
										</div>
									</fieldset>
								</form>
							</section>
							<section id="question1-correct" class="noshow">
								<p>
									That's right!
								</p>
								<div class="poffs">
									<div>
										<div></div>
										<div>A</div>
										<div>B</div>
									</div>
									<div>
										<div>a</div>
										<div><span style="color: #333;">1</span>, <span style="color: #aaa;">2</span></div>
										<div><span style="color: #333;">3</span>, <span style="color: #aaa;">4</span></div>
									</div>
									<div>
										<div>b</div>
										<div><span style="color: #333;">5</span>, <span style="color: #aaa;">6</span></div>
										<div><span style="color: #333;">7</span>, <span style="color: #aaa;">8</span></div>
									</div>
								</div>
								<div class="standalone">
									<div class="input input-submit">
										<i class="fa fa-fw fa-check"></i>
										<button onclick="window.location.reload();">Next Question</button>
									</div>
								</div>
							</section>
							<section id="question2" class="noshow">
								<p class="error noshow" id="questionerror2">
									Answer incorrect.
									Please try again.
								</p>
								<p>
									You will only get payoffs from the rows you choose to play. However,
									column players will be choosing which of the columns to play, so you
									won't have full control over the payoff you get.
								</p>
								<div class="poffs">
									<div>
										<div></div>
										<div>A</div>
										<div>B</div>
									</div>
									<div>
										<div>a</div>
										<div><span style="color: #333;">1</span>, <span style="color: #aaa;">2</span></div>
										<div><span style="color: #333;">3</span>, <span style="color: #aaa;">4</span></div>
									</div>
									<div>
										<div>b</div>
										<div><span style="color: #333;">5</span>, <span style="color: #aaa;">6</span></div>
										<div><span style="color: #333;">7</span>, <span style="color: #aaa;">8</span></div>
									</div>
								</div>
								<p>
									What would your payoff be if you played row <strong>b</strong> in the game above?
								</p>
								<form action="@LABURI@/doanswer.json" method="post" onsubmit="return(doPlay(this));">
									<input type="hidden" name="aid" value="2" />
									<fieldset>
										<div class="input">
											<i class="fa fa-fw fa-square"></i>
											<div class="inputgroup">
												<div>
													<input id="choice2a" name="choice2" type="radio" value="0" />
													<label for="choice2a">3</label>
												</div>
												<div>
													<input id="choice2b" name="choice2" type="radio" value="1" />
													<label for="choice2b">2</label>
												</div>
												<div>
													<input id="choice2c" name="choice2" type="radio" value="2" />
													<label for="choice2c">8</label>
												</div>
												<div>
													<input id="choice2d" name="choice2" type="radio" value="3" />
													<label for="choice2d">9</label>
												</div>
												<div>
													<input id="choice2e" name="choice2" type="radio" value="4" />
													<label for="choice2e">Can't Tell</label>
												</div>
											</div>
										</div>
										<div class="input input-submit">
											<i class="fa fa-fw fa-check"></i>
											<input type="hidden" name="workaround_ie_breakage" value="1" />
											<input id="questionSubmit2" type="submit" value="Submit" />
										</div>
									</fieldset>
								</form>
							</section>
							<section id="question2-correct" class="noshow">
								<p>
									That's right!
									In order to know your payoff, it is necessary to know how the column players played.
								</p>
								<div class="standalone">
									<div class="input input-submit">
										<i class="fa fa-fw fa-check"></i>
										<button onclick="window.location.reload();">Next Question</button>
									</div>
								</div>
							</section>
							<section id="question3" class="noshow">
								<p class="error noshow" id="questionerror3">
									Answer incorrect.
									Please try again.
								</p>
								<p>
									After you have chosen which rows to play you must assign a weight to
									each of these. 
									The weights must add up to <strong>1</strong>. 
									A weight of <strong>1</strong> means that payoffs (for you and the
									column player) will be calculated solely based on that row. 
									A smaller weight, for example <strong>1/3</strong>, means that <strong>1/3</strong> of your payoffs will
									be calculated from that row. 
									The columns from which your payoffs are calculated are chosen by the
									column players in the same fashion.
								</p>
								<div class="poffs">
									<div>
										<div></div>
										<div>A</div>
										<div>B</div>
									</div>
									<div>
										<div>a</div>
										<div><span style="color: #333;">1</span>, <span style="color: #aaa;">2</span></div>
										<div><span style="color: #333;">3</span>, <span style="color: #aaa;">4</span></div>
									</div>
									<div>
										<div>b</div>
										<div><span style="color: #333;">5</span>, <span style="color: #aaa;">6</span></div>
										<div><span style="color: #333;">7</span>, <span style="color: #aaa;">8</span></div>
									</div>
								</div>
								<p>
									If the column players play column <strong>A</strong> with weight
									<strong>1</strong>, and you play row <strong>a</strong> with weight
									<strong>1/2</strong> and row <strong>b</strong> with weight
									<strong>1/2</strong>, what would your payoff be?
								</p>
								<form action="@LABURI@/doanswer.json" method="post" onsubmit="return(doPlay(this));">
									<input type="hidden" name="aid" value="3" />
									<fieldset>
										<div class="input">
											<i class="fa fa-fw fa-square"></i>
											<div class="inputgroup">
												<div>
													<input id="choice3a" name="choice3" type="radio" value="0" />
													<label for="choice3a">1</label>
												</div>
												<div>
													<input id="choice3b" name="choice3" type="radio" value="1" />
													<label for="choice3b">2</label>
												</div>
												<div>
													<input id="choice3c" name="choice3" type="radio" value="2" />
													<label for="choice3c">3</label>
												</div>
												<div>
													<input id="choice3d" name="choice3" type="radio" value="3" />
													<label for="choice3d">4</label>
												</div>
												<div>
													<input id="choice3e" name="choice3" type="radio" value="4" />
													<label for="choice3e">5</label>
												</div>
											</div>
										</div>
										<div class="input input-submit">
											<i class="fa fa-fw fa-check"></i>
											<input type="hidden" name="workaround_ie_breakage" value="1" />
											<input id="questionSubmit3" type="submit" value="Submit" />
										</div>
									</fieldset>
								</form>
							</section>
							<section id="question3-correct" class="noshow">
								<p>
									That's right! <strong>1/2</strong> of the payoffs from row
									<strong>a</strong> and column <strong>A</strong> is
									<strong>0.5</strong>, and <strong>1/2</strong> of the payoffs from row
									<strong>b</strong> and column <strong>A</strong> is
									<strong>2.5</strong>.
									Together that's <strong>3</strong>.
								</p>
								<div class="poffs">
									<div>
										<div></div>
										<div>A</div>
										<div>B</div>
									</div>
									<div>
										<div>a</div>
										<div><span style="color: #333;">1</span>, <span style="color: #aaa;">2</span></div>
										<div><span style="color: #333;">3</span>, <span style="color: #aaa;">4</span></div>
									</div>
									<div>
										<div>b</div>
										<div><span style="color: #333;">5</span>, <span style="color: #aaa;">6</span></div>
										<div><span style="color: #333;">7</span>, <span style="color: #aaa;">8</span></div>
									</div>
								</div>
								<div class="standalone">
									<div class="input input-submit">
										<i class="fa fa-fw fa-check"></i>
										<button onclick="window.location.reload();">Next Question</button>
									</div>
								</div>
							</section>
							<section id="question4" class="noshow">
								<p class="error noshow" id="questionerror4">
									Weights must be positive fractions or decimal numbers with
									no greater accuracy than four digits following the decimal. 
									They must sum to 1.
								</p>
								<p>
									To make a decision in a game, first click all rows you want to play and
									then input the weights you want to assign to them. Once you have chosen
									rows and weights, click the <q>Submit play</q> button. 
								</p>
								<p>
									You must make decisions for all 5 games in a round in order to receive
									payoffs from that round. 
								</p>
								<p>
									Try playing any rows with any weight you want.
								</p>
								<div class="payoffs" style="max-width: 20em;">
									<div class="labelaside">
										<div></div>
										<div class="labelatop">A</div>
										<div class="labelatop">B</div>
									</div>
									<div id="payoffRow0" onclick="prowClick(this, 0);" onmouseover="prowOver(this, 0);" onmouseout="prowOut(this, 0);">
										<div class="labelaside">a</div>
										<div class="pair">
											<div style="color: #333;">1</div><div style="color: #aaa;">2</div>
										</div>
										<div class="pair">
											<div style="color: #333;">3</div><div style="color: #aaa;">4</div>
										</div>
									</div>
									<div id="payoffRow1" onclick="prowClick(this, 1);" onmouseover="prowOver(this, 1);" onmouseout="prowOut(this, 1);">
										<div class="labelaside">b</div>
										<div class="pair">
											<div style="color: #333;">5</div><div style="color: #aaa;">6</div>
										</div>
										<div class="pair">
											<div style="color: #333;">7</div><div style="color: #aaa;">8</div>
										</div>
									</div>
								</div>
								<form action="@LABURI@/doanswer.json" method="post" onsubmit="return(doPlay(this));">
									<input type="hidden" name="aid" value="4" />
									<fieldset>
										<div class="input">
											<span class="strat">a</span>
											<input type="text" readonly="readonly" id="index0" name="choice4a" onkeypress="return(disableEnter(event))">
										</div>
										<div class="input">
											<span class="strat">b</span>
											<input type="text" readonly="readonly" id="index1" name="choice4b" onkeypress="return(disableEnter(event))">
										</div>
										<div class="input input-submit">
											<i class="fa fa-fw fa-check"></i>
											<input type="hidden" name="workaround_ie_breakage" value="1" />
											<input id="questionSubmit4" type="submit" value="Submit play" />
										</div>
									</fieldset>
								</form>
							</section>
							<section id="question4-correct" class="noshow">
								<p>
									That's right!
								</p>
								<div class="standalone">
									<div class="input input-submit">
										<i class="fa fa-fw fa-check"></i>
										<button onclick="window.location.reload();">Next Question</button>
									</div>
								</div>
							</section>
							<section id="question5" class="noshow">
								<p class="error noshow" id="questionerror5">
									Weights must be positive fractions or decimal numbers with
									no greater accuracy than four digits following the decimal. 
									They must sum to 1.
									Please try to play both rows!
								</p>
								<p>
									To make a decision in a game, first click all rows you want to play and
									then input the weights you want to assign to them. Once you have chosen
									rows and weights, click the <q>Submit play</q> button.
								</p>
								<p>
									You must make decisions for all 5 games in a round in order to receive
									payoffs from that round. 
								</p>
								<p>
									Try playing rows <strong>a</strong> and <strong>b</strong> in the game below, you can assign them
									any weight you want.
								</p>
								<div class="payoffs" style="max-width: 20em;">
									<div class="labelaside">
										<div></div>
										<div class="labelatop">A</div>
										<div class="labelatop">B</div>
									</div>
									<div id="payoffRow2" onclick="prowClick(this, 2);" onmouseover="prowOver(this, 2);" onmouseout="prowOut(this, 2);">
										<div class="labelaside">a</div>
										<div class="pair">
											<div style="color: #333;">1</div><div style="color: #aaa;">2</div>
										</div>
										<div class="pair">
											<div style="color: #333;">3</div><div style="color: #aaa;">4</div>
										</div>
									</div>
									<div id="payoffRow3" onclick="prowClick(this, 3);" onmouseover="prowOver(this, 3);" onmouseout="prowOut(this, 3);">
										<div class="labelaside">b</div>
										<div class="pair">
											<div style="color: #333;">5</div><div style="color: #aaa;">6</div>
										</div>
										<div class="pair">
											<div style="color: #333;">7</div><div style="color: #aaa;">8</div>
										</div>
									</div>
								</div>
								<form action="@LABURI@/doanswer.json" method="post" onsubmit="return(doPlay(this));">
									<input type="hidden" name="aid" value="5" />
									<fieldset>
										<div class="input">
											<span class="strat">a</span>
											<input type="text" readonly="readonly" id="index2" name="choice5a" onkeypress="return(disableEnter(event))">
										</div>
										<div class="input">
											<span class="strat">b</span>
											<input type="text" readonly="readonly" id="index3" name="choice5b" onkeypress="return(disableEnter(event))">
										</div>
										<div class="input input-submit">
											<i class="fa fa-fw fa-check"></i>
											<input type="hidden" name="workaround_ie_breakage" value="1" />
											<input id="questionSubmit5" type="submit" value="Submit play" />
										</div>
									</fieldset>
								</form>
							</section>
							<section id="question5-correct" class="noshow">
								<p>
									That's right!
								</p>
								<div class="standalone">
									<div class="input input-submit">
										<i class="fa fa-fw fa-check"></i>
										<button onclick="window.location.reload();">Next Question</button>
									</div>
								</div>
							</section>
							<section id="question6" class="noshow">
								<p class="error noshow" id="questionerror6">
									Answer incorrect.
									Please try again.
								</p>
								<p>
									Your payoffs from a game depend on the rows and weights you choose, as
									well as  how the column players choose on average. 
									Other players' payoffs are calculated in the same fashion.
								</p>
								<p>
									At the end of the study your total payoffs will be calculated by summing
									your payoffs from all games in all rounds in which you have
									participated. Each payoff point awards one lottery ticket.
								</p>
								<p>
									If you earn <strong>500</strong> points in total,
									how m any lottery tickets will you have?
								</p>
								<form action="@LABURI@/doanswer.json" method="post" onsubmit="return(doPlay(this));">
									<input type="hidden" name="aid" value="6" />
									<fieldset>
										<div class="input">
											<i class="fa fa-fw fa-square"></i>
											<div class="inputgroup">
												<div>
													<input id="choice6a" name="choice6" type="radio" value="0" />
													<label for="choice6a">100</label>
												</div>
												<div>
													<input id="choice6b" name="choice6" type="radio" value="1" />
													<label for="choice6b">250</label>
												</div>
												<div>
													<input id="choice6c" name="choice6" type="radio" value="2" />
													<label for="choice6c">500</label>
												</div>
												<div>
													<input id="choice6d" name="choice6" type="radio" value="3" />
													<label for="choice6d">750</label>
												</div>
												<div>
													<input id="choice6e" name="choice6" type="radio" value="4" />
													<label for="choice6e">1000</label>
												</div>
											</div>
										</div>
										<div class="input input-submit">
											<i class="fa fa-fw fa-check"></i>
											<input type="hidden" name="workaround_ie_breakage" value="1" />
											<input id="questionSubmit6" type="submit" value="Submit" />
										</div>
									</fieldset>
								</form>
							</section>
							<section id="question6-correct" class="noshow">
								<p>
									That's right. <strong>500</strong> points times 1 ticket per point is
									<strong>500</strong> tickets.
								</p>
								<div class="standalone">
									<div class="input input-submit">
										<i class="fa fa-fw fa-check"></i>
										<button onclick="window.location.reload();">Next Question</button>
									</div>
								</div>
							</section>
							<section id="question7" class="noshow">
								<p class="error noshow" id="questionerror7">
									Answer incorrect.
									Please try again.
								</p>
								<p>
									The graphs on the <q>Play</q> and <q>History</q> tabs provide
									information about the games and how they have been played in previous
									rounds. 
									This information includes your previous payoffs, how much payoff you
									would have gotten by choosing each row with full weight
									(<strong>1</strong>) in previous rounds, and the average choices of the
									row and column players in previous rounds.
								</p>
								<p>
									Example of graphs from a game with two rows:
								</p>
								<figure id="graphFig">
									<div id="historyLineGraphs"></div>
									<div id="historyBarGraphs"></div>
								</figure>
								<p>
									Based on the graphs above: in the last round, choosing what row with full
									weight (<strong>1</strong>) would have given you the highest payoff?
								</p>
								<form action="@LABURI@/doanswer.json" method="post" onsubmit="return(doPlay(this));">
									<input type="hidden" name="aid" value="7" />
									<fieldset>
										<div class="input">
											<i class="fa fa-fw fa-square"></i>
											<div class="inputgroup">
												<div>
													<input id="choice7a" name="choice7" type="radio" value="0" />
													<label for="choice7a">a</label>
												</div>
												<div>
													<input id="choice7b" name="choice7" type="radio" value="1" />
													<label for="choice7b">b</label>
												</div>
											</div>
										</div>
										<div class="input input-submit">
											<i class="fa fa-fw fa-check"></i>
											<input type="hidden" name="workaround_ie_breakage" value="1" />
											<input id="questionSubmit7" type="submit" value="Submit" />
										</div>
									</fieldset>
								</form>
							</section>
							<section id="question7-correct" class="noshow">
								<p>
									Great! That's the end of the instructions. You can go through them again
									at any time by clicking the <q>Instructions</q> tab in the menu.
								</p>
								<p>
									Click <q>Start Playing</q> to begin, there might be a short wait before your
									first round.
								</p>
								<div class="standalone">
									<div class="input input-submit">
										<i class="fa fa-fw fa-check"></i>
										<button onclick="location.href=getURL('@HTURI@/playerhome.html');">Start Playing</button>
									</div>
								</div>
							</section>
						</div>
					</section>
				</div>
			</section>
		</article>
		<footer>
			&copy; 2014&#8211;2016
			<a href="http://www.kcons.eu"><i>k</i>-Consulting</a>
			<a href="http://www.kcons.eu/gamelab">gamelab @VERSION@</a>
			<a href="@HTURI@/privacy.html">Privacy</a>
		</footer>
	</body>
</html>
<commit_msg>Revert to Mechanical Turk setup.<commit_after><!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<meta charset="utf-8" /> 
		<title>Gamelab | Participant Lobby</title>
		<link rel="stylesheet" href="@HTURI@/style.css" type="text/css" />
		<link rel="stylesheet" href="@HTURI@/playerlobby.css" type="text/css" />
		<link rel="stylesheet" href="@FONTURI@" type="text/css" />
		<script src="@HTURI@/script.min.js"></script>
		<script src="@HTURI@/playerlobby.min.js"></script>
		<script src="@HTURI@/flotr2.min.js"></script>
	</head>
	<body onload="sendQuery('@LABURI@/doloadquestions.json', doInitSetup, doInitSuccess, doInitFailure);">
		<article>
			<section>
				<div id="top">
					<a href="http://www.kcons.eu/gamelab"><img src="logo.png" alt="Gamelab Logo" /></a>
					<h1><a href="http://www.kcons.eu/gamelab">gamelab</a></h1>
				</div>
				<div>
					<section id="ploading">
						<h3>Participant Lobby</h3>
						<p>
							<i class="fa fa-spinner fa-spin"></i> Loading...
						</p>
					</section>
					<section id="ploaded" class="noshow">
						<h3>Participant Lobby</h3>
						<div id="main">
							<p>
								You're in the participant lobby, waiting for a chance to play.
							</p>
						</div>
						<div id="questionnaire">
							<section id="question-1" class="noshow">
								<p>
									Before playing, you must answer some questions.
								</p>
								<p>
									In this task you will use this web page to play a number of games. Before being
									able to play you have to read through some short instructions and will be asked
									to answer a few questions to make sure you understand. You can read these
									instructions again once you have answered all questions.
								</p>
								<p>
									Since you can earn a substantial amount as a bonus payment in addition to the
									task completion fee it is important that you read the instructions carefully.
								</p>
								<div class="standalone">
									<div class="input input-submit">
										<i class="fa fa-fw fa-check"></i>
										<button onclick="startQuestions();">Start</button>
									</div>
								</div>
							</section>
							<section id="question0" class="noshow">
								<p class="error noshow" id="questionerror0">
									Answer incorrect.
									Please try again.
								</p>
								<p>
									You will participate in 10 rounds. 
									In each round you and others will make decisions in 5 games. 
									These games are identical in all rounds.
								</p>
								<p>
									In addition to the completion fee you will earn a bonus payment that
									depends on both your own and others' decisions in the games.
								</p>
								<p>
									Each round will last for at least 3 minutes and will end either when 60%
									of all participants have played or after 5 minutes have passed.
								</p>
								<p>
									How many games will you play in each round?
								</p>
								<form action="@LABURI@/doanswer.json" method="post"
									onsubmit="return(sendForm(this, doSetup, doError, doSuccess));">
									<input type="hidden" name="aid" value="0" />
									<fieldset>
										<div class="input">
											<i class="fa fa-fw fa-square"></i>
											<div class="inputgroup">
												<div>
													<input id="choice0a" name="choice0" type="radio" value="0" />
													<label for="choice0a">2</label>
												</div>
												<div>
													<input id="choice0b" name="choice0" type="radio" value="1" />
													<label for="choice0b">3</label>
												</div>
												<div>
													<input id="choice0c" name="choice0" type="radio" value="2" />
													<label for="choice0c">4</label>
												</div>
												<div>
													<input id="choice0d" name="choice0" type="radio" value="3" />
													<label for="choice0d">5</label>
												</div>
												<div>
													<input id="choice0e" name="choice0" type="radio" value="4" />
													<label for="choice0e">6</label>
												</div>
											</div>
										</div>
										<div class="input input-submit">
											<i class="fa fa-fw fa-check"></i>
											<input type="hidden" name="workaround_ie_breakage" value="1" />
											<input id="questionSubmit0" type="submit" value="Submit" />
										</div>
									</fieldset>
								</form>
							</section>
							<section id="question0-correct" class="noshow">
								<p>
									That's right!
								</p>
								<div class="standalone">
									<div class="input input-submit">
										<i class="fa fa-fw fa-check"></i>
										<button onclick="window.location.reload();">Next Question</button>
									</div>
								</div>
							</section>
							<section id="question1" class="noshow">
								<p class="error noshow" id="questionerror1">
									Answer incorrect.
									Please try again.
								</p>
								<p>
									Each game is given in a table and you will have to choose one or more
									rows to play in each. You will then be matched against the other
									participants who will choose one or more columns.
								</p>
								<p>
									Your payoff for a given row and column combination is the first number
									in each cell, shown here in
									<i style="color: #333;" class="fa fa-square"></i>.
									The column player's payoff is the second number in each cell, shown here in
									<i style="color: #aaa;" class="fa fa-square"></i>.
									Your payoff contributes to your bonus payment, with higher payoffs
									resulting in a higher bonus payment.
								</p>
								<div class="poffs">
									<div>
										<div></div>
										<div>A</div>
										<div>B</div>
									</div>
									<div>
										<div>a</div>
										<div><span style="color: #333;">1</span>, <span style="color: #aaa;">2</span></div>
										<div><span style="color: #333;">3</span>, <span style="color: #aaa;">4</span></div>
									</div>
									<div>
										<div>b</div>
										<div><span style="color: #333;">5</span>, <span style="color: #aaa;">6</span></div>
										<div><span style="color: #333;">7</span>, <span style="color: #aaa;">8</span></div>
									</div>
								</div>
								<p>
									What is your payoff from the combinations of row <strong>a</strong> and
									column <strong>B</strong> in the game table?
								</p>
								<form action="@LABURI@/doanswer.json" method="post"
									onsubmit="return(sendForm(this, doSetup, doError, doSuccess));">
									<input type="hidden" name="aid" value="1" />
									<fieldset>
										<div class="input">
											<i class="fa fa-fw fa-square"></i>
											<div class="inputgroup">
												<div>
													<input id="choice1a" name="choice1" type="radio" value="0" />
													<label for="choice1a">2</label>
												</div>
												<div>
													<input id="choice1b" name="choice1" type="radio" value="1" />
													<label for="choice1b">3</label>
												</div>
												<div>
													<input id="choice1c" name="choice1" type="radio" value="2" />
													<label for="choice1c">4</label>
												</div>
												<div>
													<input id="choice1d" name="choice1" type="radio" value="3" />
													<label for="choice1d">8</label>
												</div>
												<div>
													<input id="choice1e" name="choice1" type="radio" value="4" />
													<label for="choice1e">9</label>
												</div>
											</div>
										</div>
										<div class="input input-submit">
											<i class="fa fa-fw fa-check"></i>
											<input type="hidden" name="workaround_ie_breakage" value="1" />
											<input id="questionSubmit1" type="submit" value="Submit" />
										</div>
									</fieldset>
								</form>
							</section>
							<section id="question1-correct" class="noshow">
								<p>
									That's right!
								</p>
								<div class="poffs">
									<div>
										<div></div>
										<div>A</div>
										<div>B</div>
									</div>
									<div>
										<div>a</div>
										<div><span style="color: #333;">1</span>, <span style="color: #aaa;">2</span></div>
										<div><span style="color: #333;">3</span>, <span style="color: #aaa;">4</span></div>
									</div>
									<div>
										<div>b</div>
										<div><span style="color: #333;">5</span>, <span style="color: #aaa;">6</span></div>
										<div><span style="color: #333;">7</span>, <span style="color: #aaa;">8</span></div>
									</div>
								</div>
								<div class="standalone">
									<div class="input input-submit">
										<i class="fa fa-fw fa-check"></i>
										<button onclick="window.location.reload();">Next Question</button>
									</div>
								</div>
							</section>
							<section id="question2" class="noshow">
								<p class="error noshow" id="questionerror2">
									Answer incorrect.
									Please try again.
								</p>
								<p>
									You will only get payoffs from the rows you choose to play. However,
									column players will be choosing which of the columns to play, so you
									won't have full control over the payoff you get.
								</p>
								<div class="poffs">
									<div>
										<div></div>
										<div>A</div>
										<div>B</div>
									</div>
									<div>
										<div>a</div>
										<div><span style="color: #333;">1</span>, <span style="color: #aaa;">2</span></div>
										<div><span style="color: #333;">3</span>, <span style="color: #aaa;">4</span></div>
									</div>
									<div>
										<div>b</div>
										<div><span style="color: #333;">5</span>, <span style="color: #aaa;">6</span></div>
										<div><span style="color: #333;">7</span>, <span style="color: #aaa;">8</span></div>
									</div>
								</div>
								<p>
									What would your payoff be if you played row <strong>b</strong> in the game above?
								</p>
								<form action="@LABURI@/doanswer.json" method="post"
									onsubmit="return(sendForm(this, doSetup, doError, doSuccess));">
									<input type="hidden" name="aid" value="2" />
									<fieldset>
										<div class="input">
											<i class="fa fa-fw fa-square"></i>
											<div class="inputgroup">
												<div>
													<input id="choice2a" name="choice2" type="radio" value="0" />
													<label for="choice2a">3</label>
												</div>
												<div>
													<input id="choice2b" name="choice2" type="radio" value="1" />
													<label for="choice2b">2</label>
												</div>
												<div>
													<input id="choice2c" name="choice2" type="radio" value="2" />
													<label for="choice2c">8</label>
												</div>
												<div>
													<input id="choice2d" name="choice2" type="radio" value="3" />
													<label for="choice2d">9</label>
												</div>
												<div>
													<input id="choice2e" name="choice2" type="radio" value="4" />
													<label for="choice2e">Can't Tell</label>
												</div>
											</div>
										</div>
										<div class="input input-submit">
											<i class="fa fa-fw fa-check"></i>
											<input type="hidden" name="workaround_ie_breakage" value="1" />
											<input id="questionSubmit2" type="submit" value="Submit" />
										</div>
									</fieldset>
								</form>
							</section>
							<section id="question2-correct" class="noshow">
								<p>
									That's right!
									In order to know your payoff, it is necessary to know how the column players played.
								</p>
								<div class="standalone">
									<div class="input input-submit">
										<i class="fa fa-fw fa-check"></i>
										<button onclick="window.location.reload();">Next Question</button>
									</div>
								</div>
							</section>
							<section id="question3" class="noshow">
								<p class="error noshow" id="questionerror3">
									Answer incorrect.
									Please try again.
								</p>
								<p>
									After you have chosen which rows to play you must assign a weight to
									each of these. 
									The weights must add up to <strong>1</strong>. 
									A weight of <strong>1</strong> means that payoffs (for you and the
									column player) will be calculated solely based on that row. 
									A smaller weight, for example <strong>1/3</strong>, means that <strong>1/3</strong> of your payoffs will
									be calculated from that row. 
									The columns from which your payoffs are calculated are chosen by the
									column players in the same fashion.
								</p>
								<div class="poffs">
									<div>
										<div></div>
										<div>A</div>
										<div>B</div>
									</div>
									<div>
										<div>a</div>
										<div><span style="color: #333;">1</span>, <span style="color: #aaa;">2</span></div>
										<div><span style="color: #333;">3</span>, <span style="color: #aaa;">4</span></div>
									</div>
									<div>
										<div>b</div>
										<div><span style="color: #333;">5</span>, <span style="color: #aaa;">6</span></div>
										<div><span style="color: #333;">7</span>, <span style="color: #aaa;">8</span></div>
									</div>
								</div>
								<p>
									If the column players play column <strong>A</strong> with weight
									<strong>1</strong>, and you play row <strong>a</strong> with weight
									<strong>1/2</strong> and row <strong>b</strong> with weight
									<strong>1/2</strong>, what would your payoff be?
								</p>
								<form action="@LABURI@/doanswer.json" method="post"
									onsubmit="return(sendForm(this, doSetup, doError, doSuccess));">
									<input type="hidden" name="aid" value="3" />
									<fieldset>
										<div class="input">
											<i class="fa fa-fw fa-square"></i>
											<div class="inputgroup">
												<div>
													<input id="choice3a" name="choice3" type="radio" value="0" />
													<label for="choice3a">1</label>
												</div>
												<div>
													<input id="choice3b" name="choice3" type="radio" value="1" />
													<label for="choice3b">2</label>
												</div>
												<div>
													<input id="choice3c" name="choice3" type="radio" value="2" />
													<label for="choice3c">3</label>
												</div>
												<div>
													<input id="choice3d" name="choice3" type="radio" value="3" />
													<label for="choice3d">4</label>
												</div>
												<div>
													<input id="choice3e" name="choice3" type="radio" value="4" />
													<label for="choice3e">5</label>
												</div>
											</div>
										</div>
										<div class="input input-submit">
											<i class="fa fa-fw fa-check"></i>
											<input type="hidden" name="workaround_ie_breakage" value="1" />
											<input id="questionSubmit3" type="submit" value="Submit" />
										</div>
									</fieldset>
								</form>
							</section>
							<section id="question3-correct" class="noshow">
								<p>
									That's right! <strong>1/2</strong> of the payoffs from row
									<strong>a</strong> and column <strong>A</strong> is
									<strong>0.5</strong>, and <strong>1/2</strong> of the payoffs from row
									<strong>b</strong> and column <strong>A</strong> is
									<strong>2.5</strong>.
									Together that's <strong>3</strong>.
								</p>
								<div class="poffs">
									<div>
										<div></div>
										<div>A</div>
										<div>B</div>
									</div>
									<div>
										<div>a</div>
										<div><span style="color: #333;">1</span>, <span style="color: #aaa;">2</span></div>
										<div><span style="color: #333;">3</span>, <span style="color: #aaa;">4</span></div>
									</div>
									<div>
										<div>b</div>
										<div><span style="color: #333;">5</span>, <span style="color: #aaa;">6</span></div>
										<div><span style="color: #333;">7</span>, <span style="color: #aaa;">8</span></div>
									</div>
								</div>
								<div class="standalone">
									<div class="input input-submit">
										<i class="fa fa-fw fa-check"></i>
										<button onclick="window.location.reload();">Next Question</button>
									</div>
								</div>
							</section>
							<section id="question4" class="noshow">
								<p class="error noshow" id="questionerror4">
									Weights must be positive fractions or decimal numbers with
									no greater accuracy than four digits following the decimal. 
									They must sum to 1.
								</p>
								<p>
									To make a decision in a game, first click all rows you want to play and
									then input the weights you want to assign to them. Once you have chosen
									rows and weights, click the <q>Submit play</q> button. 
								</p>
								<p>
									You must make decisions for all 5 games in a round in order to receive
									payoffs from that round. 
								</p>
								<p>
									Try playing any rows with any weight you want.
								</p>
								<div class="payoffs" style="max-width: 20em;">
									<div class="labelaside">
										<div></div>
										<div class="labelatop">A</div>
										<div class="labelatop">B</div>
									</div>
									<div id="payoffRow0" onclick="prowClick(this, 0);" onmouseover="prowOver(this, 0);" onmouseout="prowOut(this, 0);">
										<div class="labelaside">a</div>
										<div class="pair">
											<div style="color: #333;">1</div><div style="color: #aaa;">2</div>
										</div>
										<div class="pair">
											<div style="color: #333;">3</div><div style="color: #aaa;">4</div>
										</div>
									</div>
									<div id="payoffRow1" onclick="prowClick(this, 1);" onmouseover="prowOver(this, 1);" onmouseout="prowOut(this, 1);">
										<div class="labelaside">b</div>
										<div class="pair">
											<div style="color: #333;">5</div><div style="color: #aaa;">6</div>
										</div>
										<div class="pair">
											<div style="color: #333;">7</div><div style="color: #aaa;">8</div>
										</div>
									</div>
								</div>
								<form action="@LABURI@/doanswer.json" method="post"
									onsubmit="return(sendForm(this, doSetup, doErrorPlay, doSuccess));">
									<input type="hidden" name="aid" value="4" />
									<fieldset>
										<div class="input">
											<span class="strat">a</span>
											<input type="text" readonly="readonly" id="index0" name="choice4a" onkeypress="return(disableEnter(event))">
										</div>
										<div class="input">
											<span class="strat">b</span>
											<input type="text" readonly="readonly" id="index1" name="choice4b" onkeypress="return(disableEnter(event))">
										</div>
										<div class="input input-submit">
											<i class="fa fa-fw fa-check"></i>
											<input type="hidden" name="workaround_ie_breakage" value="1" />
											<input id="questionSubmit4" type="submit" value="Submit play" />
										</div>
									</fieldset>
								</form>
							</section>
							<section id="question4-correct" class="noshow">
								<p>
									That's right!
								</p>
								<div class="standalone">
									<div class="input input-submit">
										<i class="fa fa-fw fa-check"></i>
										<button onclick="window.location.reload();">Next Question</button>
									</div>
								</div>
							</section>
							<section id="question5" class="noshow">
								<p class="error noshow" id="questionerror5">
									Weights must be positive fractions or decimal numbers with
									no greater accuracy than four digits following the decimal. 
									They must sum to 1.
									Please try to play both rows!
								</p>
								<p>
									To make a decision in a game, first click all rows you want to play and
									then input the weights you want to assign to them. Once you have chosen
									rows and weights, click the <q>Submit play</q> button.
								</p>
								<p>
									You must make decisions for all 5 games in a round in order to receive
									payoffs from that round. 
								</p>
								<p>
									Try playing rows <strong>a</strong> and <strong>b</strong> in the game below, you can assign them
									any weight you want.
								</p>
								<div class="payoffs" style="max-width: 20em;">
									<div class="labelaside">
										<div></div>
										<div class="labelatop">A</div>
										<div class="labelatop">B</div>
									</div>
									<div id="payoffRow2" onclick="prowClick(this, 2);" onmouseover="prowOver(this, 2);" onmouseout="prowOut(this, 2);">
										<div class="labelaside">a</div>
										<div class="pair">
											<div style="color: #333;">1</div><div style="color: #aaa;">2</div>
										</div>
										<div class="pair">
											<div style="color: #333;">3</div><div style="color: #aaa;">4</div>
										</div>
									</div>
									<div id="payoffRow3" onclick="prowClick(this, 3);" onmouseover="prowOver(this, 3);" onmouseout="prowOut(this, 3);">
										<div class="labelaside">b</div>
										<div class="pair">
											<div style="color: #333;">5</div><div style="color: #aaa;">6</div>
										</div>
										<div class="pair">
											<div style="color: #333;">7</div><div style="color: #aaa;">8</div>
										</div>
									</div>
								</div>
								<form action="@LABURI@/doanswer.json" method="post"
									onsubmit="return(sendForm(this, doSetup, doErrorPlay, doSuccess));">
									<input type="hidden" name="aid" value="5" />
									<fieldset>
										<div class="input">
											<span class="strat">a</span>
											<input type="text" readonly="readonly" id="index2" name="choice5a" onkeypress="return(disableEnter(event))">
										</div>
										<div class="input">
											<span class="strat">b</span>
											<input type="text" readonly="readonly" id="index3" name="choice5b" onkeypress="return(disableEnter(event))">
										</div>
										<div class="input input-submit">
											<i class="fa fa-fw fa-check"></i>
											<input type="hidden" name="workaround_ie_breakage" value="1" />
											<input id="questionSubmit5" type="submit" value="Submit play" />
										</div>
									</fieldset>
								</form>
							</section>
							<section id="question5-correct" class="noshow">
								<p>
									That's right!
								</p>
								<div class="standalone">
									<div class="input input-submit">
										<i class="fa fa-fw fa-check"></i>
										<button onclick="window.location.reload();">Next Question</button>
									</div>
								</div>
							</section>
							<section id="question6" class="noshow">
								<p class="error noshow" id="questionerror6">
									Answer incorrect.
									Please try again.
								</p>
								<p>
									Your payoffs from a game depend on the rows and weights you choose, as
									well as  how the column players choose on average. 
									Other players' payoffs are calculated in the same fashion.
								</p>
								<p>
									At the end of the task your bonus payment will be calculated by summing
									your payoffs from all games in all rounds in which you have
									participated. 
									Your payoff will be converted to US dollars at a <strong>1</strong>
									payoff point = $<strong>0.03</strong> rate.
								</p>
								<p>
									If you earn <strong>100</strong> points in total from the
									<strong>10</strong> rounds, how large will your bonus payment be?
								</p>
								<form action="@LABURI@/doanswer.json" method="post"
									onsubmit="return(sendForm(this, doSetup, doError, doSuccess));">
									<input type="hidden" name="aid" value="6" />
									<fieldset>
										<div class="input">
											<i class="fa fa-fw fa-square"></i>
											<div class="inputgroup">
												<div>
													<input id="choice6a" name="choice6" type="radio" value="0" />
													<label for="choice6a">$1</label>
												</div>
												<div>
													<input id="choice6b" name="choice6" type="radio" value="1" />
													<label for="choice6b">$2</label>
												</div>
												<div>
													<input id="choice6c" name="choice6" type="radio" value="2" />
													<label for="choice6c">$3</label>
												</div>
												<div>
													<input id="choice6d" name="choice6" type="radio" value="3" />
													<label for="choice6d">$4</label>
												</div>
												<div>
													<input id="choice6e" name="choice6" type="radio" value="4" />
													<label for="choice6e">$5</label>
												</div>
											</div>
										</div>
										<div class="input input-submit">
											<i class="fa fa-fw fa-check"></i>
											<input type="hidden" name="workaround_ie_breakage" value="1" />
											<input id="questionSubmit6" type="submit" value="Submit" />
										</div>
									</fieldset>
								</form>
							</section>
							<section id="question6-correct" class="noshow">
								<p>
									That's right. <strong>100</strong> points times
									$<strong>0.03</strong>/point is $<strong>3</strong>.
								</p>
								<div class="standalone">
									<div class="input input-submit">
										<i class="fa fa-fw fa-check"></i>
										<button onclick="window.location.reload();">Next Question</button>
									</div>
								</div>
							</section>
							<section id="question7" class="noshow">
								<p class="error noshow" id="questionerror7">
									Answer incorrect.
									Please try again.
								</p>
								<p>
									The graphs on the <q>Play</q> and <q>History</q> tabs provide
									information about the games and how they have been played in previous
									rounds. 
									This information includes your previous payoffs, how much payoff you
									would have gotten by choosing each row with full weight
									(<strong>1</strong>) in previous rounds, and the average choices of the
									row and column players in previous rounds.
								</p>
								<p>
									Example of graphs from a game with two rows:
								</p>
								<figure id="graphFig">
									<div id="historyLineGraphs"></div>
									<div id="historyBarGraphs"></div>
								</figure>
								<p>
									Based on the graphs above: in the last round, choosing what row with full
									weight (<strong>1</strong>) would have given you the highest payoff?
								</p>
								<form action="@LABURI@/doanswer.json" method="post"
									onsubmit="return(sendForm(this, doSetup, doError, doSuccess));">
									<input type="hidden" name="aid" value="7" />
									<fieldset>
										<div class="input">
											<i class="fa fa-fw fa-square"></i>
											<div class="inputgroup">
												<div>
													<input id="choice7a" name="choice7" type="radio" value="0" />
													<label for="choice7a">a</label>
												</div>
												<div>
													<input id="choice7b" name="choice7" type="radio" value="1" />
													<label for="choice7b">b</label>
												</div>
											</div>
										</div>
										<div class="input input-submit">
											<i class="fa fa-fw fa-check"></i>
											<input type="hidden" name="workaround_ie_breakage" value="1" />
											<input id="questionSubmit7" type="submit" value="Submit" />
										</div>
									</fieldset>
								</form>
							</section>
							<section id="question7-correct" class="noshow">
								<p>
									Great! That's the end of the instructions. You can go through them again
									at any time by clicking the <q>Instructions</q> tab in the menu.
								</p>
								<p>
									Click <q>Start Playing</q> to begin, there might be a short wait before your
									first round.
								</p>
								<div class="standalone">
									<div class="input input-submit">
										<i class="fa fa-fw fa-check"></i>
										<button onclick="location.href='@HTURI@/playerhome.html';">Start Playing</button>
									</div>
								</div>
							</section>
						</div>
					</section>
				</div>
			</section>
		</article>
		<footer>
			&copy; 2014, 2015
			<a href="http://www.kcons.eu"><i>k</i>-Consulting</a>
			<a href="@HTURI@/privacy.html">Privacy</a>
		</footer>
	</body>
</html>

{'fraction_non_alphanumeric': 0.1609945554826467, 'fraction_numerical': 0.015092131164984837, 'mean_word_length': 1.9281819598068235, 'pattern_counts': {'":': 0, '<': 1825, '<?xml version=': 0, '>': 1825, 'https://': 0, 'lorem ipsum': 0, 'www.': 7, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1149602', 'n_tokens_mistral': 29143, 'n_tokens_neox': 17190, 'n_words': 4543}