function iIT( textarea, aTag, eTag ) {
	var input = document.getElementById( textarea );
	input.focus();
	/* Internet Explorer */
	if( typeof document.selection != 'undefined') {
		/* Einfügen des Formatierungscodes */
		alert(-1);
		var range = document.selection.createRange();
		alert(0);
		var insText = range.text;
		alert(1);
		range.text = aTag + insText + eTag;
		alert(2);
		/* Anpassen der Cursorposition */
		range = document.selection.createRange();
		alert(3);
		if ( insText.length == 0 ) {
			range.move( 'character', -eTag.length );
		}
		else {
			range.moveStart('character', aTag.length + insText.length + eTag.length );
		}
		alert(4);
		range.select();
		alert(5);
	}
	/* für neue auf der Gecko Engine basierende Browser */
	else if ( typeof input.selectionStart != 'undifined') {
		/* Einfügen des Formatierungscodes */
		var start = input.selectionStart;
		var end = input.selectionEnd;
		var insText = input.value.substring( start, end );
		input.value = input.value.substr( 0, start ) + aTag + insText + eTag + input.value.substr(end);
		/* Anpassen der Cursorpostion */
		var pos;
		if ( insText.length == 0 ) {
			pos = start + aTag.length;
		}
		else {
			pos = start + aTag.length + insText.length + eTag.length;
		}
		input.selectionStart = pos;
		input.selectionEnd = pos;
	}
	/* für die übrigen Brwoser */
	else {
		/* Abfrage der Einfügeposition */
		var pos;
		var re = new RegExp( '^[0-9]{0,3}$' );
		while ( !re.text(pos) ) {
			pos = prompt ( "Einfügen an Position (0.." + input.value.length + ") :", "0");
		}
		if( pos > input.value.length ) {
			pos.value.length;
		}
		/* Einfügen des Formatierungscodes */
		var insText = prompt( "Bitte geben Sie den zu formatierenden Text ein:" );
		input.value = input.value.substr( 0, pos ) + aTag + insText + eTag + input.value.substr(pos);
	}
}

function iITs( textarea, aTag, eTag ) {
	var input = document.getElementById( textarea );
	input.focus();
	/* Internet Explorer */
	if( typeof document.selection != 'undefined') {
		/* Einfügen des Formatierungscodes */
		var range = document.selection.createRange();
		var insText = range.text;
		range.text = aTag + insText + eTag;
		/* Anpassen der Cursorposition */
		range = document.selection.createRange();
		if ( insText.length == 0 ) {
			range.move( 'character', -eTag.length );
		}
		else {
			range.moveStart('character', aTag.length + insText.length + eTag.length );
		}
		range.select();
	}
	/* für neue auf der Gecko Engine basierende Browser */
	else if ( typeof input.selectionStart != 'undifined') {
		/* Einfügen des Formatierungscodes */
		var start = input.selectionStart;
		var end = input.selectionEnd;
		var insText = input.value.substring( start, end );
		input.value = input.value.substr( 0, start ) + aTag + insText + eTag + input.value.substr(end);
		/* Anpassen der Cursorpostion */
		var pos;
		if ( insText.length == 0 ) {
			pos = start + aTag.length;
		}
		else {
			pos = start + aTag.length + insText.length + eTag.length;
		}
		input.selectionStart = pos;
		input.selectionEnd = pos;
	}
	/* für die übrigen Brwoser */
	else {
		/* Abfrage der Einfügeposition */
		var pos;
		var re = new RegExp( '^[0-9]{0,3}$' );
		while ( !re.text(pos) ) {
			pos = prompt ( "Einfügen an Position (0.." + input.value.length + ") :", "0");
		}
		if( pos > input.value.length ) {
			pos.value.length;
		}
		/* Einfügen des Formatierungscodes */
		var insText = prompt( "Bitte geben Sie den zu formatierenden Text ein:" );
		input.value = input.value.substr( 0, pos ) + aTag + insText + eTag + input.value.substr(pos);
	}
	document.getElementById(textarea + 'BB').innerHTML = bbcode(document.getElementById(textarea).value);
}

