if(typeof(Control)=='undefined')Control={};Control.TextArea=Class.create();Object.extend(Control.TextArea.prototype,{onChangeTimeoutLength:500,element:false,onChangeTimeout:false,initialize:function(textarea){this.element=$(textarea);$(this.element).observe('keyup',this.doOnChange.bindAsEventListener(this));$(this.element).observe('paste',this.doOnChange.bindAsEventListener(this));$(this.element).observe('input',this.doOnChange.bindAsEventListener(this));},doOnChange:function(event){if(this.onChangeTimeout)window.clearTimeout(this.onChangeTimeout);this.onChangeTimeout=window.setTimeout(function(){if(this.notify)this.notify('change',this.getValue());}.bind(this),this.onChangeTimeoutLength);},getValue:function(){return this.element.value;},getSelection:function(){if(!!document.selection)return document.selection.createRange().text;else if(!!this.element.setSelectionRange)return this.element.value.substring(this.element.selectionStart,this.element.selectionEnd);elsereturn false;},replaceSelection:function(text){var scrollTop=this.element.scrollTop;if(!!document.selection){this.element.focus();var old=document.selection.createRange().text;var range=document.selection.createRange();range.text=text;range-=old.length-text.length;}else if(!!this.element.setSelectionRange){var selection_start=this.element.selectionStart;this.element.value=this.element.value.substring(0,selection_start)+text+this.element.value.substring(this.element.selectionEnd);this.element.setSelectionRange(selection_start+text.length,selection_start+text.length);}this.doOnChange();this.element.focus();this.element.scrollTop=scrollTop;},wrapSelection:function(before,after){this.replaceSelection(before+this.getSelection()+after);},insertBeforeSelection:function(text){this.replaceSelection(text+this.getSelection());},insertAfterSelection:function(text){this.replaceSelection(this.getSelection()+text);},injectEachSelectedLine:function(callback,before,after){this.replaceSelection((before||'')+$A(this.getSelection().split("\n")).inject([],callback).join("\n")+(after||''));},insertBeforeEachSelectedLine:function(text,before,after){this.injectEachSelectedLine(function(lines,line){lines.push(text+line);return lines;},before,after);}});if(typeof(Object.Event)!='undefined')Object.Event.extend(Control.TextArea);Control.TextArea.BBCode=Class.create();Object.extend(Control.TextArea.BBCode.prototype,{textarea:false,tooltip:false,toolbar:false,emotions:false,wrapper:false,controllers:false,initialize:function(textarea){this.textarea=new Control.TextArea(textarea);this._initLayout();this._initEmotions();this._initToolbar();},hide:function(){this.wrapper.parentNode.appendChild(this.textarea.element.remove());this.wrapper.hide();},show:function(){this.controllers.appendChild(this.textarea.element.remove());this.wrapper.show();},_initLayout:function(){this.wrapper=$(document.createElement('div'));this.wrapper.id="editor_wrapper";this.wrapper.className="clearfix";this.textarea.element.parentNode.insertBefore(this.wrapper,this.textarea.element);this.emotions=$(document.createElement('div'));this.emotions.id="bbcode_emotions";this.emotions.innerHTML="<h5>表情圖標</h5>";this.wrapper.appendChild(this.emotions);this.controllers=$(document.createElement('div'));this.controllers.id="bbcode_controllers";this.wrapper.appendChild(this.controllers);this.toolbar=$(document.createElement('div'));this.toolbar.id="bbcode_toolbar";this.controllers.appendChild(this.toolbar);this.tooltip=$(document.createElement('div'));this.tooltip.id="bbcode_tooltip";this.tooltip.innerHTML="提示：選擇您需要裝飾的文字, 按上列按鈕即可添加上相應的標簽";this.controllers.appendChild(this.tooltip);this.controllers.appendChild(this.textarea.element.remove());},_initEmotions:function(){this._addEmotion("biggrin",function(){this.insertAfterSelection(" :D ");});this._addEmotion("smile",function(){this.insertAfterSelection(" :) ");});this._addEmotion("sad",function(){this.insertAfterSelection(" :( ");});this._addEmotion("surprised",function(){this.insertAfterSelection(" :o ");});this._addEmotion("eek",function(){this.insertAfterSelection(" :shock: ");});this._addEmotion("confused",function(){this.insertAfterSelection(" :? ");});this._addEmotion("cool",function(){this.insertAfterSelection(" 8) ");});this._addEmotion("lol",function(){this.insertAfterSelection(" :lol: ");});this._addEmotion("mad",function(){this.insertAfterSelection(" :x ");});this._addEmotion("razz",function(){this.insertAfterSelection(" :P ");});this._addEmotion("redface",function(){this.insertAfterSelection(" :oops: ");});this._addEmotion("cry",function(){this.insertAfterSelection(" :cry: ");});this._addEmotion("evil",function(){this.insertAfterSelection(" :evil: ");});this._addEmotion("twisted",function(){this.insertAfterSelection(" :twisted: ");});this._addEmotion("rolleyes",function(){this.insertAfterSelection(" :roll: ");});this._addEmotion("wink",function(){this.insertAfterSelection(" :wink: ");});this._addEmotion("exclaim",function(){this.insertAfterSelection(" :!: ");});this._addEmotion("question",function(){this.insertAfterSelection(" :?: ");});this._addEmotion("idea",function(){this.insertAfterSelection(" :idea: ");});this._addEmotion("arrow",function(){this.insertAfterSelection(" :arrow: ");});},_addEmotion:function(icon,callback){var img=$(document.createElement('img'));img.src="http://www.javaeye.com/images/smiles/icon_"+icon+".gif";img.observe('click',callback.bindAsEventListener(this.textarea));this.emotions.appendChild(img);},_initToolbar:function(){this._addButton("B",function(){this.wrapSelection('[b]','[/b]');},function(){this.innerHTML='粗體: [b]文字[/b] (alt+b)';},{id:'button_bold'});this._addButton("I",function(){this.wrapSelection('[i]','[/i]');},function(){this.innerHTML='斜體: [i]文字[/i] (alt+i)';},{id:'button_italic'});this._addButton("U",function(){this.wrapSelection('[u]','[/u]');},function(){this.innerHTML='下劃線: [u]文字[/u] (alt+u)';},{id:'button_underline'});this._addButton("Quote",function(){this.wrapSelection('[quote]','[/quote]');},function(){this.innerHTML='引用文字: [quote]文字[/quote] 或者 [quote="javaeye"]文字[/quote]  (alt+q)';});this._addButton("Code",function(){this.wrapSelection('[code="java"]','[/code]');},function(){this.innerHTML='代碼: [code="ruby"]代碼[/code] (支持java, ruby, js, xml, html, python, c, c++, c#, sql)';});this._addButton("List",function(){this.insertBeforeEachSelectedLine('[*]','[list]\n','\n[/list]')},function(){this.innerHTML='列表: [list] [*]文字 [*]文字 [*]文字 [/list] (alt+l)';});this._addButton("List=",function(){this.insertBeforeEachSelectedLine('[*]','[list=1]\n','\n[/list]')},function(){this.innerHTML='順序列表: [list=1] [*]文字  [/list] 或者 [list=A] [*]文字 [/list] (alt+o)';});this._addButton("Img",function(){this.wrapSelection('[img]','[/img]');},function(){this.innerHTML='插入圖像: [img]http://image_url[/img]  (alt+p)';});this._addButton("URL",function(){this.wrapSelection('[url]','[/url]');},function(){this.innerHTML='插入URL: [url]http://url[/url] 或 [url=http://url]URL文字[/url]  (alt+w)';});this._addButton("Flash",function(){this.wrapSelection('[flash=200,200]','[/flash]');},function(){this.innerHTML='插入Flash: [flash=寬,高]http://your_flash.swf[/flash]';});var color_select=["<br />字體顏色: ","<select id='select_color'>","<option value='black' style='color: black;'>標準</option>","<option value='darkred' style='color: darkred;'>深紅</option>","<option value='red' style='color: red;'>紅色</option>","<option value='orange' style='color: orange;'>橙色</option>","<option value='brown' style='color: brown;'>棕色</option>","<option value='yellow' style='color: yellow;'>黃色</option>","<option value='green' style='color: green;'>綠色</option>","<option value='olive' style='color: olive;'>橄欖</option>","<option value='cyan' style='color: cyan;'>青色</option>","<option value='blue' style='color: blue;'>藍色</option>","<option value='darkblue' style='color: darkblue;'>深藍</option>","<option value='indigo' style='color: indigo;'>靛藍</option>","<option value='violet' style='color: violet;'>紫色</option>","<option value='gray' style='color: gray;'>灰色</option>","<option value='white' style='color: white;'>白色</option>","<option value='black' style='color: black;'>黑色</option>","</select>"];this.toolbar.insert(color_select.join(""));$('select_color').observe('change',this._change_color.bindAsEventListener(this.textarea));$('select_color').observe('mouseover',function(){$("bbcode_tooltip").innerHTML="字體顏色: [color=red]文字[/color]  提示：您可以使用 color=#FF0000";});var font_select=["&nbsp;字體大小: ","<select id='select_font'>","<option value='0'>標準</option>","<option value='xx-small'>1 (xx-small)</option>","<option value='x-small'>2 (x-small)</option>","<option value='small'>3 (small)</option>","<option value='medium'>4 (medium)</option>","<option value='large'>5 (large)</option>","<option value='x-large'>6 (x-large)</option>","<option value='xx-large'>7 (xx-large)</option>","</select>"];this.toolbar.insert(font_select.join(""));$('select_font').observe('change',this._change_font.bindAsEventListener(this.textarea));$('select_font').observe('mouseover',function(){$("bbcode_tooltip").innerHTML="字體大小: [size=x-small]小字體文字[/size]";});var align_select=["&nbsp;對齊: ","<select id='select_align'>","<option value='0'>標準</option>",