<root>
<!-- Include stylesheets -->
<styles>
<include src="file://{resources}/styles/custom_game/picking_screen.css" />
</styles>
<!-- Include script files -->
<scripts>
<!-- Libraries -->
<include src="file://{resources}/scripts/custom_game/Modular.js" />
<!-- Panel script -->
<include src="file://{resources}/scripts/custom_game/hero_selection.js" />
</scripts>
<Panel hittest="false" style="width: 100%; height: 100%;">
<Panel hittest="true" id="PickingScreen">
<!--Left-hand player section
==================================================================-->
<Panel id="LeftPlayers">
<!-- JS Inserts player elements here -->
</Panel>
<!-- Middle section
==================================================================-->
<Panel class="ClassContainer" >
<Panel id="PickTextPanel">
<Panel id='PickTimer'>
<Label id='TimerTxt' text="" />
</Panel>
<Label id="HeroSelectText" text="Select a hero" />
</Panel>
<!-- Pick list (showing options) -->
<Panel id="PickList">
<Panel id="npc_dota_hero_antimage" class="ClassOption"
onactivate="SelectHero('npc_dota_hero_antimage')"
style="background-image: url('file://{images}/custom_game/hero_selection/npc_dota_hero_antimage.png');" />
<Panel id="npc_dota_hero_drow_ranger" class="ClassOption"
onactivate="SelectHero('npc_dota_hero_drow_ranger')"
style="background-image: url('file://{images}/custom_game/hero_selection/npc_dota_hero_drow_ranger.png');" />
<Panel id="npc_dota_hero_rubick" class="ClassOption"
onactivate="SelectHero('npc_dota_hero_rubick')"
style="background-image: url('file://{images}/custom_game/hero_selection/npc_dota_hero_rubick.png');" />
<Panel id="npc_dota_hero_razor" class="ClassOption"
onactivate="SelectHero('npc_dota_hero_razor')"
style="background-image: url('file://{images}/custom_game/hero_selection/npc_dota_hero_razor.png');" />
<Panel id="npc_dota_hero_lycan" class="ClassOption"
onactivate="SelectHero('npc_dota_hero_lycan')"
style="background-image: url('file://{images}/custom_game/hero_selection/npc_dota_hero_lycan.png');" />
<Panel id="npc_dota_hero_omniknight" class="ClassOption"
onactivate="SelectHero('npc_dota_hero_omniknight')"
style="background-image: url('file://{images}/custom_game/hero_selection/npc_dota_hero_omniknight.png');"
/>
<Panel id="npc_dota_hero_tidehunter" class="ClassOption"
onactivate="SelectHero('npc_dota_hero_tidehunter')"
style="background-image: url('file://{images}/custom_game/hero_selection/npc_dota_hero_tidehunter.png');"/>
<Panel id="npc_dota_hero_zuus" class="ClassOption"
onactivate="SelectHero('npc_dota_hero_zuus')"
style="background-image: url('file://{images}/custom_game/hero_selection/npc_dota_hero_zuus.png');"/>
<Panel id="npc_dota_hero_chaos_knight" class="ClassOption"
onactivate="SelectHero('npc_dota_hero_chaos_knight')"
style="background-image: url('file://{images}/custom_game/hero_selection/npc_dota_hero_chaos_knight.png');"/>
</Panel>
<!-- Post-pick screen (hero view) -->
<Panel id="PostPickScreen">
<Button id="EnterGameBtn" class="disabled" onactivate="EnterGame()" >
<Label id="EnterGameBtnTxt" text="Waiting for other players..." />
</Button>
</Panel>
</Panel>
<!-- Right-hand player section
==================================================================-->
<Panel id="RightPlayers">
<!-- JS Inserts player elements here -->
</Panel>
</Panel>
</Panel>
</root>