function drawColortable ( textarea ){
	var tt=document.getElementById( textarea );
	coords=findPos( tt );
	links = coords[0] + 5;
	oben = coords[1] - 85;
	breite = tt.offsetWidth - 25;
	hoehe = tt.offsetHeight - 25;
	out='<div style="position: absolute; top: '+oben+'px; left: '+links+'px; border: 1px solid #303030; background-image: url(gfx/bg75black.png); z-index: 1000; padding: 5px;" id="editorColorTable">';
//	out+=' Farbtabelle'; onClick="iITs('EditorTextArea','[b]','[/b]');"
	out+='<img src="gfx/editor/color_red.png" class="icon" onClick="iITs(\''+textarea+'\',\'[color=#ff0000]\',\'[/color]\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/editor/color_green.png" class="icon" onClick="iITs(\''+textarea+'\',\'[color=#009000]\',\'[/color]\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/editor/color_blue.png" class="icon" onClick="iITs(\''+textarea+'\',\'[color=#3030ff]\',\'[/color]\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';	
	out+='<img src="gfx/editor/color_cyan.png" class="icon" onClick="iITs(\''+textarea+'\',\'[color=#00a0a0]\',\'[/color]\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';	
	out+='<img src="gfx/editor/color_yellow.png" class="icon" onClick="iITs(\''+textarea+'\',\'[color=#a0a000]\',\'[/color]\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';	
	out+='<img src="gfx/editor/color_pink.png" class="icon" onClick="iITs(\''+textarea+'\',\'[color=#ff30ff]\',\'[/color]\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';	
	out+='<img src="gfx/editor/color_white.png" class="icon" onClick="iITs(\''+textarea+'\',\'[color=#ffffff]\',\'[/color]\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';	
	out+='<img src="gfx/editor/color_none.png" onClick="iITs(\''+textarea+'\',\'\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));" class="icon">';	
	out+='</div>';
	document.getElementById( textarea + 'BB' ).innerHTML+=out;
	document.getElementById( textarea ).focus();
}

function drawImageInsert ( textarea ){
	var tt=document.getElementById( textarea );
	coords=findPos( tt );
	links = coords[0] + 5;
	oben = coords[1] - 85;
	breite = tt.offsetWidth - 25;
	hoehe = tt.offsetHeight - 25;
	out='<div style="position: absolute; top: '+oben+'px; left: '+links+'px; width: '+breite+'px; border: 1px solid #303030; background-image: url(gfx/bg75black.png); z-index: 1000; padding: 5px;" id="editorImageTable">';
	out+='<input type="text" class="mBoxTitel3" style="width: 70%" id="ImageInsertInput">';
	out+='<input type="button" class="mBoxtitel6" style="width: 15%; height: 20px;" value="Einf&uuml;gen" onClick="iITs(\''+textarea+'\',\'\',\'[img=\'+document.getElementById(\'ImageInsertInput\').value+\']\'); document.body.removeChild(document.getElementById(\'editorImageTable\'));">';
	out+='<input type="button" class="mBoxtitel6" style="width: 15%; height: 20px;" value="Abbrechen" onClick="iITs(\''+textarea+'\',\'\',\'\'); document.body.removeChild(document.getElementById(\'editorImageTable\'));">';
	out+='</div>';
	document.getElementById( textarea + 'BB' ).innerHTML+=out;
	document.getElementById( 'ImageInsertInput' ).focus();
}
function drawURLInsert ( textarea ){
	var tt=document.getElementById( textarea );
	coords=findPos( tt );
	links = coords[0] + 5;
	oben = coords[1] - 85;
	breite = tt.offsetWidth - 25;
	hoehe = tt.offsetHeight - 25;
	out='<div style="position: absolute; top: '+oben+'px; left: '+links+'px; width: '+breite+'px; border: 1px solid #303030; background-image: url(gfx/bg75black.png); z-index: 1000; padding: 5px;" id="editorImageTable">';
	out+='<input type="text" class="mBoxTitel3" style="width: 70%" id="ImageInsertInput">';
	out+='<input type="button" class="mBoxtitel6" style="width: 15%; height: 20px;" value="Einf&uuml;gen" onClick="iITs(\''+textarea+'\',\'[url=\'+document.getElementById(\'ImageInsertInput\').value+\']\',\'[/url]\'); document.body.removeChild(document.getElementById(\'editorImageTable\'));">';
	out+='<input type="button" class="mBoxtitel6" style="width: 15%; height: 20px;" value="Abbrechen" onClick="iITs(\''+textarea+'\',\'\',\'\'); document.body.removeChild(document.getElementById(\'editorImageTable\'));">';
	out+='</div>';
	document.getElementById( textarea + 'BB' ).innerHTML+=out;
	document.getElementById( 'ImageInsertInput' ).focus();
}

