<!-- stats -->
	<div id="stats">
		<div id="score1">0</div>
		<div id="clock">00:00</div>
		<img id="clockgif" src="small_graphics/00.png">
		<div id="score2">0</div>
		<div id="tag"></div>
	</div>
<!-- names -->
	<div id="team1name"><?=$team1?></div>
	<div id="team2name"><?=$team2?></div>
<!-- row one -->
	<img id="r1c1" class="row1" class="col1" src="small_cloud/blue/1.png">
	<img id="r1c2" class="row1" class="col2" src="small_cloud/blue/2.png">
	<img id="r1c3" class="row1" class="col3" src="small_cloud/blue/3.png">
	<img id="r1c4" class="row1" class="col4" src="small_cloud/blue/4.png">
	<img id="r1c5" class="row1" class="col5" src="small_cloud/blue/5.png">
	<img id="r1c6" class="row1" class="col6" src="small_cloud/blue/6.png">
	<img id="r1c7" class="row1" class="col7" src="small_cloud/red/1.png">
	<img id="r1c8" class="row1" class="col8" src="small_cloud/red/2.png">
	<img id="r1c9" class="row1" class="col9" src="small_cloud/red/3.png">
	<img id="r1c10" class="row1" class="col10" src="small_cloud/red/4.png">
	<img id="r1c11" class="row1" class="col11" src="small_cloud/red/5.png">
	<img id="r1c12" class="row1" class="col12" src="small_cloud/red/6.png">
<!-- row two -->	
	<img id="r2c1" class="row2" class="col1" src="small_cloud/blue/7.png">
	<img id="r2c2" class="row2" class="col2" src="small_cloud/blue/8.png">
	<img id="r2c3" class="row2" class="col3" src="small_cloud/blue/9.png">
	<img id="r2c4" class="row2" class="col4" src="small_cloud/blue/10.png">
	<img id="r2c5" class="row2" class="col5" src="small_cloud/blue/11.png">
	<img id="r2c6" class="row2" class="col6" src="small_cloud/blue/12.png">
	<img id="r2c7" class="row2" class="col7" src="small_cloud/red/7.png">
	<img id="r2c8" class="row2" class="col8" src="small_cloud/red/8.png">
	<img id="r2c9" class="row2" class="col9" src="small_cloud/red/9.png">
	<img id="r2c10" class="row2" class="col10" src="small_cloud/red/10.png">
	<img id="r2c11" class="row2" class="col11" src="small_cloud/red/11.png">
	<img id="r2c12" class="row2" class="col12" src="small_cloud/red/12.png">
<!-- row three -->
	<img id="r3c1" class="row3" class="col1" src="small_cloud/blue/13.png">
	<img id="r3c2" class="row3" class="col2" src="small_cloud/blue/14.png">
	<img id="r3c3" class="row3" class="col3" src="small_cloud/blue/15.png">
	<img id="r3c4" class="row3" class="col4" src="small_cloud/blue/16.png">
	<img id="r3c5" class="row3" class="col5" src="small_cloud/blue/17.png">
	<img id="r3c6" class="row3" class="col6" src="small_cloud/blue/18.png">
	<img id="r3c7" class="row3" class="col7" src="small_cloud/red/13.png">
	<img id="r3c8" class="row3" class="col8" src="small_cloud/red/14.png">
	<img id="r3c9" class="row3" class="col9" src="small_cloud/red/15.png">
	<img id="r3c10" class="row3" class="col10" src="small_cloud/red/16.png">
	<img id="r3c11" class="row3" class="col11" src="small_cloud/red/17.png">
	<img id="r3c12" class="row3" class="col12" src="small_cloud/red/18.png">
<!-- row four -->
	<img id="r4c1" class="row4" class="col1" src="small_cloud/blue/19.png">
	<img id="r4c2" class="row4" class="col2" src="small_cloud/blue/20.png">
	<img id="r4c3" class="row4" class="col3" src="small_cloud/blue/21.png">
	<img id="r4c4" class="row4" class="col4" src="small_cloud/blue/22.png">
	<img id="r4c5" class="row4" class="col5" src="small_cloud/blue/23.png">
	<img id="r4c6" class="row4" class="col6" src="small_cloud/blue/24.png">
	<img id="r4c7" class="row4" class="col7" src="small_cloud/red/19.png">
	<img id="r4c8" class="row4" class="col8" src="small_cloud/red/20.png">
	<img id="r4c9" class="row4" class="col9" src="small_cloud/red/21.png">
	<img id="r4c10" class="row4" class="col10" src="small_cloud/red/22.png">
	<img id="r4c11" class="row4" class="col11" src="small_cloud/red/23.png">
	<img id="r4c12" class="row4" class="col12" src="small_cloud/red/24.png">
