function addListener(element,name,handler){if(element.addEventListener){element.addEventListener(name,handler,false);}else if(element.attachEvent){element.attachEvent('on'+name,handler);}}
function removeListener(element,name,handler){if(element.removeEventListener){element.removeEventListener(name,handler,false);}else if(element.detachEvent){element.detachEvent('on'+name,handler);}}
function jsToolBar(textarea){if(!document.createElement){return;}
if(!textarea){return;}
if((typeof(document["selection"])=="undefined")&&(typeof(textarea["setSelectionRange"])=="undefined")){return;}
this.textarea=textarea;this.editor=document.createElement('div');this.editor.className='jstEditor';this.textarea.parentNode.insertBefore(this.editor,this.textarea);this.editor.appendChild(this.textarea);this.toolbar=document.createElement("div");this.toolbar.className='jstElements';this.editor.parentNode.insertBefore(this.toolbar,this.editor);this.handle=document.createElement('div');this.handle.className='jstHandle';var dragStart=this.resizeDragStart;var This=this;addListener(this.handle,'mousedown',function(event){dragStart.call(This,event);});addListener(window,'unload',function(){var del=This.handle.parentNode.removeChild(This.handle);delete(This.handle);});this.editor.parentNode.insertBefore(this.handle,this.editor.nextSibling);this.context=null;this.toolNodes={};}
function jsButton(title,fn,scope,className){this.title=title||null;this.fn=fn||function(){};this.scope=scope||null;this.className=className||null;}
jsButton.prototype.draw=function(){if(!this.scope)return null;var button=document.createElement('button');button.setAttribute('type','button');if(this.className)button.className=this.className;button.title=this.title;var span=document.createElement('span');span.appendChild(document.createTextNode(this.title));button.appendChild(span);if(this.icon!=undefined){button.style.backgroundImage='url('+this.icon+')';}
if(typeof(this.fn)=='function'){var This=this;button.onclick=function(){try{This.fn.apply(This.scope,arguments)}catch(e){}return false;};}
return button;}
function jsSpace(id){this.id=id||null;this.width=null;}
jsSpace.prototype.draw=function(){var span=document.createElement('span');if(this.id)span.id=this.id;span.appendChild(document.createTextNode(String.fromCharCode(160)));span.className='jstSpacer';if(this.width)span.style.marginRight=this.width+'px';return span;}
function jsCombo(title,options,scope,fn,className){this.title=title||null;this.options=options||null;this.scope=scope||null;this.fn=fn||function(){};this.className=className||null;}
jsCombo.prototype.draw=function(){if(!this.scope||!this.options)return null;var select=document.createElement('select');if(this.className)select.className=className;select.title=this.title;for(var o in this.options){var option=document.createElement('option');option.value=o;option.appendChild(document.createTextNode(this.options[o]));select.appendChild(option);}
var This=this;select.onchange=function(){try{This.fn.call(This.scope,this.value);}catch(e){alert(e);}
return false;}
return select;}
jsToolBar.prototype={base_url:'',mode:'wiki',elements:{},getMode:function(){return this.mode;},setMode:function(mode){this.mode=mode||'wiki';},switchMode:function(mode){mode=mode||'wiki';this.draw(mode);},button:function(toolName){var tool=this.elements[toolName];if(typeof tool.fn[this.mode]!='function')return null;var b=new jsButton(tool.title,tool.fn[this.mode],this,'jstb_'+toolName);if(tool.icon!=undefined)b.icon=tool.icon;return b;},space:function(toolName){var tool=new jsSpace(toolName)
if(this.elements[toolName].width!==undefined)
tool.width=this.elements[toolName].width;return tool;},combo:function(toolName){var tool=this.elements[toolName];var length=tool[this.mode].list.length;if(typeof tool[this.mode].fn!='function'||length==0){return null;}else{var options={};for(var i=0;i<length;i++){var opt=tool[this.mode].list[i];options[opt]=tool.options[opt];}
return new jsCombo(tool.title,options,this,tool[this.mode].fn);}},draw:function(mode){this.setMode(mode);while(this.toolbar.hasChildNodes()){this.toolbar.removeChild(this.toolbar.firstChild)}
this.toolNodes={};var b,tool,newTool;for(var i in this.elements){b=this.elements[i];var disabled=b.type==undefined||b.type==''||(b.disabled!=undefined&&b.disabled)||(b.context!=undefined&&b.context!=null&&b.context!=this.context);if(!disabled&&typeof this[b.type]=='function'){tool=this[b.type](i);if(tool)newTool=tool.draw();if(newTool){this.toolNodes[i]=newTool;this.toolbar.appendChild(newTool);}}}},singleTag:function(stag,etag){stag=stag||null;etag=etag||stag;if(!stag||!etag){return;}
this.encloseSelection(stag,etag);},encloseSelection:function(prefix,suffix,fn){this.textarea.focus();prefix=prefix||'';suffix=suffix||'';var start,end,sel,scrollPos,subst,res;if(typeof(document["selection"])!="undefined"){sel=document.selection.createRange().text;}else if(typeof(this.textarea["setSelectionRange"])!="undefined"){start=this.textarea.selectionStart;end=this.textarea.selectionEnd;scrollPos=this.textarea.scrollTop;sel=this.textarea.value.substring(start,end);}
if(sel.match(/ $/)){sel=sel.substring(0,sel.length-1);suffix=suffix+" ";}
if(typeof(fn)=='function'){res=(sel)?fn.call(this,sel):fn('');}else{res=(sel)?sel:'';}
subst=prefix+res+suffix;if(typeof(document["selection"])!="undefined"){var range=document.selection.createRange().text=subst;this.textarea.caretPos-=suffix.length;}else if(typeof(this.textarea["setSelectionRange"])!="undefined"){this.textarea.value=this.textarea.value.substring(0,start)+subst+
this.textarea.value.substring(end);if(sel){this.textarea.setSelectionRange(start+subst.length,start+subst.length);}else{this.textarea.setSelectionRange(start+prefix.length,start+prefix.length);}
this.textarea.scrollTop=scrollPos;}},stripBaseURL:function(url){if(this.base_url!=''){var pos=url.indexOf(this.base_url);if(pos==0){url=url.substr(this.base_url.length);}}
return url;}};jsToolBar.prototype.resizeSetStartH=function(){this.dragStartH=this.textarea.offsetHeight+0;};jsToolBar.prototype.resizeDragStart=function(event){var This=this;this.dragStartY=event.clientY;this.resizeSetStartH();addListener(document,'mousemove',this.dragMoveHdlr=function(event){This.resizeDragMove(event);});addListener(document,'mouseup',this.dragStopHdlr=function(event){This.resizeDragStop(event);});};jsToolBar.prototype.resizeDragMove=function(event){this.textarea.style.height=(this.dragStartH+event.clientY-this.dragStartY)+'px';};jsToolBar.prototype.resizeDragStop=function(event){removeListener(document,'mousemove',this.dragMoveHdlr);removeListener(document,'mouseup',this.dragStopHdlr);};jsToolBar.prototype.elements.strong={type:'button',title:'Strong emphasis',fn:{wiki:function(){this.singleTag('__')}}}
jsToolBar.prototype.elements.em={type:'button',title:'Emphasis',fn:{wiki:function(){this.singleTag("''")}}}
jsToolBar.prototype.elements.ins={type:'button',title:'Inserted',fn:{wiki:function(){this.singleTag('++')}}}
jsToolBar.prototype.elements.del={type:'button',title:'Deleted',fn:{wiki:function(){this.singleTag('--')}}}
jsToolBar.prototype.elements.quote={type:'button',title:'Inline quote',fn:{wiki:function(){this.singleTag('{{','}}')}}}
jsToolBar.prototype.elements.code={type:'button',title:'Code',fn:{wiki:function(){this.singleTag('@@')}}}
jsToolBar.prototype.elements.space1={type:'space'}
jsToolBar.prototype.elements.br={type:'button',title:'Line break',fn:{wiki:function(){this.encloseSelection("\n",'')}}}
jsToolBar.prototype.elements.space2={type:'space'}
jsToolBar.prototype.elements.ul={type:'button',title:'Unordered list',fn:{wiki:function(){this.encloseSelection('','',function(str){str=str.replace(/\r/g,'');return'* '+str.replace(/\n/g,"\n* ");});}}}
jsToolBar.prototype.elements.ol={type:'button',title:'Ordered list',fn:{wiki:function(){this.encloseSelection('','',function(str){str=str.replace(/\r/g,'');return'# '+str.replace(/\n/g,"\n# ");});}}}
jsToolBar.prototype.elements.space3={type:'space'}
jsToolBar.prototype.elements.link={type:'button',title:'Link',fn:{},href_prompt:'Please give page URL:',hreflang_prompt:'Language of this page:',default_hreflang:'',prompt:function(href,hreflang){href=href||'';hreflang=hreflang||this.elements.link.default_hreflang;href=window.prompt(this.elements.link.href_prompt,href);if(!href){return false;}
hreflang=window.prompt(this.elements.link.hreflang_prompt,hreflang);return{href:this.stripBaseURL(href),hreflang:hreflang};}}
jsToolBar.prototype.elements.link.fn.wiki=function(){var link=this.elements.link.prompt.call(this);if(link){var stag='[';var etag='|'+link.href;if(link.hreflang){etag=etag+'|'+link.hreflang;}
etag=etag+']';this.encloseSelection(stag,etag);}};