/** ID html prvků */

const vstupniPole = 'vstupniPole';

const vystupniPole = 'vystupniPole';

const napovedniPole = 'napovedniPole';

const stavovePole = 'stavovePole';

/**

 * Aby to fungovalo i v MSIE 6.

 * @return AJAXový objekt.

 */

function getXmlHttpRequestObject() {

    if (window.XMLHttpRequest) {

        return new XMLHttpRequest();

    } else if(window.ActiveXObject) {

        return new ActiveXObject("Microsoft.XMLHTTP");

    } else {

        alert(document.lokalizace.nepodporovany.value);

        return null;

    }

}

/** Náš AJAXový objekt. */

var ajax = getXmlHttpRequestObject();

/**

 * Vrací vstup od uživatele.

 * @return SQL příkaz zadaný uživatelem.

 **/

function getSQL() {

    return document.aplikace.vstupniPole.value;

}

/**

 * Zobrazí text na požadovaném místě.

 * @param text text k zobrazení. V případě formulářů prostý text, v ostatních případech HTML text.

 * @param kde id prvku, do kterého se má text vypsat.

 **/

function zobraz(text, kde) {

    if (kde == vstupniPole) {

        document.aplikace.vstupniPole.value = text;

    } else if (kde == stavovePole)  {

        document.aplikace.stavovePole.value = text;

    } else {

        document.getElementById(kde).innerHTML = text + '<p>&nbsp;<!-- Šťastné hackování ;-) --></p>';

    }

}

/** Jednoduchá AJAXová funkce, načte obsah souboru a zobrazí ho ve výstupním okně. */

function ajaxVykonatSQL() {

    if (ajax.readyState == 4 || ajax.readyState == 0) {

        zobraz(document.lokalizace.probihaSQL.value, stavovePole);

        ajax.open("POST", 'ajax.jspx?akce=vykonat&sql=' + encodeURIComponent(getSQL()), true);

        ajax.onreadystatechange = function() {

            if (ajax.readyState == 4) {

                zobraz(ajax.responseText, vystupniPole);

                zobraz('', stavovePole);

            }

        };

        ajax.send(null);

    }

    ulozURL();

}

/** Jednoduchá AJAXová funkce, načte obsah souboru a zobrazí ho ve výstupním okně. */

function ajaxZobrazitHistorii() {

    if (ajax.readyState == 4 || ajax.readyState == 0) {

        zobraz(document.lokalizace.probihaHistorie.value, stavovePole);

        ajax.open("POST", 'ajax.jspx?akce=historie', true);

        ajax.onreadystatechange = function() {

            if (ajax.readyState == 4) {

                zobraz(ajax.responseText, vystupniPole);

                zobraz('', stavovePole);

            }

        };

        ajax.send(null);

    }

}

var pruvodceAktualniId = 0;

var urlOdkaz = new Array();

urlOdkaz['pruvodce'] = null;

function ajaxPruvodcePredchozi() {

    ajaxPruvodceNaviguj('predchozi', pruvodceAktualniId, null);

}

function ajaxPruvodceZpet() {

    try {

        window.back();

    } catch (e) { }

}

function ajaxPruvodceVpred() {

    try {

        window.forward();

    } catch (e) { }

}

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) {

    navigaceProhlizecem = false;

    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);

                /** Uložíme si do paměti ID aktuální stránky */

                if (document.pruvodceData) {

                    pruvodceAktualniId = document.pruvodceData.id.value

                } else {

                    pruvodceAktualniId = 0;

                }

                /** Změníme URL v prohlížeči */

                urlOdkaz['pruvodce']  = 'pruvodce=' + encodeURIComponent(pruvodceAktualniId);

                ulozURL();

            }

        };

        ajax.send(null);

    }

}

/**

 * Parametry si ukládáme za # do URL (window.location.hash)

 * Můžeme měnit URL, aniž by prohlížeč obnovoval stránku.

 * Uživatel si může URL zkopírovat a obnovit si příště stav aplikace.

 * @param parametr jméno parametru, který hledáme

 * @return hodnota parametr

 */

function getParametr(parametr) {

    parametr = parametr.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");

    //var regexS = "[\\?&]"+parametr+"=([^&#]*)";

    var regexS = "[\\#&]"+parametr+"=([^&#]*)";

    var regex = new RegExp( regexS );

    var results = regex.exec(window.location.hash);

    if( results == null )

        return "";

    else

        return decodeURIComponent(results[1]);

}

/**

 * Uloží parametry (jako je SQL příkaz a stránka průvodce) do URL (za #),

 * aby si uživatel mohl URL zkopírovat a příště si obnovit stav aplikace.

 */

function ulozURL() {

    if (urlOdkaz['pruvodce']) {

        window.location.hash = urlOdkaz['pruvodce'] + '&sql=' + encodeURIComponent(getSQL());

    } else {

        window.location.hash = 'sql=' + encodeURIComponent(getSQL());

    }

}

/**

 * Načte uloženou pozici průvodce.

 */

function nactiURL() {

    nactiURL(false);

}

/**

 * Načte uložený stav aplikace z URL (SQL příkaz, průvodce).

 */

function nactiURL(nacistSQL) {

    /** Načteme uživatelův SQL příkaz z URL do vstupního pole */

    if (nacistSQL && getParametr('sql')) {

        zobraz(getParametr('sql'), vstupniPole);

    }

    /** Načteme pozici v nápovědě */

    if (getParametr('pruvodce')) {

        ajaxPruvodceId(getParametr('pruvodce'));

    } else {

        ajaxPruvodceKod('vitejte');

    }

}

window.onload = function() {

    nactiURL(true);

}

var locationHash = location.hash;

var navigaceProhlizecem = false;

setInterval(function() {

    if (location.hash != locationHash) {

        if (navigaceProhlizecem) {

            nactiURL();

        }

        navigaceProhlizecem = false;

        locationHash = location.hash;

    }

}, 200);