<?xml version="1.0" encoding="UTF-8"?>

 <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"

           xmlns:fmt="http://java.sun.com/jsp/jstl/fmt"

           version="2.0">

     <fmt:setBundle basename="cz.frantovo.sql.vyuka.preklady" scope="application"/>

     <!-- Logo programu -->

     <div id="zahlavi"><h1><fmt:message key="nazev"/></h1></div>

     <div id="bloky">

         <!-- Nápověda -->

         <div class ="blok" id="napoveda">

             <h2><fmt:message key="blok.napoveda"/></h2>

             <div class="vnitrekBloku" id="napovedniPole">

                 <!-- Sem se bude načítat nápověda – průvodce. -->

             </div>

             <!-- <Navigace> -->

             <div id="navigace">

                 <form action="#">

                     <fieldset>

                         <fmt:message key="navigace.predchozi" var="navigacePredchozi" />

                         <button class="predchozi"

                                 name="predchozi"

                                 title="${navigacePredchozi}"

                                 type="button"

                                 onclick="javascript:ajaxPruvodcePredchozi();">&amp;nbsp;</button>

                         <fmt:message key="navigace.zpet" var="navigaceZpet" />

                         <button class="zpet"

                                 name="zpet"

                                 title="${navigaceZpet}"

                                 type="button"

                                 onclick="javascript:ajaxPruvodceZpet();">&amp;nbsp;</button>

                         <fmt:message key="navigace.pruvodce" var="navigacePruvodce" />

                         <button class="pruvodce"

                                 name="pruvodce"

                                 title="${navigacePruvodce}"

                                 type="button"

                                 onclick="javascript:ajaxPruvodceKod('pruvodce');">&amp;nbsp;</button>

                         <fmt:message key="navigace.model" var="navigaceModel" />

                         <button class="model"

                                 name="model"

                                 title="${navigaceModel}"

                                 type="button"

                                 onclick="javascript:ajaxPruvodceKod('model');">&amp;nbsp;</button>

                         <fmt:message key="navigace.vpred" var="navigaceVpred" />

                         <button class="vpred"

                                 name="vpred"

                                 title="${navigaceVpred}"

                                 type="button"

                                 onclick="javascript:ajaxPruvodceVpred();">&amp;nbsp;</button>

                         <fmt:message key="navigace.nasledujici" var="navigaceNasledujici" />

                         <button class="nasledujici"

                                 title="${navigaceNasledujici}"

                                 type="button"

                                 onclick="javascript:ajaxPruvodceNasledujici();">&amp;nbsp;</button>

                     </fieldset>

                 </form>

             </div>

             <!-- </Navigace> -->

         </div>

         <div id="io">

             <!-- Zadávání SQL příkazů -->

             <div class ="blok" id="vstup">

                 <h2><fmt:message key="blok.zadavani"/></h2>

                 <div class="vnitrekBloku">

                     <form action="#" id="aplikace">

                         <fieldset>

                             <textarea id="vstupniPole"

                                       name="vstupniPole"

                                       rows="100"

                                       cols="1000"

                                       onkeypress="javascript:zpracujTabulatory(event);"><fmt:message key="vychozi.sql"/></textarea>

                             <input  id="stavovePole"

                                     name="stavovePole"

                                     disabled="disabled"

                                     type="text" />

                             <fmt:message key="tlacitko.historie.tip" var="zobrazitHistoriiTip" />

                             <button class="zobrazitHistorii"

                                     name="zobrazitHistorii"

                                     title="${zobrazitHistoriiTip}"

                                     type="button"

                                     onclick="javascript:ajaxZobrazitHistorii();">&amp;nbsp;</button>

                             <fmt:message key="tlacitko.vykonat.tip" var="vykonatSQLTip" />

                             <button class="vykonatSQL"

                                     name="vykonatSQL"

                                     title="${vykonatSQLTip}"

                                     type="button"

                                     onclick="javascript:ajaxVykonatSQL();">&amp;nbsp;</button>

                         </fieldset>

                     </form>

                 </div>

             </div>

             <!-- Zobrazování výstupu -->

             <div class ="blok" id="vystup">

                 <h2><fmt:message key="blok.vysledek"/></h2>

                 <div class="vnitrekBloku" id="vystupniPole">

                     <!-- Sem se bude vypisovat výsledek SQL dotazů. -->

                 </div>

             </div>

         </div>

     </div>

     <!-- Načteme si lokalizované texty do skrytého formuláře, aby je mohl používat JavaScript -->

     <form action="#" id="lokalizace">

         <fieldset>

             <textarea name="nepodporovany" cols="128" rows="1"><fmt:message key="js.nepodporovany"/></textarea>

             <textarea name="probihaSQL" cols="128" rows="1"><fmt:message key="js.probihaSQL"/></textarea>

             <textarea name="probihaHistorie" cols="128" rows="1"><fmt:message key="js.probihaHistorie"/></textarea>

         </fieldset>

     </form>

 </jsp:root>