function EditHtml (id)
{
	var self = this;
	var id = id;
	var value = "";
	var getSaveValue = false;
	var setOldValue = true;
	var setPath = 0;
	var localImageWarning = false;
// 	var showImageWarning = true
	var link, image;
	
	this.onload = function ()
	{
		setTimeout (self.onresize, 0);
		
		this.setValue (this.getValue ());
		
		var editor = tinyMCE.get ("value["+id+"]").getBody ().parentNode;
		if (editor) {
			editor.addEventListener("click", function () {selectElement (id);}, false);
		}
	}
	
	this.setValue = function (value)
	{
		if (settings[id]["encode_mailto"]) {
			value = value.replace (/<a href=\"mailto:(\S+)(\[|%5B)at(\]|%5D)(\S+)(\[|%5B)dot(\]|%5D)(\S+)\"[^>]*>[^<]*(\[|%5B)at(\]|%5D)[^<]*<\/a>/g, "<a href=\"mailto:$1@$4.$7\">$1@$4.$7</a>");
			value = value.replace (/<a href=\"mailto:(\S+)(\[|%5B)at(\]|%5D)(\S+)(\[|%5B)dot(\]|%5D)(\S+)\"[^>]*>/g, "<a href=\"mailto:$1@$4.$7\">");
		}
		tinyMCE.get("value["+id+"]").setContent (value);
		this.oldValue = this.getValue ();
	}
	
	this.getValue = function ()
	{
		var value = "";
		if (getSaveValue) {
			// langsam aber gefiltert
			getSaveValue = false;
			value = tinyMCE.get("value["+id+"]").getContent ();
			if (settings[id]["encode_mailto"]) {
				value = value.replace (/<a href="mailto:(\S+)@(\S+)\.(\S+)">[^<]*@[^<]*<\/a>/g, "<a href=\"mailto:$1[at]$2[dot]$3\">$1[at]$2[dot]$3</a>");
				value = value.replace (/<a href="mailto:(\S+)@(\S+)\.(\S+)">/g, "<a href=\"mailto:$1[at]$2[dot]$3\">");
			}
			value = value.replace (/<!--([^-]|-[^-]|--[^]>)*-->/g, "");
		} else {
			// schnell aber ungefiltert
			value = tinyMCE.get ("value["+id+"]").getBody ().innerHTML;
			value = value.replace (/<img src="..\/..\/file.php/g, "<img src=\"/cms/file.php"); // per drugAndDrop eingefügte Bilder
		}
		value = value.replace(new RegExp('<a href="'+parent.location.pathname+'edit/', 'g'), '<a href="');
		
		return value;
	}
	
	this.getUpdateValue = function (value)
	{
		return value;
	}
	
	this.getAttributes = function ()
	{
		return {link:link, image:image};
	}
	
	this.setAttributes = function (attributes)
	{
		switch (attributes.type) {
		case "link":
			updateLink (attributes.href, attributes.target);
			break;
		case "image":
			updateImage (attributes.src, attributes.border, attributes.width, attributes.height, attributes.align, attributes.margin);
			
			var editor = tinyMCE.get ("value["+id+"]");
			break;
		}
		hasChanged (id);
	}
	
	this.insertText = function (text)
	{
		tinyMCE.execInstanceCommand ("value["+id+"]", "mceInsertContent", false, text);
	}
	
	this.focus = function ()
	{
		setTimeout (function () {tinyMCE.execCommand ("mceFocus", false, "value["+id+"]");}, 100);
	}
	
	this.save = function ()
	{
		getSaveValue = true;
		return false;
	}
/*
	this.help = function ()
	{
		tinyMCE.execInstanceCommand("value["+id+"]",'mceHelp',false);
	}
*/
/****************************************************/
	
	this.onresize = function  ()
	{
 		var textfeld = document.getElementById ("value["+id+"]_ifr");
		if (textfeld) {
			var editor   = textfeld.parentNode.parentNode.parentNode.parentNode.parentNode;
			var fenster  = editor.parentNode;
			textfeld.style.height = 10;
			editor.style.display = "block";
			textfeld.style.height = fenster.offsetHeight-(editor.offsetHeight-textfeld.offsetHeight);
		}
	}
	
	this.tinyMce = function ()
	{
		// Absatzvormate
		var all_blockformats = ["p", "address", "pre", "h1", "h2", "h3"];
		var blockformats = [];
		for (var key in all_blockformats) {
			var value = all_blockformats[key];
			if (settings[id]["tag_" + value]) {
				blockformats.push (value);
			}
		}
		blockformats = blockformats.join (',');
		
		// alle tags
		var all_elements = "align,font[color],a[name|href|target],small,strong/b,em/i,strike,u,p[class|align],ol,ul,li,br,img[src|border=0|style|width|height|align],embed[src|type|pluginspace|loop|style|width|height|align],object[classid|codebase|style|width|height|align|data],param[name|value],sub,sup,blockquote[dir|style],table[border=0|cellspacing|cellpadding|width|height|class|align|style],tr[class|rowspan|align|valign|heignt|style],td[class|colspan|rowspan|width|height|align|valign|style],div[class|align],span[class|align],pre[class|align],h1[class|align],h2[class|align],h3[class|align],h4[class|align],h5[class|align],h6[class|align],hr";
		var elements = [];
		all_elements = all_elements.split (",");
		for (var key in all_elements) {
			var name = all_elements[key].replace (/([a-z0-9]*).*/, "$1");
			elements[name] = all_elements[key];
		}
		
		settings[id]["tag_font"]   = settings[id]["tag_color"];
		settings[id]["tag_span"]   = settings[id]["tag_style"];
		settings[id]["tag_tr"]     = settings[id]["tag_table"];
		settings[id]["tag_td"]     = settings[id]["tag_table"];
		settings[id]["tag_li"]     = settings[id]["tag_ol"] || settings[id]["tag_ul"];
		settings[id]["tag_embed"]  = settings[id]["tag_a"];
		settings[id]["tag_object"] = settings[id]["tag_img"];
		settings[id]["tag_param"]  = settings[id]["tag_img"];
		settings[id]["tag_format"] = blockformats;
		
		// (nicht)-erlaubpe tags bestimmen
		var valid_elements = [];
		for (var key in elements) {
			if (settings[id]["tag_" + key]) {
				valid_elements.push (elements[key]);
			}
		}
		valid_elements = valid_elements.join (',');
		
		var buttons = [
			{1:"pastetext,pasteword,|,search,replace,|,undo,redo,|,spellchecker,cleanup,removeformat,visualaid,code"},
			{strong:"bold", em:"italic", u:"underline", strike:"strikethrough", small:"small", color:"forecolor", style:"styleselect", format:"formatselect", embed:"link,unlink,anchor"},
			{ul:"bullist", ol:"numlist", blockquote:"blockquote", align:"|,justifyleft,justifycenter,justifyright,justifyfull", 1:"|", hr:"hr", 2:"charmap", 3:"nonbreaking", img:"image"},
			{table:"tablecontrols"}
		];
		for (var row in buttons) {
			var list = "";
			for (var tag in buttons[row]) {
				if (!isNaN (tag) || settings[id]["tag_"+tag]) {
					list += ","+buttons[row][tag];
				}
			}
			buttons[row] = list;
		}
		
		// Editor initialesieren
		return {
			language : self.language,
			mode : "textareas",
			theme : "advanced",
			entity_encoding : "raw",
			plugins : "table,nonbreaking,spellchecker,contextmenu,paste,searchreplace,save",
			theme_advanced_buttons1 : buttons[0], //"cut,copy,paste,pastetext,pasteword,|,search,replace,|,undo,redo,|,spellchecker,cleanup,removeformat,visualaid,code",
			theme_advanced_buttons2 : buttons[1], //"bold,italic,underline,strikethrough, small,forecolor,styleselect,formatselect,link,unlink,anchor",
			theme_advanced_buttons3 : buttons[2], //"bullist,numlist,blockquote,|,justifyleft,justifycenter,justifyright,justifyfull,|,hr,image,charmap,nonbreaking",
			theme_advanced_buttons4 : buttons[3], //"tablecontrols",
			theme_advanced_blockformats : blockformats,
			theme_advanced_styles : settings[id]["tag_style"],
			theme_advanced_text_colors : settings[id]["color_list"] ? settings[id]["color_list"].replace (/^;|;$/, "").replace (/;/g, ",") : "",
			theme_advanced_more_colors : settings[id]["color_list"] && settings[id]["color_list"].match (/^;|;$/),
			theme_advanced_default_foreground_color : settings[id]["color_list"] ? settings[id]["color_list"].replace (/;.*/, "") : "",
			theme_advanced_toolbar_location : "top",
			theme_advanced_toolbar_align : "left",
			theme_advanced_path_callback : self.setPath,
			editor_selector : "value_"+id.replace (/ /g, ""),
			content_css : self.cssfile,
			relative_urls : false,
			save_onsavecallback : function () {save ()},
			handle_event_callback : self.updateText,
			execcommand_callback : self.execCommand,
			valid_elements : valid_elements,
			convert_fonts_to_spans : false,
			inline_styles : false,
			force_p_newlines : settings[id]["tag_p"] && !settings[id]["tag_br"],
			force_br_newlines : !settings[id]["tag_p"] && settings[id]["tag_br"],
			forced_root_block : settings[id]["tag_p"] ? "p" : "",
			removeformat_selector : "b,strong,em,i,strike,u,small,sub,sup,font,span",
			table_styles : settings[id]["table_class_list"],
			table_default_cellpadding : "0",
			table_default_cellspacing : "0",
			spellchecker_languages : "Deutsch=de,English=en,Español=es,Français=fr".replace (RegExp ("([^,]+="+self.language+")"), "+$1"),
			debug : false
		};
	}
	
	this.updateText = function ()
	{
		if (setOldValue) {
			setOldValue = false;
			self.oldValue = self.getValue ();
		}
		hasChanged (id, false, true);
	}
	
	this.setPath = function (path)
	{
		if (setPath>1) {
			path = path.replace (/tinymce/g, "if(parent.cms_content.tinyMCE)parent.cms_content.tinymce");
			top.setStatus ("<span class='mcePath'>Path: "+path+"</span>");
		}
		setPath++;
	}
	
	this.execCommand = function (editor_id, elm, command, user_interface, value) {
		switch (command) {
		case "mceLink":
			var editor = tinyMCE.get (editor_id);
			var linkElm = editor.selection.getNode ();
			if (linkElm) {
				link = {href : editor.dom.getAttrib (linkElm, "href").replace(new RegExp("^"+parent.location.pathname+"edit/"), ""), target : editor.dom.getAttrib (linkElm, "target")};
				var group_id = link.href.replace (/.*[?&]cms_id=(\d+).*|.*./g, "$1");
				window.open ("index.php?tpl=edit&name=link&parent_name="+id+"&group_id="+group_id, "cms_link", "width=100, height=50, left=0, top=0, status=no, toolbar=no, location=no, scrollbars=no, resizable=yes, dependent=yes");
			}
			return true;
		case "mceImage":
			var editor = tinyMCE.get (editor_id);
			var imageElm = editor.selection.getNode ();
			if (imageElm) {
				var margin = editor.dom.getAttrib (imageElm, "style").indexOf ("relative") >= 0 ? 1 : 0;
				image = {src : editor.dom.getAttrib (imageElm, "src"), border : editor.dom.getAttrib (imageElm, "border")*1, align : editor.dom.getAttrib (imageElm, "align"), margin : margin};
				var group_id = image.src.replace (/.*[?&]cms_id=(\d+).*|.*/g, "$1");
				if (group_id  &&  (erg = self.getValue ().match (RegExp ("cms_id="+group_id, "g"))) && erg.length > 2) {
					// das selbe Bild ist mehrmals im Text eingesetzt. Beim ändern soll ein neues erstellt werden
					group_id = "";
				}
				window.open ("index.php?tpl=edit&name=image&parent_name="+id+"&group_id="+group_id, "cms_image", "width=100, height=50, left=0, top=0, status=no, toolbar=no, location=no, scrollbars=no, resizable=yes, dependent=yes");
			}
			return true;
		case "mceInsertContent":
			self.updateText ();
			return false;
		}
		
		if (command!="mceRepaint") {
			self.updateText ();
		}
		
		return false;
	}

	var updateLink = function (href, target)
	{
		var ed = tinyMCE.get ("value["+id+"]"), e, b;

		e = ed.dom.getParent(ed.selection.getNode(), 'A');

		// Remove element if there is no href
		if (!href) {
			if (e) {
				ed.execCommand("mceBeginUndoLevel");
				b = ed.selection.getBookmark();
				ed.dom.remove(e, 1);
				ed.selection.moveToBookmark(b);
				ed.execCommand("mceEndUndoLevel");
				return;
			}
		}

		ed.execCommand("mceBeginUndoLevel");

		// Create new link elements
		if (e == null) {
			ed.getDoc().execCommand("unlink", false, null);
			ed.execCommand("CreateLink", false, "#mce_temp_url#", {skip_undo : 1});

			tinymce.each(ed.dom.select("a"), function(n) {
				if (ed.dom.getAttrib(n, 'href') == '#mce_temp_url#') {
					e = n;

					ed.dom.setAttribs(e, {
						href : href,
						title : "",
						target : target ? target : null,
						'class' : null
					});
				}
			});
		} else {
			ed.dom.setAttribs(e, {
				href : href,
				title : "",
				target : target ? target : null,
				'class' : null
			});
		}

		// Don't move caret if selection was image
		if (e.childNodes.length != 1 || e.firstChild.nodeName != 'IMG') {
			ed.focus();
			ed.selection.select(e);
			ed.selection.collapse(0);
		}

		ed.execCommand("mceEndUndoLevel");
	}
	
	var updateImage = function (src, border, width, height, align, margin)
	{
		var ed = tinyMCE.get ("value["+id+"]"), args = {}, el, style="";

		if (margin) {
			align = align ? align : (settings[id].image_align!="0" ? settings[id].image_align : "");
			style = "position:relative;" + settings[id].image_margin.replace (new RegExp("^"+align+" *<(.*?)>.*|.*", "gm"), "$1");
		}

		if (settings[id].image_width && settings[id].image_width.match(/^\d+%?$/)) {
			width = settings[id].image_width;
			height = "";
		}
		if (settings[id].image_height && settings[id].image_height.match(/^\d+%?$/)) {
			width = height ? width : "";
			height = settings[id].image_height;
		}
		
		if (src === '') {
			if (ed.selection.getNode().nodeName == 'IMG') {
				ed.dom.remove(ed.selection.getNode());
				ed.execCommand('mceRepaint');
			}
			return;
		}

		args = {
			src : src,
			alt : "",
			width : width,
			height : height,
			border : border,
			align : align,
			style : style
		}

		el = ed.selection.getNode();

		if (el && el.nodeName == 'IMG') {
			ed.dom.setAttribs(el, args);
		} else {
			ed.execCommand('mceInsertContent', false, '<img id="__mce_tmp" />', {skip_undo : 1});
			ed.dom.setAttribs('__mce_tmp', args);
			ed.dom.setAttrib('__mce_tmp', 'id', '');
			ed.undoManager.add();
		}
	}
}