function drawCITEInsert ( textarea ){
	var tt=document.getElementById( textarea );
	coords=findPos( tt );
	links = coords[0] + 5;
	oben = coords[1] - 85;
	breite = tt.offsetWidth - 25;
	hoehe = tt.offsetHeight - 25;
	out='<div style="position: absolute; top: '+oben+'px; left: '+links+'px; width: '+breite+'px; border: 1px solid #303030; background-image: url(gfx/bg75black.png); z-index: 1000; padding: 5px;" id="editorImageTable">';
	out+='<input type="text" class="mBoxTitel3" style="width: 70%" id="ImageInsertInput">';
	out+='<input type="button" class="mBoxtitel6" style="width: 15%; height: 20px;" value="Einf&uuml;gen" onClick="iITs(\''+textarea+'\',\'[quote=\'+document.getElementById(\'ImageInsertInput\').value+\']\',\'[/quote]\'); document.body.removeChild(document.getElementById(\'editorImageTable\'));">';
	out+='<input type="button" class="mBoxtitel6" style="width: 15%; height: 20px;" value="Abbrechen" onClick="iITs(\''+textarea+'\',\'\',\'\'); document.body.removeChild(document.getElementById(\'editorImageTable\'));">';
	out+='</div>';
	document.getElementById( textarea + 'BB' ).innerHTML+=out;
	document.getElementById( 'ImageInsertInput' ).focus();
}
function drawYTInsert ( textarea ){
	var tt=document.getElementById( textarea );
	coords=findPos( tt );
	links = coords[0] + 5;
	oben = coords[1] - 85;
	breite = tt.offsetWidth - 25;
	hoehe = tt.offsetHeight - 25;
	out='<div style="position: absolute; top: '+oben+'px; left: '+links+'px; width: '+breite+'px; border: 1px solid #303030; background-image: url(gfx/bg75black.png); z-index: 1000; padding: 5px;" id="editorImageTable">';
	out+='<input type="text" class="mBoxTitel3" style="width: 70%" id="ImageInsertInput">';
	out+='<input type="button" class="mBoxtitel6" style="width: 15%; height: 20px;" value="Einf&uuml;gen" onClick="iITs(\''+textarea+'\',\'[youtube=\'+document.getElementById(\'ImageInsertInput\').value+\']\',\'\'); document.body.removeChild(document.getElementById(\'editorImageTable\'));">';
	out+='<input type="button" class="mBoxtitel6" style="width: 15%; height: 20px;" value="Abbrechen" onClick="iITs(\''+textarea+'\',\'\',\'\'); document.body.removeChild(document.getElementById(\'editorImageTable\'));">';
	out+='</div>';
	document.getElementById( textarea + 'BB' ).innerHTML+=out;
	document.getElementById( 'ImageInsertInput' ).focus();
}

