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

	this.elFlipper = null;
	this.elDisplay = null;
	this.elArea = null;
	
	this.isActive = false;
	
	this.napoveda = "";
	this.napoveda+= "<strong>Vkládání bodů</strong><br />";
	this.napoveda+= "Nový bod vytvoříte kliknutím na tlačítko 'Bod' v menu. Po vytvoření bodu jej můžete jednoduše přemístňovat tažením. Kliknutím na bod aktivujete zobrazení detailu bodu. Zde můžete změnit popis bodu, či vložený bod odstranit. Po změně popisu je nutné kliknout na tlačítko 'Změnit', jinak budou po zavření detailu zadané změny zrušeny. Detail je možné zavřít kliknutím na křizek v pravém horním rohu okénka.<br />";
	this.napoveda+= "<br />";
	this.napoveda+= "<strong>Vkládání linií</strong><br />";
	this.napoveda+= "Novou linii vytvoříte kliknutím na tlačítko 'Linie' v menu. Po vytvoření linie můžete jednotlivé její body přesouvat tažením. Nové body je možné dovnitř linie vkládat tažením průhledného mezibodu v každém segmentu linie. Po tažení je vytvořen nový bod a mezi ním a jeho sousedními body se zobrazí další průhledné body umožňující další upřesnění tvaru linie. Kliknutím na linii nebo jeji body aktivujete zobrazení detailu linie. Zde můžete změnit popis linie, barvu linie, či vloženou linii odstranit.<br />";
	this.napoveda+= "Doporučený postup pro práci s linií je následující:<br />";
	this.napoveda+= "1) První bod linie přesuňte na začátek linie, kterou chcete znázornit<br />";
	this.napoveda+= "2) Poslední bod linie přesuňte na konec linie, kterou chcete znázornit<br />";
	this.napoveda+= "3) Průhledný mezibod umístněte zhruba doprostřed znázorňované linie<br />";
	this.napoveda+= "4) Vzniklými mezibody dále upřesňujte linii až do odpovídajícího tvaru<br />";
	this.napoveda+= "<br />";
	this.napoveda+= "<strong>Vkládání ploch</strong><br />";
	this.napoveda+= "Novou plochu vytvoříte kliknutím na tlačítko 'Plocha' v menu. Po vytvoření plochy můžete jednotlivé její body přesouvat tažením. Nové body je možné dovnitř linie vkládat tažením průhledného mezibodu v každém segmentu linie plochy. Po tažení je vytvořen nový bod a mezi ním a jeho sousedními body se zobrazí další průhledné body umožňující další upřesnění tvaru linie plochy. Kliknutím na plochu nebo jeji body aktivujete zobrazení detailu plochy. Zde můžete změnit popis plochy, barvu plochy, či vloženou plochu odstranit.<br />";
	this.napoveda+= "Pro zadávání plochy plátí podobný doporučený postup jako v případě editace linie.<br />";
	this.napoveda+= "<br />";
	this.napoveda+= "<strong>Odesílání hlášení</strong><br />";
	this.napoveda+= "Abychom mohli vaše hlášení zpracovat, je nutné jej odeslat. Odesílání aktivujete pomocí tlačítka 'Odeslat' v menu. Odeslání je možné pouze v případě, že chybové hlášení obsahuje alespoň jeden útvar libovolného druhu. V odesílacím okně vyplňte název chyby, její popis, vaše jméno, váš e-mail a váš telefon. Pro úspěšné odeslání je potřeba vyplnit alespon váš e-mail či telefon.<br />";

	this._create = function() {
		this.elFlipper = document.getElementById('bug_help_flip');

		this.node = document.createElement('div');
		this.node.style.position = "absolute";
		this.node.style.zIndex = "2000";
		this.node.style.right = "0px";
		this.node.style.bottom = "0px";

		this.container = document.createElement('div');
		this.container.style.zIndex = "2000";
		this.container.style.right = "3px";
		this.container.style.bottom = "151px";
		this.container.setAttribute("id", "float_box");

		this.close_box = document.createElement('a');
		this.close_box.className = "close_box";
		this.close_box.setAttribute("href", "#");
		this.close_box_span = document.createElement('span');
		this.close_box_span.innerHTML = "x";
		this.close_box.appendChild(this.close_box_span);
		this.container.appendChild(this.close_box);

		this.header4 = document.createElement('h4');
		this.header4.innerHTML = "Nápověda";
		this.container.appendChild(this.header4);
		
		this.infoblock_help_obsah = document.createElement('div');
		this.infoblock_help_obsah.setAttribute("id", "infoblock_help_obsah");
		this.help_obsah_inner = document.createElement('div');
		this.help_obsah_inner.setAttribute("id", "help-obsah-inner");
		this.help_obsah_inner.innerHTML = this.napoveda;
		this.infoblock_help_obsah.appendChild(this.help_obsah_inner);
		this.container.appendChild(this.infoblock_help_obsah);

		this.node.appendChild(this.container);
		
		this.attachEvents();
	}
	
	this.hide = function() {
		if (this.isActive) {
			this.map.map.getViewport().parentNode.removeChild(this.node);
			this.isActive = false;
		}
	}
	
	this.show = function() {
		if (!this.isActive) {
			this.map.map.getViewport().parentNode.appendChild(this.node);
			this.isActive = true;
		}
	}
	
	this.onClickFlip = function() {
		if (this.isActive) {
			this.hide();
		} else {
			this.show();
		}
		
		return false;
	}
	
	this.onClickClose = function() {
		this.hide();
		return false;
	}
	
	this.attachEvents = function() {
		$(this.elFlipper).bind('click', jQuery.proxy(this.onClickFlip, this));
		$(this.close_box).bind('click', jQuery.proxy(this.onClickClose, this));
	}
	
	this._create();
}