function update(textarea, preview, hidden) {
	var t = document.getElementById(textarea);
	var p = document.getElementById(preview);
	var h = document.getElementById(hidden);
	
	var x = rich_text(t.value);
	p.innerHTML = x;
	h.value = x;

	p.style.width = t.offsetWidth;
	p.style.height = x.length > 0 ? t.offsetHeight : 0;
	p.style.visibility = x.length > 0 ? 'visible' : 'collapse';
}

function translate(container, textarea) {
	var c = document.getElementById(container);
	var t = document.getElementById(textarea);
	var tname= t.getAttribute("name");
	t.setAttribute("name", "_display");

	var h = document.createElement("input");
	h.setAttribute("type", "hidden");
	h.setAttribute("id", "hidden");
	h.setAttribute("name", tname);

	var p = document.createElement("div");
	p.setAttribute("id", "preview");
	p.setAttribute("style", "border: 1px solid #ccc; overflow: auto;");

	c.insertBefore(h, t.nextSibling);
	c.insertBefore(p, t.nextSibling);
	c.insertBefore(document.createElement("br"), p);

	c.onkeyup = function() { update(textarea, 'preview', 'hidden'); }
	c.onkeyup();
}

translate('section','editor');