function drawSmiletable ( textarea ){
	var tt=document.getElementById( textarea );
	coords=findPos( tt );
	links = coords[0] + 5;
	oben = coords[1] - 80;
	breite = tt.offsetWidth - 25;
	hoehe = tt.offsetHeight - 25;
	out='<div style="position: absolute; top: '+oben+'px; left: '+links+'px; border: 1px solid #303030; background-image: url(gfx/bg75black.png); z-index: 1000; padding: 5px;" id="editorColorTable">';
//	out+=' Farbtabelle'; onClick="iITs('EditorTextArea','[b]','[/b]');"
	out+='<img src="gfx/smilies/aehm.gif" class="icon" onClick="iITs(\''+textarea+'\',\':aehm:\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/smilies/aehm2.gif" class="icon" onClick="iITs(\''+textarea+'\',\':aehm2:\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/smilies/aetsch.gif" class="icon" onClick="iITs(\''+textarea+'\',\':p\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/smilies/clap2.gif" class="icon" onClick="iITs(\''+textarea+'\',\':clap2:\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/smilies/cool.gif" class="icon" onClick="iITs(\''+textarea+'\',\':cool:\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/smilies/evil.gif" class="icon" onClick="iITs(\''+textarea+'\',\':666:\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/smilies/headbang.gif" class="icon" onClick="iITs(\''+textarea+'\',\':mosh1:\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/smilies/hrhr.gif" class="icon" onClick="iITs(\''+textarea+'\',\':hrhr:\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/smilies/schmoll.gif" class="icon" onClick="iITs(\''+textarea+'\',\':((\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));"><br>';	
	out+='<img src="gfx/smilies/ja.gif" class="icon" onClick="iITs(\''+textarea+'\',\':yes:\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/smilies/lach1.gif" class="icon" onClick="iITs(\''+textarea+'\',\':))\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/smilies/lach2.gif" class="icon" onClick="iITs(\''+textarea+'\',\':D\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/smilies/nein1.gif" class="icon" onClick="iITs(\''+textarea+'\',\':no:\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/smilies/nein2.gif" class="icon" onClick="iITs(\''+textarea+'\',\':no2:\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/smilies/shock2.gif" class="icon" onClick="iITs(\''+textarea+'\',\':shock2:\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/smilies/smile.gif" class="icon" onClick="iITs(\''+textarea+'\',\':)\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/smilies/ugly.gif" class="icon" onClick="iITs(\''+textarea+'\',\':ugly:\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';	
	out+='<img src="gfx/smilies/zwinker.gif" class="icon" onClick="iITs(\''+textarea+'\',\';)\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/smilies/schmoll.gif" class="icon" onClick="iITs(\''+textarea+'\',\':((\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';

		
	out+='<img src="gfx/editor/no_smile.png" onClick="iITs(\''+textarea+'\',\'\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));" class="icon">';	
	out+='</div>';
	document.getElementById( textarea + 'BB' ).innerHTML+=out;
	document.getElementById( textarea ).focus();
}

function drawWormtable ( textarea ){
	var tt=document.getElementById( textarea );
	coords=findPos( tt );
	links = coords[0] + 5;
	oben = coords[1] - 80;
	breite = tt.offsetWidth - 25;
	hoehe = tt.offsetHeight - 25;
	out='<div style="position: absolute; top: '+oben+'px; left: '+links+'px; border: 1px solid #303030; background-image: url(gfx/bg75black.png); z-index: 1000; padding: 5px;" id="editorColorTable">';
//	out+=' Farbtabelle'; onClick="iITs('EditorTextArea','[b]','[/b]');"
	out+='<img src="gfx/wemotes/wblicklr.gif" class="icon" onClick="iITs(\''+textarea+'\',\'wlookr\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/wemotes/wblicko.gif" class="icon" onClick="iITs(\''+textarea+'\',\'wlookup\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/wemotes/wcomm.gif" class="icon" onClick="iITs(\''+textarea+'\',\'wcomm\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/wemotes/wgrummel.gif" class="icon" onClick="iITs(\''+textarea+'\',\'wgrr\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/wemotes/wschielen.gif" class="icon" onClick="iITs(\''+textarea+'\',\'w%\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/wemotes/wtipp.gif" class="icon" onClick="iITs(\''+textarea+'\',\'wtipp\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
	out+='<img src="gfx/wemotes/wweissefahne.gif" class="icon" onClick="iITs(\''+textarea+'\',\'wfriede\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));">';
		
	out+='<img src="gfx/editor/no_smile.png" onClick="iITs(\''+textarea+'\',\'\',\'\'); document.body.removeChild(document.getElementById(\'editorColorTable\'));" class="icon">';	
	out+='</div>';
	document.getElementById( textarea + 'BB' ).innerHTML+=out;
	document.getElementById( textarea ).focus();
}

