.
You can choose, or use random, to assign one Vanguard character to players one & two as well as generate a Planechase card and roll the associated die. It's a complete set as of last year. It also assists in choosing your Godslayer Bonus for Theros's event by displaying valid token arrangements. I actually use this thing pretty often since I have the Hero cards and the Hydra, Minotuar, & Xenagos event decks which are designed to be ran without much player input.
The code it's self will be posted in here so you can grab it if needed but I'll upload the complete rar, images included, to google docs here in a bit.
<HTML><HEAD>
<title>MtG Theros Assit v2 - By SorO_Lost</title>
<script>
function UpdateAll()
{
ChangePlayers( 0 );
ValidateGodSlayer( 0 );
UpdatePlanechase();
}
function ChangePlayers( value )
{
var list = [
"Random",
"Ashnod",
"Barrin",
"Crovax",
"Eladamri",
"Ertai",
"Gerrard",
"Gix",
"Greven il-Vec",
"Hanna",
"Karn",
"Lyna",
"Maraxus",
"Mirri",
"Mishra",
"Multani",
"Oracle",
"Orim",
"Rofellos",
"Selenia",
"Serra",
"Sidar Kondo",
"Sisay",
"Sliver Queen",
"Squee",
"Starke",
"Tahngarth",
"Takara",
"Tawnos",
"Titania",
"Urza",
"Volrath",
"Xantcha"
];
var player1 = " ";
var player2 = " ";
if ( value == 0 || value == 1)
{
if ( document.getElementById("Player1").selectedIndex == 0 )
player1 = list[Math.floor( (Math.random() * 100) % (list.length-1) )];
else
player1 = list[document.getElementById("Player1").selectedIndex];
document.getElementById("Player1Card").innerHTML = "<img src='Vanguard/" + player1 + ".jpg' height='510' width='360'>";
}
else if ( value == 2 )
{
if ( document.getElementById("Player2").selectedIndex == 0 )
player2 = list[Math.floor( (Math.random() * 100) % (list.length-1) )];
else
player2 = list[document.getElementById("Player2").selectedIndex];
document.getElementById("Player2Card").innerHTML = "<img src='Vanguard/" + player2 + ".jpg' height='510' width='360'>";
}
}
function ValidateGodSlayer( value )
{
// Validate one choice per
switch ( value )
{
case 111:
{
document.getElementById("11Mist").checked = false;
document.getElementById("11Shard").checked = false;
break;
}
case 112:
{
document.getElementById("11Stone").checked = false;
document.getElementById("11Shard").checked = false;
break;
}
case 113:
{
document.getElementById("11Stone").checked = false;
document.getElementById("11Mist").checked = false;
break;
}
case 211:
{
document.getElementById("21Mist").checked = false;
document.getElementById("21Shard").checked = false;
break;
}
case 212:
{
document.getElementById("21Stone").checked = false;
document.getElementById("21Shard").checked = false;
break;
}
case 213:
{
document.getElementById("21Stone").checked = false;
document.getElementById("21Mist").checked = false;
break;
}
case 121:
{
document.getElementById("12Mist").checked = false;
document.getElementById("12Shard").checked = false;
break;
}
case 122:
{
document.getElementById("12Stone").checked = false;
document.getElementById("12Shard").checked = false;
break;
}
case 123:
{
document.getElementById("12Stone").checked = false;
document.getElementById("12Mist").checked = false;
break;
}
case 221:
{
document.getElementById("22Mist").checked = false;
document.getElementById("22Shard").checked = false;
break;
}
case 222:
{
document.getElementById("22Stone").checked = false;
document.getElementById("22Shard").checked = false;
break;
}
case 223:
{
document.getElementById("22Stone").checked = false;
document.getElementById("22Mist").checked = false;
break;
}
case 131:
{
document.getElementById("13Mist").checked = false;
document.getElementById("13Shard").checked = false;
break;
}
case 132:
{
document.getElementById("13Stone").checked = false;
document.getElementById("13Shard").checked = false;
break;
}
case 133:
{
document.getElementById("13Stone").checked = false;
document.getElementById("13Mist").checked = false;
break;
}
case 231:
{
document.getElementById("23Mist").checked = false;
document.getElementById("23Shard").checked = false;
break;
}
case 232:
{
document.getElementById("23Stone").checked = false;
document.getElementById("23Shard").checked = false;
break;
}
case 233:
{
document.getElementById("23Stone").checked = false;
document.getElementById("23Mist").checked = false;
break;
}
}
// Now update the entry
var list = [
"Try another combinition.",
"Equipped creature has doublestrike.",
"Whenever equipped creature deals damage, untap two target lands.",
"Equipped creature has vigilance and can block an additional creature each combat.",
"Whenever equipped creature deal damage, put a +1/+1 counter on it.",
"Whenever equipped creature deals damage, scry 1.",
"Equipped creature has protection form enchantments.",
"Whenever equipped creature deals damage, put a 1/1 white Soldier creature token onto the battlefield."
];
var player1choice = 0;
var player2choice = 0;
if ( document.getElementById("11Stone").checked )
{
if ( document.getElementById("12Stone").checked && document.getElementById("13Stone").checked )
player1choice = 1;
else if ( document.getElementById("12Stone").checked && document.getElementById("13Mist").checked )
player1choice = 4;
else if ( document.getElementById("12Mist").checked && document.getElementById("13Shard").checked )
player1choice = 7;
}
else if ( document.getElementById("11Mist").checked )
{
if ( document.getElementById("12Mist").checked && document.getElementById("13Mist").checked )
player1choice = 2;
else if ( document.getElementById("12Mist").checked && document.getElementById("13Shard").checked )
player1choice = 5;
}
else if ( document.getElementById("11Shard").checked )
{
if ( document.getElementById("12Shard").checked && document.getElementById("13Shard").checked )
player1choice = 3;
else if ( document.getElementById("12Shard").checked && document.getElementById("13Stone").checked )
player1choice = 5;
}
if ( document.getElementById("21Stone").checked )
{
if ( document.getElementById("22Stone").checked && document.getElementById("23Stone").checked )
player2choice = 1;
else if ( document.getElementById("22Stone").checked && document.getElementById("23Mist").checked )
player2choice = 4;
else if ( document.getElementById("22Mist").checked && document.getElementById("23Shard").checked )
player2choice = 7;
}
else if ( document.getElementById("21Mist").checked )
{
if ( document.getElementById("22Mist").checked && document.getElementById("23Mist").checked )
player2choice = 2;
else if ( document.getElementById("22Mist").checked && document.getElementById("23Shard").checked )
player2choice = 5;
}
else if ( document.getElementById("21Shard").checked )
{
if ( document.getElementById("22Shard").checked && document.getElementById("23Shard").checked )
player2choice = 3;
else if ( document.getElementById("22Shard").checked && document.getElementById("23Stone").checked )
player2choice = 5;
}
document.getElementById("Player1GodSlayer").innerHTML = list[player1choice];
document.getElementById("Player2GodSlayer").innerHTML = list[player2choice];
}
function UpdatePlanechase()
{
var list = [
"Random",
"AcademyatTolariaWest",
"Agyrem",
"Bant",
"CliffsideMarket",
"ElorenWilds",
"FeedingGrounds",
"FieldsofSummer",
"GlimmervoidBasin",
"Goldmeadow",
"Grixis",
"Immersturm",
"IsleofVesuva",
"IzzetSteamMaze",
"Krosa",
"LetheLake",
"Llanowar",
"Minamo",
"Murasa",
"NaarIsle",
"Naya",
"Otaria",
"Panopticon",
"PoolsofBecoming",
"RavensRun",
"SanctumofSerra",
"SeaofSand",
"Shiv",
"Skybreen",
"Sokenzan",
"StrongholdFurnace",
"Tazeem",
"TheÆtherFlues",
"TheDarkBarony",
"TheEonFog",
"TheFourthSphere",
"TheGreatForest",
"TheHippodrome",
"TheMaelstrom",
"TurriIsland",
"UndercityReaches",
"VelisVel"
];
var plane = " ";
if ( document.getElementById("PlaneChoice").selectedIndex == 0 )
plane = list[Math.floor( (Math.random() * 100) % (list.length-1) )];
else
plane = list[document.getElementById("PlaneChoice").selectedIndex];
document.getElementById("PlanechaseCard").innerHTML = "<img src='Planechase/" + plane + ".jpg' height='250'>";
}
function RollPlaneDie()
{
var roll = Math.floor( (Math.random() * 100) % 6 );
if ( roll == 0 )
document.getElementById("PlanechaseDie").innerHTML = "PlanesWlk";
// document.getElementById("PlanechaseDie").innerHTML = "<img src='Planechase/Planechase_Planeswalk.png' height='15'>";
else if ( roll == 1 )
document.getElementById("PlanechaseDie").innerHTML = "C h a o s";
// document.getElementById("PlanechaseDie").innerHTML = "<img src='Planechase/Planechase_Chaos.png'>";
else if ( roll == 2 )
document.getElementById("PlanechaseDie").innerHTML = "Blank (1)";
else if ( roll == 3 )
document.getElementById("PlanechaseDie").innerHTML = "Blank (2)";
else if ( roll == 4 )
document.getElementById("PlanechaseDie").innerHTML = "Blank (3)";
else if ( roll == 5 )
document.getElementById("PlanechaseDie").innerHTML = "Blank (4)";
}
</script>
<!--onload=UpdateAll()-->
</HEAD><BODY bgcolor="black" text="white">
<table border="1" align="center" style="width: 100%;">
<tr align="center" >
<td style="width: 10;">Player 1:
<select id="Player1" onchange="ChangePlayers( 1 )">
<option>Random</option>
<option>Ashnod</option>
<option>Barrin</option>
<option>Crovax</option>
<option>Eladamri</option>
<option>Ertai</option>
<option>Gerrard</option>
<option>Gix</option>
<option>Greven il-Vec</option>
<option>Hanna</option>
<option>Karn</option>
<option>Lyna</option>
<option>Maraxus</option>
<option>Mirri</option>
<option>Mishra</option>
<option>Multani</option>
<option>Oracle</option>
<option>Orim</option>
<option>Rofellos</option>
<option>Selenia</option>
<option>Serra</option>
<option>Sidar Kondo</option>
<option>Sisay</option>
<option>Silver Queen</option>
<option>Squee</option>
<option>Starke</option>
<option>Tahngarth</option>
<option>Takara</option>
<option>Tawnos</option>
<option>Titania</option>
<option>Urza</option>
<option>Volrath</option>
<option>Xantcha</option>
</select>
</td>
<td>
<- Choose your Player Cards ->
</td>
<td style="width: 10;">Player 2:
<select id="Player2" onchange="ChangePlayers( 2 )">
<option>Random</option>
<option>Ashnod</option>
<option>Barrin</option>
<option>Crovax</option>
<option>Eladamri</option>
<option>Ertai</option>
<option>Gerrard</option>
<option>Gix</option>
<option>Greven il-Vec</option>
<option>Hanna</option>
<option>Karn</option>
<option>Lyna</option>
<option>Maraxus</option>
<option>Mirri</option>
<option>Mishra</option>
<option>Multani</option>
<option>Oracle</option>
<option>Orim</option>
<option>Rofellos</option>
<option>Selenia</option>
<option>Serra</option>
<option>Sidar Kondo</option>
<option>Sisay</option>
<option>Silver Queen</option>
<option>Squee</option>
<option>Starke</option>
<option>Tahngarth</option>
<option>Takara</option>
<option>Tawnos</option>
<option>Titania</option>
<option>Urza</option>
<option>Volrath</option>
<option>Xantcha</option>
</select>
</td>
</tr>
<tr align="center">
<td style="width: 10;"><div id="Player1Card"><img src="" height="510" width="360"></div></td>
<td>
<table align="center" width="605" style="border: 1px solid white;">
<tr align="center">
<td>Player 1's<br>Godslayer Bonus</td>
<td width="1"><font color="black">S</font></td>
<td>Player 2's<br>Godslayer Bonus</td>
</tr>
<tr align="center">
<td>
First Selection:
<img src="Theros/ElementalStone.gif" height="15" width="15">
<input type="checkbox" id="11Stone" onclick="ValidateGodSlayer(111)">
:
<img src="Theros/AetherMist.gif" height="15" width="15">
<input type="checkbox" id="11Mist" onclick="ValidateGodSlayer(112)">
:
<img src="Theros/NyxShard.gif" height="15" width="15">
<input type="checkbox" id="11Shard" onclick="ValidateGodSlayer(113)">
</td>
<td width="1"><font color="black">o</font></td>
<td>
First Selection:
<img src="Theros/ElementalStone.gif" height="15" width="15">
<input type="checkbox" id="21Stone" onclick="ValidateGodSlayer(211)">
:
<img src="Theros/AetherMist.gif" height="15" width="15">
<input type="checkbox" id="21Mist" onclick="ValidateGodSlayer(212)">
:
<img src="Theros/NyxShard.gif" height="15" width="15">
<input type="checkbox" id="21Shard" onclick="ValidateGodSlayer(213)">
</td>
</tr>
<tr align="center">
<td>
Second Selection:
<img src="Theros/ElementalStone.gif" height="15" width="15">
<input type="checkbox" id="12Stone" onclick="ValidateGodSlayer(121)">
:
<img src="Theros/AetherMist.gif" height="15" width="15">
<input type="checkbox" id="12Mist" onclick="ValidateGodSlayer(122)">
:
<img src="Theros/NyxShard.gif" height="15" width="15">
<input type="checkbox" id="12Shard" onclick="ValidateGodSlayer(123)">
</td>
<td width="1"><font color="black">r</font></td>
<td>
Second Selection:
<img src="Theros/ElementalStone.gif" height="15" width="15">
<input type="checkbox" id="22Stone" onclick="ValidateGodSlayer(221)">
:
<img src="Theros/AetherMist.gif" height="15" width="15">
<input type="checkbox" id="22Mist" onclick="ValidateGodSlayer(222)">
:
<img src="Theros/NyxShard.gif" height="15" width="15">
<input type="checkbox" id="22Shard" onclick="ValidateGodSlayer(223)">
</td>
</tr>
<tr align="center">
<td>
Third Selection:
<img src="Theros/ElementalStone.gif" height="15" width="15">
<input type="checkbox" id="13Stone" onclick="ValidateGodSlayer(131)">
:
<img src="Theros/AetherMist.gif" height="15" width="15">
<input type="checkbox" id="13Mist" onclick="ValidateGodSlayer(132)">
:
<img src="Theros/NyxShard.gif" height="15" width="15">
<input type="checkbox" id="13Shard" onclick="ValidateGodSlayer(133)">
</td>
<td width="1"><font color="black">_</font></td>
<td>
Third Selection:
<img src="Theros/ElementalStone.gif" height="15" width="15">
<input type="checkbox" id="23Stone" onclick="ValidateGodSlayer(231)">
:
<img src="Theros/AetherMist.gif" height="15" width="15">
<input type="checkbox" id="23Mist" onclick="ValidateGodSlayer(232)">
:
<img src="Theros/NyxShard.gif" height="15" width="15">
<input type="checkbox" id="23Shard" onclick="ValidateGodSlayer(233)">
</td>
</tr>
<tr align="center">
<td width="300" height="75"><div id="Player1GodSlayer"> </div></td>
<td width="1"><font color="black">O</font></td>
<td width="300" height="75"><div id="Player2GodSlayer"> </div></td>
</tr>
</table>
<table align="center" border="1" width="605">
<tr align="center">
<td width="602" height="25">
<b>Planechase:</b>
<select id="PlaneChoice" onchange="UpdatePlanechase()">
<option>Random</option>
<option>Academy at Tolaria West</option>
<option>Agyrem</option>
<option>Bant</option>
<option>Cliffside Market</option>
<option>Eloren Wilds</option>
<option>Feeding Grounds</option>
<option>Fields of Summer</option>
<option>Glimmervoid Basin</option>
<option>Goldmeadow</option>
<option>Grixis</option>
<option>Immersturm</option>
<option>Isle of Vesuva</option>
<option>Izzet Steam Maze</option>
<option>Krosa</option>
<option>Lethe Lake</option>
<option>Llanowar</option>
<option>Minamo</option>
<option>Murasa</option>
<option>Naar Isle</option>
<option>Naya</option>
<option>Otaria</option>
<option>Panopticon</option>
<option>Pools of Becoming</option>
<option>Ravens Run</option>
<option>Sanctum of Serra</option>
<option>Sea of Sand</option>
<option>Shiv</option>
<option>Skybreen</option>
<option>Sokenzan</option>
<option>Stronghold Furnace</option>
<option>Tazeem</option>
<option>The Æther Flues</option>
<option>The Dark Barony</option>
<option>The Eon Fog</option>
<option>The Fourth Sphere</option>
<option>The Great Forest</option>
<option>The Hippodrome</option>
<option>The Maelstrom</option>
<option>Turri Island</option>
<option>Undercity Reaches</option>
<option>Velis Vel</option>
</select>
<button type="button" onclick="RollPlaneDie()">Roll Die</button>
<a id="PlanechaseDie" style="font-family:monospace">PlanesWlk</a>
<br>
</td>
</tr>
<tr align="center">
<td width="602" height="250">
<div id="PlanechaseCard"><img src="" height="250"></div>
</td>
</tr>
</table>
</td>
<td style="width: 10;"><div id="Player2Card"><img src="" height="510" width="360"></div></td>
</tr>
<tr align="center">
<td style="width: 10;"> </td>
<td> </td>
<td style="width: 10;"> </td>
</tr>
</table>
</BODY></HTML>
Inside the rar is also a image list of the Hero's Cards but they are not set to display on their own within the HTML since I bought the cards in real off Amazon (they were less than a buck each at the time).
