<li><a href="#acerca" data-rel="dialog">Acerca de Metroruta DF</a></li>
</ul>
</div>
<div data-role="footer">
<h5>Metroruta DF</h5>
</div>
</div>
<!--Ver líneas del metro-->
<div data-role="page" id="lineas">
<div data-role="header">
<h1><img src="imgs/logo.png" alt="Metroruta DF"/></h1>
</div>
<div data-role="content">
<script>
var lineas = <?php
Linea::imprimeLineasJavascript();
?>
;
document.write('<ul data-role="listview">');
for(i=0; i<lineas.length; i++) {
document.write('<li>');
document.write('<h4>'+lineas[i].nombre+'</h4>');
document.write('<img src="'+lineas[i].icono+'" class="ui-li-icon ui-li-thumb">');
var estaciones = lineas[i].estaciones;
document.write('<p>'+estaciones[0].nombre+' - '+estaciones[estaciones.length - 1].nombre+'</p>');
document.write('<ul>');
for(j=0; j<estaciones.length; j++) {
document.write('<li><img src="'+estaciones[j].icono+'" class="ui-li-icon ui-li-thumb"><a href="#">'+estaciones[j].nombre+'</a></li>');
}
document.write('</ul>');
document.write('</li>');