function drawEditorIconTable( textarea ){
	out='<table cellpadding="0" cellsapcing="0" border="0" width="100%">';
	out+='	<tr>';
	out+='		<td class="mBoxtitel" style="padding-top 4px; padding-left: 4px;">';
	out+='			<img src="gfx/editor/icon_bold.png" style="margin: 1px;" title="Fettgedruckte Schrift"';
	out+='				onMouseOver="this.src=\'gfx/editor/icon_bold2.png\';" class="icon"';
	out+='				onMouseOut="this.src=\'gfx/editor/icon_bold.png\';" onClick="iITs(\''+textarea+'\',\'[b]\',\'[/b]\');">';
	out+='			<img src="gfx/editor/icon_italic.png" style="margin: 1px;" title="Kursive Schrift"';
	out+='				onMouseOver="this.src=\'gfx/editor/icon_italic2.png\';" class="icon"';
	out+='				onMouseOut="this.src=\'gfx/editor/icon_italic.png\';" onClick="iITs(\''+textarea+'\',\'[i]\',\'[/i]\');">';	
	out+='			<img src="gfx/editor/icon_underline.png" style="margin: 1px;" title="Text Unterstreichen"';
	out+='				onMouseOver="this.src=\'gfx/editor/icon_underline2.png\';" class="icon"';
	out+='				onMouseOut="this.src=\'gfx/editor/icon_underline.png\';" onClick="iITs(\''+textarea+'\',\'[u]\',\'[/u]\');">';
	out+='			<img src="gfx/editor/icon_spacer.png" style="margin: 1px;">';
	out+='			<img src="gfx/editor/icon_center.png" style="margin: 1px;" title="Text Zentrieren"';
	out+='				onMouseOver="this.src=\'gfx/editor/icon_center2.png\';" class="icon"';
	out+='				onMouseOut="this.src=\'gfx/editor/icon_center.png\';" onClick="iITs(\''+textarea+'\',\'[center]\',\'[/center]\');">';
	out+='			<img src="gfx/editor/icon_textfarbe.png" style="margin: 1px;" title="Text farbe &Auml;ndern"';
	out+='				onMouseOver="this.src=\'gfx/editor/icon_textfarbe2.png\';" class="icon"';
	out+='				onMouseOut="this.src=\'gfx/editor/icon_textfarbe.png\';" onClick="drawColortable(\''+textarea+'\');">';
	out+='			<img src="gfx/editor/icon_spacer.png" style="margin: 1px;">';	
	out+='			<img src="gfx/editor/icon_image.png" style="margin: 1px;" title="Bild Einf&uuml;gen"';
	out+='				onMouseOver="this.src=\'gfx/editor/icon_image2.png\';" class="icon"';
	out+='				onMouseOut="this.src=\'gfx/editor/icon_image.png\';" onClick="drawImageInsert(\''+textarea+'\');">';
	out+='			<img src="gfx/editor/icon_link.png" style="margin: 1px;" title="Link Einf&uuml;gen"';
	out+='				onMouseOver="this.src=\'gfx/editor/icon_link2.png\';" class="icon"';
	out+='				onMouseOut="this.src=\'gfx/editor/icon_link.png\';" onClick="drawURLInsert(\''+textarea+'\');">';
	out+='			<img src="gfx/editor/icon_quote.png" style="margin: 1px;" title="Zitat Einf&uuml;gen"';
	out+='				onMouseOver="this.src=\'gfx/editor/icon_quote2.png\';" class="icon"';
	out+='				onMouseOut="this.src=\'gfx/editor/icon_quote.png\';" onClick="drawCITEInsert(\''+textarea+'\');">';
	out+='			<img src="gfx/editor/icon_youtube.png" style="margin: 1px;" title="Youtube Video Einf&uuml;gen"';
	out+='				onMouseOver="this.src=\'gfx/editor/icon_youtube2.png\';" class="icon"';
	out+='				onMouseOut="this.src=\'gfx/editor/icon_youtube.png\';" onClick="drawYTInsert(\''+textarea+'\');">';
	out+='			<img src="gfx/editor/icon_spacer.png" style="margin: 1px;">';
	out+='			<img src="gfx/editor/icon_smile.png" style="margin: 1px;" title="Smilie einf&uuml;gen"';
	out+='				onMouseOver="this.src=\'gfx/editor/icon_smile2.png\';" class="icon"';
	out+='				onMouseOut="this.src=\'gfx/editor/icon_smile.png\';" onClick="drawSmiletable(\''+textarea+'\');">';
	out+='			<img src="gfx/editor/icon_worms.png" style="margin: 1px;" title="Worm-icon Einf&uuml;gen"';
	out+='				onMouseOver="this.src=\'gfx/editor/icon_worms2.png\';" class="icon"';
	out+='				onMouseOut="this.src=\'gfx/editor/icon_worms.png\';" onClick="drawWormtable(\''+textarea+'\');">';
	out+='		</td>';
	out+='	</tr>';
	out+='</table>';

	out2='<table cellpadding="0" cellspacing="0" border="0" width="100%">';
	out2+='	<tr>';
	out2+='		<td class="mBoxtitel" style="padding: 3px; border-bottom: 0px none;">';
	out2+='			Vorschau:';
	out2+='		</tD></tr><tr>';
	out2+='		<td class="mBoxTitelD" style="padding: 5px; border-top: 0px none;">';
	out2+='		<div id="'+textarea+'BB">'+bbcode(document.getElementById(textarea).value);
	out2+='		&nbsp;</div>';
	out2+='		</td>';
	out2+='	</tr>';
	out2+='</table>';

	EditorIconDiv = document.createElement('div');
	EditorIconDiv.id = textarea + "Icons";
	EditorIconDiv.innerHTML = out;
	EditorVorschau = document.createElement('div');
	EditorVorschau.id = textarea + "Vorschau";
	EditorVorschau.innerHTML = out2;
	document.getElementById(textarea).parentNode.insertBefore(EditorIconDiv, document.getElementById(textarea));
	document.getElementById(textarea).parentNode.appendChild(EditorVorschau);
	watching=document.createAttribute('onkeyup');
	watching.nodeValue="document.getElementById(this.id+'BB').innerHTML=bbcode(this.value);";
	document.getElementById(textarea).setAttributeNode(watching);

	
}

