/** * Obalit textareu ovládacíma věcma */ Texyla.prototype.wrap = function () { /* kontejner */ this.container = this.textarea.wrap('
').parent(); var containerWidth = this.options.width || this.textarea.get(0).offsetWidth || this.textarea.width(); this.container.width(containerWidth); /* div s textareou */ this.editDiv = this.textarea.wrap('
') .parent().wrap('
').parent(); // nastavím šířku if (this.textarea.get(0).offsetWidth > 0) { // viditelná textarea this.textarea.width(containerWidth); var delta = this.textarea.get(0).offsetWidth - containerWidth; } else { var delta = 0; } this.textarea.width(containerWidth - delta - 2 * this.options.padding); // uložit výšku textarey this.textareaHeight = this.textarea.get(0).offsetHeight; /* div s náhledem */ this.previewDiv = $('
').insertAfter(this.editDiv); // hlavička this.previewDiv.prepend( '
' + this.lng.btn_preview + '
' ); this.preview = $('
') .appendTo(this.previewDiv) .wrap('
'); /* div s html náhledem */ this.htmlPreviewDiv = $('
').insertAfter(this.previewDiv); // hlavička this.htmlPreviewDiv.prepend( '
' + this.lng.btn_htmlPreview + '
' ); this.htmlPreview = $('
')
		.appendTo(this.htmlPreviewDiv)
		.wrap('
');


	// čekejte
	this.wait = $('
' + this.lng.wait + '
');

	// vyrobím tlačítka
	this.createToolbar();
	this.createBottomToolbar();

	// zapnu pohled
	this.view(this.options.defaultView, true);
};

/**
 *	vyrobí horní lištu
 */
Texyla.prototype.createToolbar = function () {
	// lišta
	var toolbar = $('').prependTo(this.editDiv);
	var item, toolbar2;

	// prochází lištu
	for (var i = 0; i < this.options.toolbar.length; i++) {
		// aktuální položka
		item = this.options.toolbar[i];

		// tlačítko
		if (typeof item == "string") {
			$(
				"" +
				"" +
				""
			)
				.click(this.clickButton(item))
				.appendTo("
  • ").parent()
				.appendTo(toolbar);
		}

		// separator
		else if (item === null) {
			toolbar.append("
  • ");
		}

		// podmenu
		else if ($.isArray(item)) {
			toolbar2 = $("");
			var menuTimeout;
			toolbar2.appendTo("
  • ").parent().mouseover(function () {
				// prevence proti zmizení
				clearTimeout(menuTimeout);
				// schovat ostatní menu
				$(this).siblings().find("ul:visible").fadeOut("fast");
				// zobrazit
				$(this).find("ul").show();
			}).mouseout(function () {
				// po chvíli zmizí
				var _this = this;
				menuTimeout = setTimeout(function () {
					$(_this).find("ul").fadeOut("fast");
				}, 300);
			}).appendTo(toolbar);

			// jednotlivé položky v menu
			for (var j = 0; j < item.length; j++) {
				$(
					"
  • " +
					"" +
					this.lng["btn_" + item[j]] + "
    • "
				)
					.hover(function () {
						$(this).addClass("ui-state-hover");
					}, function () {
						$(this).removeClass("ui-state-hover");
					})
					.click(this.clickButton(item[j]))
					.appendTo(toolbar2);
			}

		// label
		} else if (typeof(item) == "object" && item.type == "label") {
			var text = item.translatedText ? this.lng[item.translatedText] : item.text;
			toolbar.append("
  • " + text + "
    • ");
		}
	}
};

/**
 *	Vrátí funkci, která se přiřadí tlačítkům po kliknutí
 *	@param string name název funkce
 *	@return function
 */
Texyla.prototype.clickButton = function (name) {
	var _this = this;

	if (name in this.buttons) {
		return function (e) {
			_this.buttons[name].call(_this, e);
		};
	} else {
		return function () {
			_this.error('Function "' + name + '" is not supported!');
		};
	}
};

/**
 *	Vyrobí spodní lišty
 */
Texyla.prototype.createBottomToolbar = function () {
	// vytvořit lišty
	var bottomToolbar = $("
    ").appendTo(this.container);
	this.leftToolbar = $("
    ").appendTo(bottomToolbar);
	var right = $('
    ').appendTo(bottomToolbar);
	this.rightEditToolbar = $("
    ").appendTo(right);
	this.rightPreviewToolbar = $("
    ").appendTo(right);

	// přidat CSS třídy

	// když to jsou taby
	if (this.options.tabs) {
		this.leftToolbar.addClass("tabs");
	// nebo jsou tlačítka typu span
	} else if (this.options.buttonType == "span") {
		this.leftToolbar.addClass("span-tb");
	}

	// pravá lišta s tlačítkami typu span?
	if (this.options.buttonType == "span") {
		right.addClass("span-tb");
	}

	// přidat tlačítka
	var _this = this;

	// vyrobit tlačítko
	function createButton(icon, name, func, tabs) {
		var iconUrl = _this.expand(_this.options.iconPath, icon);

		// tlačítko typu span
		if (_this.options.buttonType == "span" || tabs) {
			return $(
				"" +
					"" +
					"" + name + "" +
					"" +
				""
			).click(func).hover(function () {
					$(this).addClass("ui-state-hover");
			}, function () {
					$(this).removeClass("ui-state-hover");
			});

		// klasické tlačítko
		} else {
			return $(
				""
			).click(func);
		}
	};

	// vyplnit lištu tlačítky
	function insertButtons(toolbar, buttons, tabs) {
		for (var i = 0; i < buttons.length; i++) {
			createButton(
				buttons[i],
				_this.lng["btn_" + buttons[i]],
				_this.clickButton(buttons[i]),
				tabs
			).appendTo(toolbar);
		}
	};

	// vložit tlačítka
	insertButtons(this.leftToolbar, this.options.bottomLeftToolbar, this.options.tabs);
	insertButtons(this.rightEditToolbar, this.options.bottomRightEditToolbar);
	insertButtons(this.rightPreviewToolbar, this.options.bottomRightPreviewToolbar);
};