var textarea_name = 'textarea';
	
	function showBBcodePanel(textarea) {
		textarea_name = textarea;
		
		document.write('<table cellpadding="1" cellspacing="1" border="0">');
		document.write('<tr>');
		document.write('<td><img src="smilies/format/bold.gif" alt="Fett" id="Bold" onMouseDown="styleover(\'Bold\')" onMouseUp="styleout(\'Bold\')" onclick="insert(\'[b]\', \'[/b]\')"></td>');
		document.write('<td><img src="smilies/format/italic.gif"  alt="Kursiv" id="Italic" onMouseDown="styleover(\'Italic\')" onMouseUp="styleout(\'Italic\')" onclick="insert(\'[i]\', \'[/i]\')"></td>');
		document.write('<td><img src="smilies/format/underline.gif"  alt="Unterstreichen" id="Underline" onMouseDown="styleover(\'Underline\')" onMouseUp="styleout(\'Underline\')" onclick="insert(\'[u]\', \'[/u]\')"></td>');
		document.write('<td><img src="smilies/format/url.gif" alt="Link einfuegen" id="URL" onMouseDown="styleover(\'URL\')" onMouseUp="styleout(\'URL\')" onclick="insert(\'[url]\', \'[/url]\')"></td>');
		document.write('<td><img src="smilies/format/image.gif" alt="Bild einfuegen" id="Image" onMouseDown="styleover(\'Image\')" onMouseUp="styleout(\'Image\')" onclick="insert(\'[img]\', \'[/img]\')"></td>');
		document.write('<td><img src="smilies/format/color_red.gif" alt="Rot" id="Red" onMouseDown="styleover(\'Red\')" onMouseUp="styleout(\'Red\')" onclick="insert(\'[color=#DD0000]\', \'[/color]\')"></td>');
		document.write('<td><img src="smilies/format/color_blue.gif" alt="Blau" id="Blue" onMouseDown="styleover(\'Blue\')" onMouseUp="styleout(\'Blue\')" onclick="insert(\'[color=#0000DD]\', \'[/color]\')"></td>');
		document.write('<td><img src="smilies/format/color_green.gif" alt="Gruen" id="Green" onMouseDown="styleover(\'Green\')" onMouseUp="styleout(\'Green\')" onclick="insert(\'[color=#00BB00]\', \'[/color]\')"></td>');
		document.write('<td><img src="smilies/format/color_yellow.gif" alt="Gelb" id="Yellow" onMouseDown="styleover(\'Yellow\')" onMouseUp="styleout(\'Yellow\')" onclick="insert(\'[color=#DDDD00]\', \'[/color]\')"></td>');
		document.write('</tr><tr>');
		document.write('<td><img src="smilies/format/youtube.gif" alt="Youtube" id="Youtube" onMouseDown="styleover(\'Youtube\')" onMouseUp="styleout(\'Youtube\')" onclick="insert(\'[flash=425,336,youtube]\', \'[/flash]\')"></td>');
		document.write('<td><img src="smilies/format/myvideo.gif" alt="MyVideo" id="MyVideo" onMouseDown="styleover(\'MyVideo\')" onMouseUp="styleout(\'MyVideo\')" onclick="insert(\'[flash=425,367,myvideo]\', \'[/flash]\')"></td>');
		document.write('<td><img src="smilies/format/googlevideo.gif" alt="GoogleVideo" id="GoogleVideo" onMouseDown="styleover(\'GoogleVideo\')" onMouseUp="styleout(\'GoogleVideo\')" onclick="insert(\'[flash=320,255,googlevideo]\', \'[/flash]\')"></td>');
		document.write('<td><img src="smilies/format/clipfish.gif" alt="Clipfish" id="Clipfish" onMouseDown="styleover(\'Clipfish\')" onMouseUp="styleout(\'Clipfish\')" onclick="insert(\'[flash=464,380,clipfish]\', \'[/flash]\')"></td>');
		document.write('<td><img src="smilies/format/einruecken.gif" alt="List" id="List" onMouseDown="styleover(\'List\')" onMouseUp="styleout(\'List\')" onclick="insert(\'[list]\', \'[/list]\')"></td>');
		document.write('<td><img src="smilies/format/list.gif" alt="Listitem" id="Listitem" onMouseDown="styleover(\'Listitem\')" onMouseUp="styleout(\'Listitem\')" onclick="insert(\'[#]\', \'[/#]\')"></td>');
		document.write('<td><img src="smilies/format/line.gif" alt="Line" id="Line" onMouseDown="styleover(\'Line\')" onMouseUp="styleout(\'Line\')" onclick="insert(\'\', \'[hr]\')"></td>');
		document.write('<td><img src="smilies/format/mitte.gif" alt="Center" id="Center" onMouseDown="styleover(\'Center\')" onMouseUp="styleout(\'Center\')" onclick="insert(\'[center]\', \'[/center]\')"></td>');
		document.write('<td><img src="smilies/format/rechts.gif" alt="Right" id="Right" onMouseDown="styleover(\'Right\')" onMouseUp="styleout(\'Right\')" onclick="insert(\'[right]\', \'[/right]\')"></td>');
		document.write('</tr>');
		document.write('<tr>');
		document.write('<td><a href="javascript:smilie(\':)\');"><img src="smilies/smiley.gif" alt=":)"></a></td>');
		document.write('<td><a href="javascript:smilie(\'):(\');"><img src="smilies/angry.gif" alt="):("></a></td>');
		document.write('<td><a href="javascript:smilie(\'???\');"><img src="smilies/huh.gif" alt="???" style="width: 15px; height: 22px;"></a></td>');
		document.write('<td><a href="javascript:smilie(\':-X\');"><img src="smilies/lipsrsealed.gif" alt=":-X"></a></td>');
		document.write('<td><a href="javascript:smilie(\';)\');"><img src="smilies/wink.gif" alt=";)"></a></td>');
		document.write('<td><a href="javaScript:smilie(\':(\');"><img src="smilies/sad.gif" alt=":("></a></td>');
		document.write('<td><a href="javascript:smilie(\'::]\');"><img src="smilies/rolleyes.gif" alt="::["></a></td>');
		document.write('<td><a href="javascript:smilie(\':-/\');"><img src="smilies/undecided.gif" alt=":-/"></a></td>');
		document.write('<td><a href="javascript:smilie(\';D\');"><img src="smilies/grin.gif" alt=";D"></a></td>');
		document.write('</tr><tr>');
		document.write('<td><a href="javascript:smilie(\':o\');"><img src="smilies/shocked.gif" alt=":o"></a></td>');
		document.write('<td><a href="javascript:smilie(\':P\');"><img src="smilies/tongue.gif" alt=":P"></a></td>');
		document.write('<td><a href="javascript:smilie(\':-(\');"><img src="smilies/cry.gif" alt=":-("></a></td>');
		document.write('<td><a href="javascript:smilie(\':D\');"><img src="smilies/cheesy.gif" alt=":D"></a></td>');
		document.write('<td><a href="javascript:smilie(\'8)\');"><img src="smilies/cool.gif" alt="8)" style="width: 21px; height: 15px;"></a></td>');
		document.write('<td><a href="javascript:smilie(\':-[\');"><img src="smilies/embarassed.gif" alt=":-["></a></td>');
		document.write('<td><a href="javascript:smilie(\'8-[\');"><img src="smilies/blaze.gif" alt="8-["></a></td>');
		document.write('<td><a href="javascript:smilie(\'():-)\');"><img src="smilies/angel_smile.gif" alt="():-)"></a></td>');
		document.write('<td><a href="javascript:smilie(\'[light]\');"><img src="smilies/lightbulb.gif" alt="[light]"></a></td>');
		document.write('</tr>');
		document.write('</table>');	
	}

	function smilie(str) {
		document.getElementById(textarea_name).value = document.getElementById(textarea_name).value + " " + str;
	}

	function insert(startTag, endTag) {
		document.getElementById(textarea_name).focus();
		var scrollPos = document.getElementById(textarea_name).scrollTop;
		var textarea = document.getElementById(textarea_name);
		if(document.selection) {
			var textarea_selection = document.selection.createRange().text;
			var text_selected = document.selection.createRange();
			text_selected.text = startTag + textarea_selection + endTag;
			text_selected.moveStart('character', -(startTag.length + textarea_selection.length + endTag.length));  
			text_selected.select();
		}
		else {
			var startpos = textarea.selectionStart;
    		var endpos = textarea.selectionEnd;
    		var text_selection = textarea.value.substring(startpos, endpos);
    		textarea.value = textarea.value.substr(0, startpos) + startTag + text_selection + endTag + textarea.value.substr(endpos);
    		textarea.selectionStart = startpos;
		}		
		document.getElementById(textarea_name).scrollTop = scrollPos;
	}
	function styleover(element2) {
		document.getElementById(element2).style.border='1px inset #FFFFFF';
	}
	function styleout(element2) {
		document.getElementById(element2).style.border='1px solid transparent';
	}
	
	function trim (str) {
	    return str.replace(/ +/g, '').replace(/^\s+/g, '').replace(/\s+$/g, '');
	}
	
	function str_replace(search, replace, subject) {
	    return subject.split(search).join(replace);
	}
	
	function setSelectionRange(input, selectionStart, selectionEnd) {
	if (input.setSelectionRange) { input.focus(); input.setSelectionRange(selectionStart, selectionEnd); }
	else if (input.createTextRange) {
		var range = input.createTextRange();
		range.collapse(true);
		range.moveEnd('character', selectionEnd);
		range.moveStart('character', selectionStart);
		range.select();
	} }
	function replaceSelection (input, replaceString) {
	var scrollPos = input.scrollTop;
	if (input.setSelectionRange) {
		var selectionStart = input.selectionStart; var selectionEnd = input.selectionEnd;
		input.value = input.value.substring(0, selectionStart)+ replaceString + input.value.substring(selectionEnd);
		if (selectionStart != selectionEnd) {
		setSelectionRange(input, selectionStart, selectionStart + 	replaceString.length);
		} else {
		setSelectionRange(input, selectionStart + replaceString.length, selectionStart + replaceString.length);
		}
	} else if (document.selection) {
		var range = document.selection.createRange();
		if (range.parentElement() == input) {
		var isCollapsed = range.text == '';
		range.text = replaceString;
			if (!isCollapsed) {
			range.moveStart('character', -replaceString.length);
			range.select();
			}
		}
	}
	input.scrollTop = scrollPos;
	}
	function catchTab(item,e) {
	if(navigator.userAgent.match("Gecko")) { c=e.which; }
	else { c=e.keyCode; }
	if(c==9) {
		replaceSelection(item,String.fromCharCode(9));
		setTimeout("document.getElementById('"+item.id+"').focus();",0);
		return false;
	} }