function drawEditorIconTableTarget( textarea , target, inhalt ){
	out='<table cellpadding="0" cellsapcing="0" border="0" width="100%">';
	out+='	<tr>';
	out+='		<td class="mBoxtitel" style="padding-top 4px; padding-left: 4px;">';
	out+='			<img src="gfx/editor/icon_bold.png" style="margin: 1px;" title="Fettgedruckte Schrift"';
	out+='				onMouseOver="this.src=\'gfx/editor/icon_bold2.png\';" class="icon"';
	out+='				onMouseOut="this.src=\'gfx/editor/icon_bold.png\';" onClick="iITs(\''+textarea+'\',\'[b]\',\'[/b]\');">';
	out+='			<img src="gfx/editor/icon_italic.png" style="margin: 1px;" title="Kursive Schrift"';
	out+='				onMouseOver="this.src=\'gfx/editor/icon_italic2.png\';" class="icon"';
	out+='				onMouseOut="this.src=\'gfx/editor/icon_italic.png\';" onClick="iITs(\''+textarea+'\',\'[i]\',\'[/i]\');">';	
	out+='			<img src="gfx/editor/icon_underline.png" style="margin: 1px;" title="Text Unterstreichen"';
	out+='				onMouseOver="this.src=\'gfx/editor/icon_underline2.png\';" class="icon"';
	out+='				onMouseOut="this.src=\'gfx/editor/icon_underline.png\';" onClick="iITs(\''+textarea+'\',\'[u]\',\'[/u]\');">';
	out+='			<img src="gfx/editor/icon_spacer.png" style="margin: 1px;">';
	out+='			<img src="gfx/editor/icon_center.png" style="margin: 1px;" title="Text Zentrieren"';
	out+='				onMouseOver="this.src=\'gfx/editor/icon_center2.png\';" class="icon"';
	out+='				onMouseOut="this.src=\'gfx/editor/icon_center.png\';" onClick="iITs(\''+textarea+'\',\'[center]\',\'[/center]\');">';
	out+='			<img src="gfx/editor/icon_textfarbe.png" style="margin: 1px;" title="Text farbe &Auml;ndern"';
	out+='				onMouseOver="this.src=\'gfx/editor/icon_textfarbe2.png\';" class="icon"';
	out+='				onMouseOut="this.src=\'gfx/editor/icon_textfarbe.png\';" onClick="drawColortable(\''+textarea+'\');">';
	out+='			<img src="gfx/editor/icon_spacer.png" style="margin: 1px;">';	
	out+='			<img src="gfx/editor/icon_image.png" style="margin: 1px;" title="Bild Einf&uuml;gen"';
	out+='				onMouseOver="this.src=\'gfx/editor/icon_image2.png\';" class="icon"';
	out+='				onMouseOut="this.src=\'gfx/editor/icon_image.png\';" onClick="drawImageInsert(\''+textarea+'\');">';
	out+='			<img src="gfx/editor/icon_link.png" style="margin: 1px;" title="Link Einf&uuml;gen"';
	out+='				onMouseOver="this.src=\'gfx/editor/icon_link2.png\';" class="icon"';
	out+='				onMouseOut="this.src=\'gfx/editor/icon_link.png\';" onClick="drawURLInsert(\''+textarea+'\');">';
	out+='			<img src="gfx/editor/icon_quote.png" style="margin: 1px;" title="Zitat Einf&uuml;gen"';
	out+='				onMouseOver="this.src=\'gfx/editor/icon_quote2.png\';" class="icon"';
	out+='				onMouseOut="this.src=\'gfx/editor/icon_quote.png\';" onClick="drawCITEInsert(\''+textarea+'\');">';
	out+='			<img src="gfx/editor/icon_youtube.png" style="margin: 1px;" title="Youtube Video Einf&uuml;gen"';
	out+='				onMouseOver="this.src=\'gfx/editor/icon_youtube2.png\';" class="icon"';
	out+='				onMouseOut="this.src=\'gfx/editor/icon_youtube.png\';" onClick="drawYTInsert(\''+textarea+'\');">';
	out+='			<img src="gfx/editor/icon_spacer.png" style="margin: 1px;">';
	out+='			<img src="gfx/editor/icon_smile.png" style="margin: 1px;" title="Smilie einf&uuml;gen"';
	out+='				onMouseOver="this.src=\'gfx/editor/icon_smile2.png\';" class="icon"';
	out+='				onMouseOut="this.src=\'gfx/editor/icon_smile.png\';" onClick="drawSmiletable(\''+textarea+'\');">';
	out+='			<img src="gfx/editor/icon_worms.png" style="margin: 1px;" title="Worm-icon Einf&uuml;gen"';
	out+='				onMouseOver="this.src=\'gfx/editor/icon_worms2.png\';" class="icon"';
	out+='				onMouseOut="this.src=\'gfx/editor/icon_worms.png\';" onClick="drawWormtable(\''+textarea+'\');">';
	out+='		</td>';
	out+='	</tr>';
	out+='</table>';
	if (!inhalt){
		out2='		<div id="'+textarea+'BB" style="height: 432px; width: 400px; overflow: scroll; overflow-x: hidden; padding: 3px;">&nbsp;';
		out2+='		</div>';
	}
	else{
		out2='		<div id="'+textarea+'BB" style="height: 432px; width: 400px; overflow: scroll; overflow-x: hidden; padding: 3px;">'+bbcode(inhalt);
		out2+='		</div>';					
	}
	EditorIconDiv = document.createElement('div');
	EditorIconDiv.id = textarea + "Icons";
	EditorIconDiv.innerHTML = out;
	document.getElementById(target).innerHTML = out2;
	document.getElementById(textarea).parentNode.insertBefore(EditorIconDiv, document.getElementById(textarea));
	document.getElementById(textarea).parentNode.appendChild(EditorVorschau);
	watching=document.createAttribute('onkeyup');
	watching.nodeValue="document.getElementById(this.id+'BB').innerHTML=bbcode(this.value);";
	document.getElementById(textarea).setAttributeNode(watching);

	
}