<!-- row five -->
	<img id="r5c1" class="row5" class="col1" src="small_cloud/blue/25.png">
	<img id="r5c2" class="row5" class="col2" src="small_cloud/blue/26.png">
	<img id="r5c3" class="row5" class="col3" src="small_cloud/blue/27.png">
	<img id="r5c4" class="row5" class="col4" src="small_cloud/blue/28.png">
	<img id="r5c5" class="row5" class="col5" src="small_cloud/blue/29.png">
	<img id="r5c6" class="row5" class="col6" src="small_cloud/blue/30.png">
	<img id="r5c7" class="row5" class="col7" src="small_cloud/red/25.png">
	<img id="r5c8" class="row5" class="col8" src="small_cloud/red/26.png">
	<img id="r5c9" class="row5" class="col9" src="small_cloud/red/27.png">
	<img id="r5c10" class="row5" class="col10" src="small_cloud/red/28.png">
	<img id="r5c11" class="row5" class="col11" src="small_cloud/red/29.png">
	<img id="r5c12" class="row5" class="col12" src="small_cloud/red/30.png">
<!-- TEXTS -->
<div id="grid_text">
<!-- row one -->
	<div id="tr1c1" class="row1" class="col1"></div>
	<div id="tr1c2" class="row1" class="col2"></div>
	<div id="tr1c3" class="row1" class="col3"></div>
	<div id="tr1c4" class="row1" class="col4"></div>
	<div id="tr1c5" class="row1" class="col5"></div>
	<div id="tr1c6" class="row1" class="col6"></div>
	<div id="tr1c7" class="row1" class="col7"></div>
	<div id="tr1c8" class="row1" class="col8"></div>
	<div id="tr1c9" class="row1" class="col9"></div>
	<div id="tr1c10" class="row1" class="col10"></div>
	<div id="tr1c11" class="row1" class="col11"></div>
	<div id="tr1c12" class="row1" class="col12"></div>
<!-- row two -->	
	<div id="tr2c1" class="row2" class="col1"></div>
	<div id="tr2c2" class="row2" class="col2"></div>
	<div id="tr2c3" class="row2" class="col3"></div>
	<div id="tr2c4" class="row2" class="col4"></div>
	<div id="tr2c5" class="row2" class="col5"></div>
	<div id="tr2c6" class="row2" class="col6"></div>
	<div id="tr2c7" class="row2" class="col7"></div>
	<div id="tr2c8" class="row2" class="col8"></div>
	<div id="tr2c9" class="row2" class="col9"></div>
	<div id="tr2c10" class="row2" class="col10"></div>
	<div id="tr2c11" class="row2" class="col11"></div>
	<div id="tr2c12" class="row2" class="col12"></div>
<!-- row three -->
	<div id="tr3c1" class="row3" class="col1"></div>
	<div id="tr3c2" class="row3" class="col2"></div>
	<div id="tr3c3" class="row3" class="col3"></div>
	<div id="tr3c4" class="row3" class="col4"></div>
	<div id="tr3c5" class="row3" class="col5"></div>
	<div id="tr3c6" class="row3" class="col6"></div>
	<div id="tr3c7" class="row3" class="col7"></div>
	<div id="tr3c8" class="row3" class="col8"></div>
	<div id="tr3c9" class="row3" class="col9"></div>
	<div id="tr3c10" class="row3" class="col10"></div>
	<div id="tr3c11" class="row3" class="col11"></div>
	<div id="tr3c12" class="row3" class="col12"></div>
<!-- row four -->
	<div id="tr4c1" class="row4" class="col1"></div>
	<div id="tr4c2" class="row4" class="col2"></div>
	<div id="tr4c3" class="row4" class="col3"></div>
	<div id="tr4c4" class="row4" class="col4"></div>
	<div id="tr4c5" class="row4" class="col5"></div>
	<div id="tr4c6" class="row4" class="col6"></div>
	<div id="tr4c7" class="row4" class="col7"></div>
	<div id="tr4c8" class="row4" class="col8"></div>
	<div id="tr4c9" class="row4" class="col9"></div>
	<div id="tr4c10" class="row4" class="col10"></div>
	<div id="tr4c11" class="row4" class="col11"></div>
	<div id="tr4c12" class="row4" class="col12"></div>
<!-- row five -->
	<div id="tr5c1" class="row5" class="col1"></div>
	<div id="tr5c2" class="row5" class="col2"></div>
	<div id="tr5c3" class="row5" class="col3"></div>
	<div id="tr5c4" class="row5" class="col4"></div>
	<div id="tr5c5" class="row5" class="col5"></div>
	<div id="tr5c6" class="row5" class="col6"></div>
	<div id="tr5c7" class="row5" class="col7"></div>
	<div id="tr5c8" class="row5" class="col8"></div>
	<div id="tr5c9" class="row5" class="col9"></div>
	<div id="tr5c10" class="row5" class="col10"></div>
	<div id="tr5c11" class="row5" class="col11"></div>
	<div id="tr5c12" class="row5" class="col12"></div>
