###############   Frecuencia Cardíaca Máxima   ############### -->
<section data-role="page">
    <!-- Header -->
    <header data-role="header" data-theme="a" data-position="fixed">
        <a data-transition="flip" href="index.html" class="ui-btn ui-shadow ui-corner-all ui-icon-home ui-btn-icon-notext">Inicio</a>
        <h1>FC Máxima</h1>
        <a href="#nav-panel" class="ui-btn ui-shadow ui-corner-all ui-icon-info ui-btn-icon-notext">Info</a>
    </header><!-- /header -->

    <!-- Formulario FcMax -->
    <article data-role="content" >
        <form name="fcmax">
            <div data-role="collapsible-set" data-theme="a" data-content-theme="a">
                <div data-role="collapsible">             
                    <h3>Sedentario</h3>
                    <!-- Sexo -->
                    <div data-role="fieldcontain">
                        <select name="sexoSedentario" id="sexo">
                            <option value="Hombre">Hombre</option>
                            <option value="Mujer">Mujer</option>
                        </select>
                    </div>
                    <!-- Edad -->
                    <div data-role="fieldcontain">
                        <label for="edadSedentario">Edad</label>
                        <input type="range" name="edadSedentario" id="edadSedentario" value="25" min="0" max="120" data-highlight="true"/>
                    </div>
                    <!-- Intensidad de trabajo -->
                    <div data-role="fieldcontain">
                        <label for="intensidadSedentario">Intensidad %</label>
                        <input type="range" name="intensidadSedentario" id="intensidadSedentario" value="100" min="1" max="100" data-highlight="true"/>
                    </div>
                    <!-- Resultado -->
                    <div data-role="fieldcontain">
                        <ul data-role="listview" data-split-icon="info" data-split-theme="b" data-inset="true">
                            <li data-split-theme="b"><a href="#" onclick="sedentarioFC()">
                            <h2>Calcular FC Máx</h2>
                                <a data-transition="flow" href="#popupCloseRight" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a>
                            </li>
                        </ul>
                        <input type="text" name="resultadoSedentario" id="resultadoSedentario" value="" readonly/>
                    </div>                
                </div> <!-- Collapsible -->

                <div data-role="collapsible">
                    <h3>Entrenado</h3>
                    <!-- Sexo -->
                    <div data-role="fieldcontain">
                        <select name="sexoEntrenado" id="sexo">
                            <option value="Hombre">Hombre</option>
                            <option value="Mujer">Mujer</option>
                        </select>
                    </div>
                    <!-- Edad -->
                    <div data-role="fieldcontain">
                        <label for="edadEntrenado">Edad</label>
                        <input type="range" name="edadEntrenado" id="edadEntrenado" value="25" min="0" max="120" data-highlight="true"/>
                    </div>
                    <!-- Intensidad de trabajo -->
                    <div data-role="fieldcontain">
                        <label for="intensidadEntrenado">Intensidad %</label>
                        <input type="range" name="intensidadEntrenado" id="intensidadEntrenado" value="100" min="1" max="100" data-highlight="true"/>
                    </div>
                    <!-- Resultado -->
                    <div data-role="fieldcontain">
                        <ul data-role="listview" data-split-icon="info" data-split-theme="b" data-inset="true">
                            <li data-split-theme="b"><a href="#" onclick="entrenadoFC()">
                            <h2>Calcular FC Máx</h2>
                                <a data-transition="flow" href="#popupCloseRight" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a>
                            </li>
                        </ul>
                        <input type="text" name="resultadoEntrenado" id="resultadoEntrenado" value="" readonly/>
                    </div>
                </div> <!-- Collapsible -->
            </div> <!-- Collapsible set -->
        </form> 
    </article><!-- /content -->

    <!-- footer -->
    <footer data-role="footer" data-position="fixed" data-theme="a" data-id="footer1">
        <nav data-role="navbar" >
            <ul>
                <li><a data-transition="slidefade" href="complexion.html">CPX</a></li>
                <li><a data-transition="slidefade" href="fcmax.html" class="ui-btn-active">FCM</a></li>
                <li><a data-transition="slidefade" href="icc.html">ICC</a></li>
                <li><a data-transition="slidefade" href="imc.html" >IMC</a></li>
                <li><a data-transition="slidefade" href="mb.html">MB</a></li>
                <li><a data-transition="slidefade" href="pi.html">PI</a></li>
            </ul>
        </nav>
    </footer><!-- /footer -->

    <!-- ###############   PANEL INFO   ############### -->
    <div data-role="panel" data-position-fixed="true" data-theme="b" id="nav-panel" class="justify-panel">
        <ul data-role="listview" data-theme="a" class="nav-search">
            <li data-icon="delete"><a href="#" data-rel="close">FC Máxima</a></li>
        </ul>
        <div>
            <br>
            <p>Información vía:</p>
            <a href="http://www.vitonica.com/spinning/la-frecuencia-cardiaca-y-el-entrenamiento-como-se-calcula-que-valores-son-adecuados" target="_blank" class="ui-btn ui-shadow">vitonica.com</a>
            <p>La frecuencia cardíaca (Fc) es un parámetro usado habitualmente para determinar la intensidad de un entrenamiento o actividad. Esta Fc de entrenamiento se suele dar en porcentajes relativos al máximo de la frecuencia cardíaca, y aqui es donde podemos diferenciar varios métodos para calcular la <b>intensidad</b> óptima de un entrenamiento.<p>
            <div data-role="collapsible-set" data-inset="false" class="justify-panel">
                <div data-role="collapsible">
                    <h3>Muy ligera: 50-60%</h3>
                    <p>Útil para trabajos de recuperación, calentamiento y vuelta a la calma.</p> 
                    <a href="#" data-rel="close" class="ui-btn ui-shadow">Cerrar panel</a>
                </div>
                <div data-role="collapsible">
                    <h3>Ligera: 60-70%</h3>
                    <p>Zona para el trabajo base de la condición física, muy recomendable para personas que se inician en el deporte y quieren comenzar a construir una buena forma física. También utilizado en los inicios de temporada de deportistas para comenzar a asentar una base de trabajo.</p>
                    <a href="#" data-rel="close" class="ui-btn ui-shadow">Cerrar panel</a>
                </div>
                <div data-role="collapsible">
                    <h3>Moderada: 70-80%</h3>         
                    <p>Intervalo en el que ya se persigue un objetivo de mejora en rendimiento y se trabaja la eficiencia del corazón (utilización de menos energía para la realización de un esfuerzo). Recomendado para ciclos de entrenamientos preparatorios a pruebas de media-larga duración donde se establece una base aeróbica importante.</p>
                    <a href="#" data-rel="close" class="ui-btn ui-shadow">Cerrar panel</a>
                </div>
                <div data-role="collapsible" data-theme="b">
                    <h3>Dura:80-90%</h3>
                    <p>Este ya es un escalón donde la fatiga aparece de manera manifiesta. El objetivo es ganar rendimiento y poder trabajar a alta intensidad a lo largo del tiempo. No se recomienda para programas donde se busque mejora de la condición física básica, para eso están los escalones anteriores. Este es un intervalo más para entrenamiento específico y anaeróbico que persigue rendimiento en el deporte.</p>
                    <a href="#" data-rel="close" class="ui-btn ui-shadow">Cerrar panel</a>
                </div>
                <div data-role="collapsible" data-theme="b">
                    <h3>Máxima: 90-100%</h3>
                    <p>Es el máximo esfuerzo que pueden tolerar nuestros órganos y músculos, se trata de un entrenamiento anaeróbico que debido a su dureza sólo se puede aplicar en breves periodos de tiempo (menos de 5 minutos). Las agujetas y el ácido láctico harán aqui de las suyas, por eso sólo es recomendable para entrenamientos específicos de deportistas que busquen rendimiento.</p>
                    <a href="#" data-rel="close" class="ui-btn ui-shadow">Cerrar panel</a>
                </div>
            </div>
        </div>
    </div><!-- /panel -->

    <!-- ###############   INFO POPUP   ############### -->
    <div data-role="popup" id="popupCloseRight" class="ui-content" style="max-width:280px" data-theme="a">
        <a href="#" data-rel="back" data-role="button" data-theme="b" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
        <p>Es importante que el separador decimal sea el punto (.) y no la coma (,) .</p>
    </div><!-- /popup -->
    
</section><!-- /page