function KeyInterface(map) {
	this.map = map; // map interface object

	this.keyPage = 0;
	this.keyPageMax = 13;
	this.keyItems = new Array();
	this.keyItems[0] = new Array();
	this.keyItems[0][0] = new Array(); this.keyItems[0][0]["img"] = "trasy-znacene.jpg"; this.keyItems[0][0]["text"] = "značené cyklotrasy";
	this.keyItems[0][1] = new Array(); this.keyItems[0][1]["img"] = "trasy-ostatni.jpg"; this.keyItems[0][1]["text"] = "ostatní cyklotrasy, -doporučené";
	this.keyItems[0][2] = new Array(); this.keyItems[0][2]["img"] = "zpevneny-povrch.jpg"; this.keyItems[0][2]["text"] = "zpevněný povrch";
	this.keyItems[0][3] = new Array(); this.keyItems[0][3]["img"] = "nezpevneny-povrch.jpg"; this.keyItems[0][3]["text"] = "nezpevněný povrch za sucha dobře sjízdný";
	this.keyItems[0][4] = new Array(); this.keyItems[0][4]["img"] = "nezpevneny-povrch-mtb.jpg"; this.keyItems[0][4]["text"] = "náročný povrch (MTB)";
	this.keyItems[0][5] = new Array(); this.keyItems[0][5]["img"] = "cyklostezka-nazev-cyklotras.jpg"; this.keyItems[0][5]["text"] = "cyklostezka, název cyklotrasy";
	this.keyItems[0][6] = new Array(); this.keyItems[0][6]["img"] = "nevhodna-zakazana.jpg"; this.keyItems[0][6]["text"] = "nevhodná nebo zakázaná cesta";
	this.keyItems[0][7] = new Array(); this.keyItems[0][7]["img"] = "jednosmerny-nesjizdny-usek.jpg"; this.keyItems[0][7]["text"] = "jednosměrný úsek, nesjízdný úsek, nebezpecne místo";

	this.keyItems[1] = new Array();
	this.keyItems[1][0] = new Array(); this.keyItems[1][0]["img"] = "komunikace.jpg"; this.keyItems[1][0]["text"] = "komunikace, železnice, stanice, zastávka";
	this.keyItems[1][1] = new Array(); this.keyItems[1][1]["img"] = "zpevnena-cesta.jpg"; this.keyItems[1][1]["text"] = "zpevněná cesta, cesta, průsek";
	this.keyItems[1][2] = new Array(); this.keyItems[1][2]["img"] = "lanovka.jpg"; this.keyItems[1][2]["text"] = "lanovka, lyžařský vlek";
	this.keyItems[1][3] = new Array(); this.keyItems[1][3]["img"] = "reka.jpg"; this.keyItems[1][3]["text"] = "řeka, potok, pramen, vodní plocha";
	this.keyItems[1][4] = new Array(); this.keyItems[1][4]["img"] = "sraz-jeskyne-propast.jpg"; this.keyItems[1][4]["text"] = "sráz, jeskyně, propast";
					
	this.keyItems[2] = new Array();
	this.keyItems[2][0] = new Array(); this.keyItems[2][0]["img"] = "skalni-utvary.jpg"; this.keyItems[2][0]["text"] = "skalní útvar, les, kleč";
	this.keyItems[2][1] = new Array(); this.keyItems[2][1]["img"] = "sad.jpg"; this.keyItems[2][1]["text"] = "sad, vinice, chmelnice";
	this.keyItems[2][2] = new Array(); this.keyItems[2][2]["img"] = "alej.jpg"; this.keyItems[2][2]["text"] = "alej/stromořadí, památný strom";
	this.keyItems[2][3] = new Array(); this.keyItems[2][3]["img"] = "hranice-np-chko.jpg"; this.keyItems[2][3]["text"] = "hranice NP, CHKO";
	this.keyItems[2][4] = new Array(); this.keyItems[2][4]["img"] = "hranice-pp.jpg"; this.keyItems[2][4]["text"] = "hranice přírodního parku, chráněné území";
	this.keyItems[2][5] = new Array(); this.keyItems[2][5]["img"] = "prirodni-zajimavost.jpg"; this.keyItems[2][5]["text"] = "přírodní zajímavost, hájovná, mlýn, bunkr";
	this.keyItems[2][6] = new Array(); this.keyItems[2][6]["img"] = "pomnik.jpg"; this.keyItems[2][6]["text"] = "pomník, kříž, kaple, kostel";
					
	this.keyItems[3] = new Array();
	this.keyItems[3][0] = new Array(); this.keyItems[3][0]["img"] = "hranicni-prechod.jpg"; this.keyItems[3][0]["text"] = "státní hranice";
	this.keyItems[3][1] = new Array(); this.keyItems[3][1]["img"] = "informacni-centrum.jpg"; this.keyItems[3][1]["text"] = "informační centrum";
	this.keyItems[3][2] = new Array(); this.keyItems[3][2]["img"] = "klaster.jpg"; this.keyItems[3][2]["text"] = "klášter, -přístupný veřejnosti";
	this.keyItems[3][3] = new Array(); this.keyItems[3][3]["img"] = "technicka-pamatka.jpg"; this.keyItems[3][3]["text"] = "technická památka, muzeum";
	this.keyItems[3][4] = new Array(); this.keyItems[3][4]["img"] = "skanzen.jpg"; this.keyItems[3][4]["text"] = "lidová architektura, skanzen";
					
	this.keyItems[4] = new Array();
	this.keyItems[4][0] = new Array(); this.keyItems[4][0]["img"] = "silnicni-znaceni.jpg"; this.keyItems[4][0]["text"] = "číslování značených tras - silniční značení";
	this.keyItems[4][1] = new Array(); this.keyItems[4][1]["img"] = "pasove-znaceni.jpg"; this.keyItems[4][1]["text"] = "číslování značených tras - pásové značení";
	this.keyItems[4][2] = new Array(); this.keyItems[4][2]["img"] = "priklad-dalsiho-znaceni.jpg"; this.keyItems[4][2]["text"] = "příklad dalšího značení cyklotras";
	this.keyItems[4][3] = new Array(); this.keyItems[4][3]["img"] = "servis-pujcovna.jpg"; this.keyItems[4][3]["text"] = "servis, půjčovna";
					
	this.keyItems[5] = new Array();
	this.keyItems[5][0] = new Array(); this.keyItems[5][0]["img"] = "zajimavost.jpg"; this.keyItems[5][0]["text"] = "zajímavost";
	this.keyItems[5][1] = new Array(); this.keyItems[5][1]["img"] = "parkoviste.jpg"; this.keyItems[5][1]["text"] = "parkoviště, čerpací stanice PHM, LPG";
	this.keyItems[5][2] = new Array(); this.keyItems[5][2]["img"] = "zdravotnictvi.jpg"; this.keyItems[5][2]["text"] = "zdravotnictví, horská služba";
	this.keyItems[5][3] = new Array(); this.keyItems[5][3]["img"] = "rozhledna.jpg"; this.keyItems[5][3]["text"] = "místo dalekého rozhledu, rozhledna";
	this.keyItems[5][4] = new Array(); this.keyItems[5][4]["img"] = "zidovska-pamatka.jpg"; this.keyItems[5][4]["text"] = "židovská památka";
	this.keyItems[5][5] = new Array(); this.keyItems[5][5]["img"] = "hrad-tvrz-verejnost.jpg"; this.keyItems[5][5]["text"] = "hrad/tvrz, -přístupný veřejnosti";
	this.keyItems[5][6] = new Array(); this.keyItems[5][6]["img"] = "zamek-verejnost.jpg"; this.keyItems[5][6]["text"] = "zámek, -přístupný veřejnosti";
	this.keyItems[5][7] = new Array(); this.keyItems[5][7]["img"] = "zricenina.jpg"; this.keyItems[5][7]["text"] = "zřícenina, -s průvodcem";
					
	this.keyItems[6] = new Array();
	this.keyItems[6][0] = new Array(); this.keyItems[6][0]["img"] = "vyznamne-hradiste.jpg"; this.keyItems[6][0]["text"] = "významné hradistě, hradiště, archeolog. naleziště";
	this.keyItems[6][1] = new Array(); this.keyItems[6][1]["img"] = "bufet.jpg"; this.keyItems[6][1]["text"] = "bufet, hospoda, restaurace, přístřešek/útulna";
	this.keyItems[6][2] = new Array(); this.keyItems[6][2]["img"] = "jine-ubytovani.jpg"; this.keyItems[6][2]["text"] = "jiné ubytování, penzion/chata, hotel";
	this.keyItems[6][3] = new Array(); this.keyItems[6][3]["img"] = "taboriste.jpg"; this.keyItems[6][3]["text"] = "tábořiště, autokemp";
	this.keyItems[6][4] = new Array(); this.keyItems[6][4]["img"] = "koupaliste.jpg"; this.keyItems[6][4]["text"] = "přírodní-, koupaliště, krytý bazén";
	this.keyItems[6][5] = new Array(); this.keyItems[6][5]["img"] = "zoo.jpg"; this.keyItems[6][5]["text"] = "ZOO, jezdectví, chov koní, golf";
					
	this.keyItems[7] = new Array();
	this.keyItems[7][0] = new Array(); this.keyItems[7][0]["img"] = "znacena-turisticka-trasa.jpg"; this.keyItems[7][0]["text"] = "značená turistická trasa, rozcestník tur. značení";
	this.keyItems[7][1] = new Array(); this.keyItems[7][1]["img"] = "mistni-turisticke-znaceni.jpg"; this.keyItems[7][1]["text"] = "místní turistické značení, náučná stezka";
					
	this.keyItems[8] = new Array();
	this.keyItems[8][0] = new Array(); this.keyItems[8][0]["img"] = "praha-1.jpg"; this.keyItems[8][0]["text"] = "trasy městského systému";
	this.keyItems[8][1] = new Array(); this.keyItems[8][1]["img"] = "praha-2.jpg"; this.keyItems[8][1]["text"] = "trasy Klubu českých turistů a starého městského systému";
	this.keyItems[8][2] = new Array(); this.keyItems[8][2]["img"] = "praha-3.jpg"; this.keyItems[8][2]["text"] = "cyklostezka";
	this.keyItems[8][3] = new Array(); this.keyItems[8][3]["img"] = "praha-4.jpg"; this.keyItems[8][3]["text"] = "cyklopruhy";
	this.keyItems[8][4] = new Array(); this.keyItems[8][4]["img"] = "praha-5.jpg"; this.keyItems[8][4]["text"] = "doporučené trasy";
	this.keyItems[8][5] = new Array(); this.keyItems[8][5]["img"] = "praha-7.jpg"; this.keyItems[8][5]["text"] = "chodník";
	this.keyItems[8][6] = new Array(); this.keyItems[8][6]["img"] = "praha-8.jpg"; this.keyItems[8][6]["text"] = "doporučený směr";
	this.keyItems[8][7] = new Array(); this.keyItems[8][7]["img"] = "praha-9.jpg"; this.keyItems[8][7]["text"] = "trasy vhodné pro silniční kolo";
					
	this.keyItems[9] = new Array();
	this.keyItems[9][0] = new Array(); this.keyItems[9][0]["img"] = "praha-10.jpg"; this.keyItems[9][0]["text"] = "trasy vhodné pro trekkingové kolo";
	this.keyItems[9][1] = new Array(); this.keyItems[9][1]["img"] = "praha-11.jpg"; this.keyItems[9][1]["text"] = "trasy pro horské kolo";
	this.keyItems[9][2] = new Array(); this.keyItems[9][2]["img"] = "praha-12.jpg"; this.keyItems[9][2]["text"] = "parkoviště B+R, stoupání";
	this.keyItems[9][3] = new Array(); this.keyItems[9][3]["img"] = "praha-13.jpg"; this.keyItems[9][3]["text"] = "překážka, nesjízdný úsek, nebezpečné místo";
	this.keyItems[9][4] = new Array(); this.keyItems[9][4]["img"] = "praha-14.jpg"; this.keyItems[9][4]["text"] = "dálnice, čtyřproudová silnice";
	this.keyItems[9][5] = new Array(); this.keyItems[9][5]["img"] = "praha-15.jpg"; this.keyItems[9][5]["text"] = "hlavní silnice, světelné zařízení";
	this.keyItems[9][6] = new Array(); this.keyItems[9][6]["img"] = "praha-16.jpg"; this.keyItems[9][6]["text"] = "ostatní silnice, jednosměrná ulice";
					
	this.keyItems[10] = new Array();
	this.keyItems[10][0] = new Array(); this.keyItems[10][0]["img"] = "praha-17.jpg"; this.keyItems[10][0]["text"] = "pěší zóna";
	this.keyItems[10][1] = new Array(); this.keyItems[10][1]["img"] = "praha-18.jpg"; this.keyItems[10][1]["text"] = "chodník, cesta, park / ride";
	this.keyItems[10][2] = new Array(); this.keyItems[10][2]["img"] = "praha-19.jpg"; this.keyItems[10][2]["text"] = "parkoviště, BUS, garáže";
	this.keyItems[10][3] = new Array(); this.keyItems[10][3]["img"] = "praha-20.jpg"; this.keyItems[10][3]["text"] = "čerpací stanice, LPG, hrad";
	this.keyItems[10][4] = new Array(); this.keyItems[10][4]["img"] = "praha-21.jpg"; this.keyItems[10][4]["text"] = "železnice, stanice, autobus. nádraží";
	this.keyItems[10][5] = new Array(); this.keyItems[10][5]["img"] = "praha-22.jpg"; this.keyItems[10][5]["text"] = "metro, tramvaj";
	this.keyItems[10][6] = new Array(); this.keyItems[10][6]["img"] = "praha-23.jpg"; this.keyItems[10][6]["text"] = "kostel, synagoga, kaple";
	this.keyItems[10][7] = new Array(); this.keyItems[10][7]["img"] = "praha-24.jpg"; this.keyItems[10][7]["text"] = "policie, zdravot. zařízení, lékárna";
					
	this.keyItems[11] = new Array();
	this.keyItems[11][0] = new Array(); this.keyItems[11][0]["img"] = "praha-25.jpg"; this.keyItems[11][0]["text"] = "kino, divadlo, pošta";
	this.keyItems[11][1] = new Array(); this.keyItems[11][1]["img"] = "praha-26.jpg"; this.keyItems[11][1]["text"] = "hotel, pension, autokempink";
	this.keyItems[11][2] = new Array(); this.keyItems[11][2]["img"] = "praha-27.jpg"; this.keyItems[11][2]["text"] = "restaurace, vinárna / bar";
	this.keyItems[11][3] = new Array(); this.keyItems[11][3]["img"] = "praha-28.jpg"; this.keyItems[11][3]["text"] = "nákupní středisko, pomník, přístaviště";
	this.keyItems[11][4] = new Array(); this.keyItems[11][4]["img"] = "praha-29.jpg"; this.keyItems[11][4]["text"] = "informace, muzeum, galerie";
	this.keyItems[11][5] = new Array(); this.keyItems[11][5]["img"] = "praha-30.jpg"; this.keyItems[11][5]["text"] = "koupaliště, krytý bazén";
	this.keyItems[11][6] = new Array(); this.keyItems[11][6]["img"] = "praha-31.jpg"; this.keyItems[11][6]["text"] = "zastavěná plocha, veřejná budova";
	this.keyItems[11][7] = new Array(); this.keyItems[11][7]["img"] = "praha-32.jpg"; this.keyItems[11][7]["text"] = "průmyslová plocha";

	this.keyItems[12] = new Array();
	this.keyItems[12][0] = new Array(); this.keyItems[12][0]["img"] = "praha-33.jpg"; this.keyItems[12][0]["text"] = "soukromá plocha";
	this.keyItems[12][1] = new Array(); this.keyItems[12][1]["img"] = "praha-34.jpg"; this.keyItems[12][1]["text"] = "park / les";
	this.keyItems[12][2] = new Array(); this.keyItems[12][2]["img"] = "praha-35.jpg"; this.keyItems[12][2]["text"] = "vodní plocha, řeka";
		
	this.elContent = null;
	this.elPages = null;
	this.elKeyClose = null;
	this.elKeyOpen = null;

	this._create = function() {
		this.elContent = document.getElementById('legenda-tabulka');
		this.elPages = document.getElementById('legenda-ovladani');
		this.elKeyClose = document.getElementById('legend-close');
		this.elKeyOpen = document.getElementById('a-legend');
		
		if (this.elContent) this.elPages.style.cursor = 'default';
		if (this.elPages) this.elPages.style.cursor = 'default';
		
		this.createPages();
		this.attachEvents();
		
		this.setPage(1);
	}
	
	this.createPages = function() {
		var strPages = '';
		for (var ti = 0; ti < this.keyPageMax; ti++) {
			strPages+= '<a id="keypage' + ti + '" href="#">' + (ti + 1) + '</a> ';
		}
		
		if (this.elPages) this.elPages.innerHTML = strPages;
	}
	
	this.attachEvents = function() {
		var el = null;
		for (var ti = 0; ti < this.keyPageMax; ti++) {
			el = document.getElementById('keypage' + ti);
			if (el) {
				$(el).bind('click', {page:ti + 1}, jQuery.proxy(this.onClickSetPage, this));
			}
		}
		if (this.elKeyClose) $(this.elKeyClose).bind('click', jQuery.proxy(this.hideWindow, this));
		if (this.elKeyOpen) $(this.elKeyOpen).bind('click', jQuery.proxy(this.openWindow, this));
	}
	
	this.onClickSetPage = function(p) {
		this.setPage(p.data.page);
		
		return false;
	}
	
	this.setPage = function(p) {
		var strContent = '';
		
		for (var ti = 0; ti < this.keyItems[p - 1].length; ti++) {
			strContent+= '<tr><td><img src=\'https://www.cykloserver.cz/img/legenda/' + this.keyItems[p - 1][ti]['img'] + '\' alt=\'-\' /></td><td>' + this.keyItems[p - 1][ti]['text'] + '</td></tr>';
		}
		
		if (this.elContent) {
			jQuery(this.elContent).html(strContent);
		}
		
		this.elSetPage(p);
	}
	
	this.elSetPage = function(p) {
		var el = null;
		for (var ti = 0; ti < this.keyPageMax; ti++) {
			el = document.getElementById('keypage' + ti);
			if (el) {
				if ((ti + 1) == p) {
					el.innerHTML = '<strong>' + (ti + 1) + '</strong>';
				} else {
					el.innerHTML = ti + 1;
				}
			}
		}
	}
	
	this.openWindow = function() {
		if (this.map.cSearch) this.map.cSearch.hideWindow();
		element('legend').classes.remove('h').add('visible');
		element('a-legend').classes.add('act');
	}
	
	this.hideWindow = function() {
		element('legend').classes.add('h');
		element('a-legend').classes.remove('act');
	}
	
	this._create();
}