</div>
<!-- BORDERS -->	
<!-- row one -->
	<img id="br1c1" class="row1" class="col1" src="small_graphics/border_green.png">
	<img id="br1c2" class="row1" class="col2" src="small_graphics/border_green.png">
	<img id="br1c3" class="row1" class="col3" src="small_graphics/border_green.png">
	<img id="br1c4" class="row1" class="col4" src="small_graphics/border_green.png">
	<img id="br1c5" class="row1" class="col5" src="small_graphics/border_green.png">
	<img id="br1c6" class="row1" class="col6" src="small_graphics/border_green.png">
	<img id="br1c7" class="row1" class="col7" src="small_graphics/border_green.png">
	<img id="br1c8" class="row1" class="col8" src="small_graphics/border_green.png">
	<img id="br1c9" class="row1" class="col9" src="small_graphics/border_green.png">
	<img id="br1c10" class="row1" class="col10" src="small_graphics/border_green.png">
	<img id="br1c11" class="row1" class="col11" src="small_graphics/border_green.png">
	<img id="br1c12" class="row1" class="col12" src="small_graphics/border_green.png">
<!-- row two -->	
	<img id="br2c1" class="row2" class="col1" src="small_graphics/border_green.png">
	<img id="br2c2" class="row2" class="col2" src="small_graphics/border_green.png">
	<img id="br2c3" class="row2" class="col3" src="small_graphics/border_green.png">
	<img id="br2c4" class="row2" class="col4" src="small_graphics/border_green.png">
	<img id="br2c5" class="row2" class="col5" src="small_graphics/border_green.png">
	<img id="br2c6" class="row2" class="col6" src="small_graphics/border_green.png">
	<img id="br2c7" class="row2" class="col7" src="small_graphics/border_green.png">
	<img id="br2c8" class="row2" class="col8" src="small_graphics/border_green.png">
	<img id="br2c9" class="row2" class="col9" src="small_graphics/border_green.png">
	<img id="br2c10" class="row2" class="col10" src="small_graphics/border_green.png">
	<img id="br2c11" class="row2" class="col11" src="small_graphics/border_green.png">
	<img id="br2c12" class="row2" class="col12" src="small_graphics/border_green.png">
<!-- row three -->
	<img id="br3c1" class="row3" class="col1" src="small_graphics/border_green.png">
	<img id="br3c2" class="row3" class="col2" src="small_graphics/border_green.png">
	<img id="br3c3" class="row3" class="col3" src="small_graphics/border_green.png">
	<img id="br3c4" class="row3" class="col4" src="small_graphics/border_green.png">
	<img id="br3c5" class="row3" class="col5" src="small_graphics/border_green.png">
	<img id="br3c6" class="row3" class="col6" src="small_graphics/border_green.png">
	<img id="br3c7" class="row3" class="col7" src="small_graphics/border_green.png">
	<img id="br3c8" class="row3" class="col8" src="small_graphics/border_green.png">
	<img id="br3c9" class="row3" class="col9" src="small_graphics/border_green.png">
	<img id="br3c10" class="row3" class="col10" src="small_graphics/border_green.png">
	<img id="br3c11" class="row3" class="col11" src="small_graphics/border_green.png">
	<img id="br3c12" class="row3" class="col12" src="small_graphics/border_green.png">
<!-- row four -->
	<img id="br4c1" class="row4" class="col1" src="small_graphics/border_green.png">
	<img id="br4c2" class="row4" class="col2" src="small_graphics/border_green.png">
	<img id="br4c3" class="row4" class="col3" src="small_graphics/border_green.png">
	<img id="br4c4" class="row4" class="col4" src="small_graphics/border_green.png">
	<img id="br4c5" class="row4" class="col5" src="small_graphics/border_green.png">
	<img id="br4c6" class="row4" class="col6" src="small_graphics/border_green.png">
	<img id="br4c7" class="row4" class="col7" src="small_graphics/border_green.png">
	<img id="br4c8" class="row4" class="col8" src="small_graphics/border_green.png">
	<img id="br4c9" class="row4" class="col9" src="small_graphics/border_green.png">
	<img id="br4c10" class="row4" class="col10" src="small_graphics/border_green.png">
	<img id="br4c11" class="row4" class="col11" src="small_graphics/border_green.png">
	<img id="br4c12" class="row4" class="col12" src="small_graphics/border_green.png">
<!-- row five -->
	<img id="br5c1" class="row5" class="col1" src="small_graphics/border_green.png">
	<img id="br5c2" class="row5" class="col2" src="small_graphics/border_green.png">
	<img id="br5c3" class="row5" class="col3" src="small_graphics/border_green.png">
	<img id="br5c4" class="row5" class="col4" src="small_graphics/border_green.png">
	<img id="br5c5" class="row5" class="col5" src="small_graphics/border_green.png">
	<img id="br5c6" class="row5" class="col6" src="small_graphics/border_green.png">
	<img id="br5c7" class="row5" class="col7" src="small_graphics/border_green.png">
	<img id="br5c8" class="row5" class="col8" src="small_graphics/border_green.png">
	<img id="br5c9" class="row5" class="col9" src="small_graphics/border_green.png">
	<img id="br5c10" class="row5" class="col10" src="small_graphics/border_green.png">
	<img id="br5c11" class="row5" class="col11" src="small_graphics/border_green.png">
	<img id="br5c12" class="row5" class="col12" src="small_graphics/border_green.png">
<!--INTERPLAY LOGO BAR -->
	<img src="graphics/interplay.png" id="logobar">