/*
	This file is part of The Adventures of Stickman by Matt Trobaugh, which is dedicated to the public domain under a CC0 Public Domain Dedication. To view a copy of this dedication, visit http://creativecommons.org/publicdomain/zero/1.0/.

	The Adventures of Stickman is built on the Turpidge Game Engine version 1.1 by Matt Trobaugh.
*/

try{




startScreen = '<div style="width:800px;height:600px;background-image:url(\'images/startScreen.png\');"><input type="button" value="START" onClick="newGame()" style="margin-left:380px;margin-top:220px;cursor:pointer;" /><br/><input type="button" value="CONTINUE" onClick="continueGame()" style="margin-left:380px;margin-top:20px;cursor:pointer;" /><br/><input type="button" value="GUIDE" onClick="openGuide()" style="margin-left:380px;margin-top:20px;cursor:pointer;" /></div>';
/*
<div style="width:800px;height:600px;background-image:url('images/startScreen.png');">
	<input type="button" value="START" onClick="newGame()" style="margin-left:380px;margin-top:220px;cursor:pointer;" />
	<br/>
	<input type="button" value="CONTINUE" onClick="continueGame()" style="margin-left:380px;margin-top:20px;cursor:pointer;" />
	<br/>
	<input type="button" value="GUIDE" onClick="openGuide()" style="margin-left:380px;margin-top:20px;cursor:pointer;" />
</div>
*/


prologue = new Array();

prologue[0] = '<div style="width:800px;height:600px;background-color:#009900;"><div style="padding:100px 200px;"><h3>Once upon a time there was a guy named Stickman, who had grown tired of his boring life. One day he decided to leave home in search of adventure.<br/><br/>He walked along a narrow road through dense woods until he came upon a town...</h3><br/><br/><p style="text-align:right"><input type="button" value="Next ->" onClick="prologueNext()" /></p></div></div>';
/*
<div style="width:800px;height:600px;background-color:#009900;">
	<div style="padding:100px 200px;">
		<h3>
			Once upon a time there was a guy named Stickman, who had grown tired of his boring life. One day he decided to leave home in search of adventure.
			<br/><br/>
			He walked along a narrow road through dense woods until he came upon a town...
		</h3>
		<br/><br/>
		<p style="text-align:right">
			<input type="button" value="Next ->" onClick="prologueNext()" />
		</p>
	</div>
</div>
*/


epilogue = new Array();

epilogue[0] = '<div style="width:800px;background-color:#009900;"><div style="padding:80px 140px;"><h3>Congratulations! You defeated The Beast and saved the kingdom. But is this the end of the adventure?</h3><br/><br/><p>The Adventures of Stickman by Matt Trobaugh is licensed under a <a href="http://creativecommons.org/licenses/by/4.0/" target="_blank">Creative Commons Attribution 4.0 International License</a>.</p><p>The Adventures of Stickman is built on the Turpidge Game Engine by Matt Trobaugh. The Turpidge Game Engine is licensed under a <a href="http://creativecommons.org/licenses/by/4.0/" target="_blank">Creative Commons Attribution 4.0 International License</a>.</p><p>Images used in The Adventures of Stickman are derivatives of public domain images taken from the following sites:<br/>&bull; <a href="http://www.burningwell.org/" target="_blank">http://www.burningwell.org/</a><br/>&bull; <a href="http://www.pdclipart.org/" target="_blank">http://www.pdclipart.org/</a><br/>&bull; <a href="http://publicdomainpictures.net/" target="_blank">http://publicdomainpictures.net/</a><br/>&bull; <a href="http://www.wpclipart.com/" target="_blank">http://www.wpclipart.com/</a></p><p>To the extent possible under law, Matt Trobaugh has waived all copyright and related or neighboring rights to images used in The Adventures of Stickman under a <a href="http://creativecommons.org/publicdomain/zero/1.0/" target="_blank">CC0 Public Domain Dedication</a>.</p></div></div>';
/*
<div style="width:800px;background-color:#009900;">
	<div style="padding:80px 140px;">
		<h3>
			Congratulations! You defeated The Beast and saved the kingdom. But is this the end of the adventure?
		</h3>
		<br/><br/>
		<p>
			The Adventures of Stickman by Matt Trobaugh is licensed under a <a href="http://creativecommons.org/licenses/by/4.0/" target="_blank">Creative Commons Attribution 4.0 International License</a>.
		</p>
		<p>
			The Adventures of Stickman is built on the Turpidge Game Engine by Matt Trobaugh. The Turpidge Game Engine is licensed under a <a href="http://creativecommons.org/licenses/by/4.0/" target="_blank">Creative Commons Attribution 4.0 International License</a>.
		</p>
		<p>
			Images used in The Adventures of Stickman are derivatives of public domain images taken from the following sites:
			<br/>
			&bull; <a href="http://www.burningwell.org/" target="_blank">http://www.burningwell.org/</a>
			<br/>
			&bull; <a href="http://www.pdclipart.org/" target="_blank">http://www.pdclipart.org/</a>
			<br/>
			&bull; <a href="http://publicdomainpictures.net/" target="_blank">http://publicdomainpictures.net/</a>
			<br/>
			&bull; <a href="http://www.wpclipart.com/" target="_blank">http://www.wpclipart.com/</a>
		</p>
		<p>
			To the extent possible under law, Matt Trobaugh has waived all copyright and related or neighboring rights to images used in The Adventures of Stickman under a <a href="http://creativecommons.org/publicdomain/zero/1.0/" target="_blank">CC0 Public Domain Dedication</a>.
		</p>
	</div>
</div>
*/




nonbattleControls = '<div id="controls"><div id="controlsTop"><div style="float:left;" id="controlsHead">&nbsp;</div>&nbsp;<img style="float:right;cursor:pointer;margin:2px;" onClick="closeControls()" src="images/closeButton.png" /></div><div id="controlButtons"><input type="button" value="Team" id="teamButton" onClick="teamHandler()" /> <input type="button" value="Magic" id="magicButton" onClick="magicHandler()" /> <input type="button" value="Item" id="itemButton" onClick="itemHandler()" /> <input type="button" value="Cancel" id="cancelButton" style="float:right;" onClick="closeControls()" /></div><div id="panel">&nbsp;</div></div>';
/*
<div id="controls">
	<div id="controlsTop">
		<div style="float:left;" id="controlsHead">&nbsp;</div>
		&nbsp;
		<img style="float:right;cursor:pointer;margin:2px;" onClick="closeControls()" src="images/closeButton.png" />
	</div>
	<div id="controlButtons">
		<input type="button" value="Team" id="teamButton" onClick="teamHandler()" /> <input type="button" value="Magic" id="magicButton" onClick="magicHandler()" /> <input type="button" value="Item" id="itemButton" onClick="itemHandler()" /> <input type="button" value="Cancel" id="cancelButton" style="float:right;" onClick="closeControls()" />
	</div>
	<div id="panel">&nbsp;</div>
</div>
*/

itemControlButtons = '<input type="button" value="Use" id="useButton" /> <input type="button" value="Give" id="giveButton"  /> <input type="button" value="Equip" id="equipButton" /> <input type="button" value="Unequip" id="unequipButton" disabled="true" /> <input type="button" value="Drop" id="dropButton" />  <input type="button" value="Cancel" id="cancelButton" style="float:right;" />';

function positionNonbattleControls()
{
	cntrls = document.getElementById("controls");
	
	cntrls.style.left = ((screenWidth/2)-(cntrls.offsetWidth/2)) + "px";
	cntrls.style.top = ((screenHeight-50)-cntrls.offsetHeight) + "px";
}



battleControls = '<div id="controls"><div id="controlsTop"><div style="float:left;" id="controlsHead">&nbsp;</div><br/></div><div id="controlButtons"><input type="button" value="Attack" id="attackButton" onClick="attackHandler()" /> <input type="button" value="Magic" id="magicButton" onClick="magicHandler()" /> <input type="button" value="Item" id="itemButton" onClick="itemHandler()" /> <input type="button" id="endTurnButton" value="End Turn" onClick="endTurn()" style="float:right;" /></div><div id="panel">&nbsp;</div></div>';
/*
<div id="controls">
	<div id="controlsTop">
		<div style="float:left;" id="charName">&nbsp;</div>
		<img syle="float:right;cursor:pointer;margin:2px;" onClick="closeControls()" src="images/closeButton.png" />
	</div>
	<div id="controlButtons">
		<input type="button" value="Attack" id="attackButton" onClick="attackHandler()" /> <input type="button" value="Magic" id="magicButton" onClick="magicHandler()" /> <input type="button" value="Item" id="itemButton" onClick="itemHandler()" /> <input type="button" value="End Turn" onClick="endTurn()" style="float:right;" />
	</div>
	<div id="panel">&nbsp;</div>
</div>
*/

function positionBattleControls()
{
	cntrls = document.getElementById("controls");
	
	cntrls.style.left = ((screenWidth/2)-(cntrls.offsetWidth/2)) + "px";
	cntrls.style.top = ((screenHeight-50)-cntrls.offsetHeight) + "px";
}


scoreBoard = '<div id="scoreBoard"><div id="scoreBoardPlayerSide" class="scoreBoardSide"><div id="scoreBoardPlayerHeading">Player</div><div id="scoreBoardPlayerChars"><!--This div is populated Automatically using the scoreBoardPlayerChar variable below.--></div></div><div id="scoreBoardEnemySide" class="scoreBoardSide"><div id="scoreBoardEnemyHeading">Enemy</div><div id="scoreBoardEnemyChars"><!--	This div is populated automatically using the scoreBoardEnemyChar variable below.--></div></div></div>';
/*
<div id="scoreBoard">
	<div id="scoreBoardPlayerSide" class="scoreBoardSide">
		<div id="scoreBoardPlayerHeading">Player</div>
		<div id="scoreBoardPlayerChars">		
			<!--
				This div is populated automatically using the scoreBoardPlayerChar variable below.
			-->	
		</div>	
	</div>
	<div id="scoreBoardEnemySide" class="scoreBoardSide">
		<div id="scoreBoardEnemyHeading">Enemy</div>	
		<div id="scoreBoardEnemyChars">	
			<!--
				This div is populated automatically using the scoreBoardEnemyChar variable below.
			-->	
		</div>	
	</div>
</div>
*/


scoreBoardPlayerChar = '<div id="scoreBoardPlayerChar%ID%" class="scoreBoardPlayerChar"><div id="scoreBoardPlayerChar%ID%Name" class="scoreBoardPlayerCharName">%NAME%</div><div class="scoreBoardHpBlock"><span id="scoreBoardPlayerChar%ID%Hp">%HP%</span>/<span id="scoreBoardPlayerChar%ID%MaxHp">%MAXHP%</span></div></div>';
/*
	<div id="scoreBoardPlayerChar%ID%" class="scoreBoardPlayerChar">
		<div id="scoreBoardPlayerChar%ID%Name" class="scoreBoardPlayerCharName">%NAME%</div>
		<div class="scoreBoardHpBlock">
			<span id="scoreBoardPlayerChar%ID%Hp">%HP%</span>
			/
			<span id="scoreBoardPlayerChar%ID%MaxHp">%MAXHP%</span>
		</div>
	</div>
*/

scoreBoardEnemyChar = '<div id="scoreBoardEnemyChar%ID%" class="scoreBoardEnemyChar"><div id="scoreBoardEnemyChar%ID%Name" class="scoreBoardEnemyCharName">%NAME%</div><div class="scoreBoardHpBlock"><span id="scoreBoardEnemyChar%ID%Hp">%HP%</span>/<span id="scoreBoardEnemyChar%ID%MaxHp">%MAXHP%</span></div></div>';
/*
	<div id="scoreBoardEnemyChar%ID%" class="scoreBoardEnemyChar">
		<div id="scoreBoardEnemyChar%ID%Name" class="scoreBoardEnemyCharName">%NAME%</div>
		<div class="scoreBoardHpBlock">
			<span id="scoreBoardEnemyChar%ID%Hp">%HP%</span>
			/
			<span id="scoreBoardEnemyChar%ID%MaxHp">%MAXHP%</span>
		</div>
	</div>
*/

function positionScoreBoard()
{
	// not in use at the moment
}





}
catch(e)
{
	alert("An error has occurred in userInterface.js\n\n" + e);
}
