/** ID html prvků */

 var vstupniPole = 'vstupniPole';

 var vystupniPole = 'vystupniPole';

 var napovedniPole = 'napovedniPole';

 var 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.getElementById('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.getElementById('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.getElementById('aplikace').vstupniPole.value = vratEntity(text);

 	} else if (kde == stavovePole)  {

 		document.getElementById('aplikace').stavovePole.value = vratEntity(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.getElementById('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.getElementById('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);

 				aktivujHistorii();

 			}

 		};

 	ajax.send(null);

 	}

 }

 var pruvodceAktualniId = 0;

 var urlOdkaz = new Array();

 urlOdkaz['pruvodce'] = null;

 function ajaxPruvodcePredchozi() {

 	ajaxPruvodceNaviguj('predchozi', pruvodceAktualniId, null);

 }

 function ajaxPruvodceZpet() {

 	try {

 		history.back();

 		//window.back();

 		nactiURL();

 	} catch (e) {

 		alert(e);

 		// není historie

 	}

 }

 function ajaxPruvodceVpred() {

 	try {

 		history.forward();

 		//window.forward();

 		nactiURL();

 	} catch (e) {

 		alert(e);

 		// není historie

 	}

 }

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

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

 				if (document.getElementById('pruvodceData')) {

 					pruvodceAktualniId = document.getElementById('pruvodceData').id.value;

 				} else {

 					pruvodceAktualniId = 0;

 				}

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

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

 				ulozURL();

 				sestavStromy();

 				aktivujPruvodce();

 			}

 		};

 	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žený stav aplikace z URL (SQL příkaz, průvodce).

  */

 function nactiURL() {

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

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

 	document.getElementById("zahlavi").addEventListener('click', function () {

 		ajaxPruvodceKod('vitejte');

 	}, false);

 }

 /**

  * Přidá <pre> elementům v průvodci akci onclick,

  * která se postará o načtení obsahu daného elementu do vstupního pole,

  * aby uživatel tento kód nemusel opisovat.

  *

  * Zpracuje odkazy na průvodce:

  * převede href="@klíč" na správný javascriptový odkaz.

  */

 function aktivujPruvodce() {

 	/** Ukázky SQL kódu */

 	elementy = document.getElementsByTagName("pre");

 	for (var i = 0; i < elementy.length; i++) {

 		if (elementy[i].parentNode.id == napovedniPole) {

 			elementy[i].title = document.getElementById('lokalizace').klikniProNacteniPrikladu.value;

 			elementy[i].onclick = function() {

 				zobraz(this.innerHTML, 'vstupniPole');

 				return true;

 			};

 		}

 	}

 	/** Aktivace interních odkazů na průvodce */

 	elementy = document.getElementsByTagName("a");

 	for (var j = 0; j < elementy.length; j++) {

 		var odkaz = elementy[j].getAttribute("href");

 		if (odkaz.substring(0, 1) == '@') {

 			elementy[j].href = "javascript:ajaxPruvodceKod('" + odkaz.substring(1, odkaz.length) + "');";

 		}

 	}

 }

 /**

  * Přidá <td> elementům v historii akci onclick,

  * která se postará o načtení obsahu daného elementu do vstupního pole,

  * aby uživatel tento kód nemusel opisovat.

  */

 function aktivujHistorii() {

 	radky = document.getElementsByTagName("tr");

 	for (var i = 1; i < radky.length; i++) {

 		if (radky[i].parentNode.parentNode.parentNode.id == vystupniPole) {

 			radky[i].childNodes[1].title = document.getElementById('lokalizace').klikniProNacteniHistorie.value;

 			radky[i].childNodes[1].style.cursor = 'pointer';

 			radky[i].childNodes[1].onclick = function() {

 				zobraz(this.innerHTML, 'vstupniPole');

 				return true;

 			};

 		}

 	}

 }

 /**

  * Převede HTML entity zpět na znaky,

  * aby se správně zobrazily ve vstupním nebo stavovém poli.

  */

 function vratEntity (text) {

 	var vysledek = text;

 	vysledek = vysledek.replace(new RegExp('&lt;', 'g'), '<');

 	vysledek = vysledek.replace(new RegExp('>', 'g'), '>');

 	vysledek = vysledek.replace(new RegExp('&', 'g'), '&');

 	vysledek = vysledek.replace(new RegExp(' ', 'g'), ' ');

 	vysledek = vysledek.replace(new RegExp(' ', 'g'), ' ');

 	return vysledek;

 }

 /**

  * Načte dynamicky soubor se skriptem.

  * url = název souboru.js

  */

 function nactiJavaScript (url) {

 	var element = document.createElement("script");

 	element.src = url;

 	element.type = "text/javascript";

 	document.getElementsByTagName("head")[0].appendChild(element);

 }