Index: java/sql-vyuka/src/java/cz/frantovo/sql/vyuka/preklady_cs.properties
===================================================================
--- java/sql-vyuka/src/java/cz/frantovo/sql/vyuka/preklady_cs.properties	(revision 37:e32867db5487)
+++ java/sql-vyuka/src/java/cz/frantovo/sql/vyuka/preklady_cs.properties	(revision 38:0a865a665698)
@@ -40,4 +40,4 @@
 navigace.nasledujici=N\u00E1sleduj\u00EDc\u00ED lekce
 
-pruvodce.chyba.nadpis=Chyba
-pruvodce.chyba.obsah=<p>Kapitola nenalezena.</p>
+pruvodce.chyba.nadpis=Nenalezeno
+pruvodce.chyba.obsah=<p>Takov\u00E1 kapitola tu nen\u00ED.</p>
Index: java/sql-vyuka/web/WEB-INF/casti/aplikace.jspx
===================================================================
--- java/sql-vyuka/web/WEB-INF/casti/aplikace.jspx	(revision 36:e117f3aa2129)
+++ java/sql-vyuka/web/WEB-INF/casti/aplikace.jspx	(revision 38:0a865a665698)
@@ -20,15 +20,38 @@
                 <form action="#">
                     <fmt:message key="navigace.predchozi" var="navigacePredchozi" />
-                    <button class="predchozi" title="${navigacePredchozi}">&amp;nbsp;</button>
+                    <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" title="${navigaceZpet}">&amp;nbsp;</button>
+                    <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" title="${navigacePruvodce}">&amp;nbsp;</button>
+                    <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" title="${navigaceModel}">&amp;nbsp;</button>
+                    <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" title="${navigaceVpred}">&amp;nbsp;</button>
+                    <button class="vpred"
+                            name="vpred"
+                            title="${navigaceVpred}"
+                            type="button"
+                            onclick="javascript:ajaxPruvodceVpred();">&amp;nbsp;</button>
                     <fmt:message key="navigace.nasledujici" var="navigaceNasledujici" />
-                    <button id="XXX" class="nasledujici" title="${navigaceNasledujici}">&amp;nbsp;</button>
+                    <button class="nasledujici"
+                            title="${navigaceNasledujici}"
+                            type="button"
+                            onclick="javascript:ajaxPruvodceNasledujici();">&amp;nbsp;</button>
                 </form>
             </div>
Index: java/sql-vyuka/web/ajax.jspx
===================================================================
--- java/sql-vyuka/web/ajax.jspx	(revision 37:e32867db5487)
+++ java/sql-vyuka/web/ajax.jspx	(revision 38:0a865a665698)
@@ -152,4 +152,7 @@
                 </c:otherwise>
             </c:choose>
+            <form action="#" name="pruvodceData" id="pruvodceData">
+                <textarea name="id">${pruvodce.id}</textarea>
+            </form>
             <!-- </Výpis> -->
         </c:when>
Index: java/sql-vyuka/web/hlavni.js
===================================================================
--- java/sql-vyuka/web/hlavni.js	(revision 24:dceaaefb1946)
+++ java/sql-vyuka/web/hlavni.js	(revision 38:0a865a665698)
@@ -81,2 +81,49 @@
     }
 }
+
+var pruvodceAktualniId = 0;
+
+function ajaxPruvodcePredchozi() {
+    ajaxPruvodceNaviguj('predchozi', pruvodceAktualniId, null);
+}
+
+function ajaxPruvodceZpet() {
+    /** TODO: historie navigace */
+    alert('Tato funkce se teprve připravuje.');
+}
+
+function ajaxPruvodceVpred() {
+    /** TODO: historie navigace */
+    alert('Tato funkce se teprve připravuje.');
+}
+
+function ajaxPruvodceNasledujici() {
+    ajaxPruvodceNaviguj('nasledujici', pruvodceAktualniId, null);
+}
+
+function ajaxPruvodceKod(kod) {
+    ajaxPruvodceNaviguj('podleKodu', 0, kod);
+}
+
+function ajaxPruvodceId(id) {
+    ajaxPruvodceNaviguj('podleId', id, null);
+
+}
+
+function ajaxPruvodceNaviguj(akcePruvodce, id, kod) {    
+    if (ajax.readyState == 4 || ajax.readyState == 0) {
+        ajax.open("POST", 'ajax.jspx?akce=napoveda&pruvodce=' + encodeURIComponent(akcePruvodce) + '&idPruvodce=' + encodeURIComponent(id) + '&kodPruvodce=' + encodeURIComponent(kod), true);
+        ajax.onreadystatechange = function() {
+            if (ajax.readyState == 4) {
+                zobraz(ajax.responseText, napovedniPole);
+                if (document.pruvodceData) {
+                    pruvodceAktualniId = document.pruvodceData.id.value
+                } else {
+                    pruvodceAktualniId = 0;
+                }
+            }
+        };
+        ajax.send(null);
+    }
+// TODO: změnit URL
+}
Index: java/sql-vyuka/web/styl.css
===================================================================
--- java/sql-vyuka/web/styl.css	(revision 34:8a75d9b4f88a)
+++ java/sql-vyuka/web/styl.css	(revision 38:0a865a665698)
@@ -101,4 +101,9 @@
 #napoveda .vnitrekBloku {
     height: 484px;
+}
+
+#napoveda h1 {
+    font-size: 18px;
+    font-weight: bold;
 }
 
@@ -261,2 +266,7 @@
     display: none;
 }
+
+/** Skrytý formulář sloužící pro uchování ID průvodce z databáze */
+#pruvodceData {
+    display: none;
+}