<!-- Codigo Javascript para ejecutar la función -->
<script type="text/javascript">
(function (){
// your page initialization code here
// the DOM will be available here
init();
animate();
})();
</script>
<divid="infoButton"></div>
<divid="infoBox"title="Leyenda">
<pstyle="color:Red">Barras rojas: la altura de la barra representa el número de enemigos que te pueden atacar en esa casilla.</p>
<pstyle="color:Blue">Barras azules: posición de los aliados.</p>
<pstyle="color:Grey">Barras blancas: posición de los obstáculos, zonas por donde no se puede caminar, ni atacar, ni ser atacado.</p>
<pstyle="color:Green">Barras verdes: posición de las unidades verdes, la altura de la barra representa el número de enemigos que te pueden atacar.</p>
<pstyle="color:Black">Aliados: los personajes que están encima de las barras azules.</p>
<pstyle="color:Black">Enemigos: los personajes que están encima de las barras rojas.</p>
<pstyle="color:Black">Unidades verdes: los personajes que están encima de las barras verdes.</p>
<pstyle="color:Black">El gráfico representa el número de enemigos que te pueden atacar en cada casilla del mapa.
El menú de la derecha te da información sobre el elemento que apuntas con el cursor. También te permite cambiar al modo simple, donde solo
se muestran las casillas donde te puede atacar el enemigo, sin decirte el número de atacantes, como en el juego. En este modo no se proporciona información
acerca de lo que apunta el cursor. Más información sobre el mapa representado en: </p>
