Changeset 659

Timestamp:

01/15/07 14:28:57 (6 years ago)

Author:

gogo

Message:

Make htmlarea.js just load XinhaCore?.js instead of being a copy of it.

Location:

trunk

Files:

• examples/testbed.html (modified) (1 diff)
• htmlarea.js (modified) (3 diffs)

trunk/examples/testbed.html

@@ -36 +36 @@
 
   <!-- Load up the actual editor core -->
-  <script type="text/javascript" src="../XinhaCore.js"></script>
+  <script type="text/javascript" src="../htmlarea.js"></script>
 
   <script type="text/javascript">

trunk/htmlarea.js

@@ -1 @@
-/*  IMPORTANT: 
-    
-    THIS FILE IS A COPY OF XinhaCore.js FOR BACKWARD COMPATIBILITY PURPOSES ONLY
-    IF YOU MAKE CHANGES TO THE CODE, DO IT THERE!
-
-*/ 
  
   /*--------------------------------------:noTabs=true:tabSize=2:indentSize=2:--
-    --  Xinha (is not htmlArea) - http://xinha.gogo.co.nz/
-    --
-    --  Use of Xinha is granted by the terms of the htmlArea License (based on
-    --  BSD license)  please read license.txt in this package for details.
-    --
-    --  Xinha was originally based on work by Mihai Bazon which is:
-    --      Copyright (c) 2003-2004 dynarch.com.
-    --      Copyright (c) 2002-2003 interactivetools.com, inc.
-    --      This copyright notice MUST stay intact for use.
-    --
-    --  Developers - Coding Style:
-    --   For the sake of not committing needlessly conflicting changes,
-    --
-    --   * New code to be indented with 2 spaces ("soft tab").
-    --   * New code preferably uses BSD-Style Bracing
-    --      if ( foo )
-    --      {
-    --        bar();
-    --      }
-    --   * Don't change brace styles unless you're working on the non BSD-Style
-    --     area (so we don't get spurious changes in line numbering).
-    --   * Don't change indentation unless you're working on the badly indented
-    --     area (so we don't get spurious changes of large blocks of code).
-    --   * Jedit is the recommended editor, a comment of this format should be
-    --     included in the top 10 lines of the file (see the embedded edit mode)
+    --  COMPATABILITY FILE
+    --  htmlarea.js is now XinhaCore.js  
     --
     --  $HeadURL$
@@ -38 +9 @@
     --  $LastChangedBy$
     --------------------------------------------------------------------------*/
-
-Xinha.version =
-{
-  'Release'   : 'Trunk',
-  'Head'      : '$HeadURL$'.replace(/^[^:]*: (.*) \$$/, '$1'),
-  'Date'      : '$LastChangedDate$'.replace(/^[^:]*: ([0-9-]*) ([0-9:]*) ([+0-9]*) \((.*)\) \$/, '$4 $2 $3'),
-  'Revision'  : '$LastChangedRevision$'.replace(/^[^:]*: (.*) \$$/, '$1'),
-  'RevisionBy': '$LastChangedBy$'.replace(/^[^:]*: (.*) \$$/, '$1')
-};
-
+    
 if ( typeof _editor_url == "string" )
 {
@@ -59 +21 @@
 }
 
-// make sure we have a language
-if ( typeof _editor_lang == "string" )
-{
-  _editor_lang = _editor_lang.toLowerCase();
-}
-else
-{
-  _editor_lang = "en";
-}
-
-// skin stylesheet to load
-if ( typeof _editor_skin !== "string" )
-{
-  _editor_skin = "";
-}
-
-var __xinhas = [];
-
-// browser identification
-Xinha.agt       = navigator.userAgent.toLowerCase();
-Xinha.is_ie        = ((Xinha.agt.indexOf("msie") != -1) && (Xinha.agt.indexOf("opera") == -1));
-Xinha.is_opera  = (Xinha.agt.indexOf("opera") != -1);
-Xinha.is_mac       = (Xinha.agt.indexOf("mac") != -1);
-Xinha.is_mac_ie = (Xinha.is_ie && Xinha.is_mac);
-Xinha.is_win_ie = (Xinha.is_ie && !Xinha.is_mac);
-Xinha.is_gecko  = (navigator.product == "Gecko");
-Xinha.isRunLocally = document.URL.toLowerCase().search(/^file:/) != -1;
-if ( Xinha.isRunLocally )
-{
-  alert('Xinha *must* be installed on a web server. Locally opened files (those that use the "file://" protocol) cannot properly function. Xinha will try to initialize but may not be correctly loaded.');
-}
-
-// Creates a new Xinha object.  Tries to replace the textarea with the given
-// ID with it.
-function Xinha(textarea, config)
-{
-  if ( !textarea )
-  {
-    throw("Tried to create Xinha without textarea specified.");
-  }
-
-  if ( Xinha.checkSupportedBrowser() )
-  {
-    if ( typeof config == "undefined" )
-    {
-      this.config = new Xinha.Config();
-    }
-    else
-    {
-      this.config = config;
-    }
-    this._htmlArea = null;
-
-    if ( typeof textarea != 'object' )
-    {
-      textarea = Xinha.getElementById('textarea', textarea);
-    }
-    this._textArea = textarea;
-    this._textArea.spellcheck = false;
-       
-    // Before we modify anything, get the initial textarea size
-    this._initial_ta_size =
-    {
-      w: textarea.style.width  ? textarea.style.width  : ( textarea.offsetWidth  ? ( textarea.offsetWidth  + 'px' ) : ( textarea.cols + 'em') ),
-      h: textarea.style.height ? textarea.style.height : ( textarea.offsetHeight ? ( textarea.offsetHeight + 'px' ) : ( textarea.rows + 'em') )
-    };
-    // Create the loading message elements
-    if ( this.config.showLoading )
-    {
-      // Create and show the main loading message and the sub loading message for details of loading actions
-      // global element
-      var loading_message = document.createElement("div");
-      loading_message.id = "loading_" + textarea.name;
-      loading_message.className = "loading";
-      try
-      {
-        // how can i find the real width in pixels without % or em *and* with no visual errors ?
-        // for instance, a textarea with a style="width:100%" and the body padding > 0 result in a horizontal scrollingbar while loading
-        // A few lines above seems to indicate offsetWidth is not always set
-        loading_message.style.width = textarea.offsetWidth + 'px';
-      }
-      catch (ex)
-      {
-        // offsetWidth seems not set, so let's use this._initial_ta_size.w, but sometimes it may be too huge width
-        loading_message.style.width = this._initial_ta_size.w;
-      }
-      loading_message.style.left = Xinha.findPosX(textarea) +  'px';
-      loading_message.style.top = (Xinha.findPosY(textarea) + parseInt(this._initial_ta_size.h, 10) / 2) +  'px';
-      // main static message
-      var loading_main = document.createElement("div");
-      loading_main.className = "loading_main";
-      loading_main.id = "loading_main_" + textarea.name;
-      loading_main.appendChild(document.createTextNode(Xinha._lc("Loading in progress. Please wait !")));
-      // sub dynamic message
-      var loading_sub = document.createElement("div");
-      loading_sub.className = "loading_sub";
-      loading_sub.id = "loading_sub_" + textarea.name;
-      loading_sub.appendChild(document.createTextNode(Xinha._lc("Constructing main object")));
-      loading_message.appendChild(loading_main);
-      loading_message.appendChild(loading_sub);
-      document.body.appendChild(loading_message);
-      this.setLoadingMessage("Constructing object");
-    }
-
-    this._editMode = "wysiwyg";
-    this.plugins = {};
-    this._timerToolbar = null;
-    this._timerUndo = null;
-    this._undoQueue = [this.config.undoSteps];
-    this._undoPos = -1;
-    this._customUndo = true;
-    this._mdoc = document; // cache the document, we need it in plugins
-    this.doctype = '';
-    this.__htmlarea_id_num = __xinhas.length;
-    __xinhas[this.__htmlarea_id_num] = this;
-
-    this._notifyListeners = {};
-
-    // Panels
-    var panels = 
-    {
-      right:
-      {
-        on: true,
-        container: document.createElement('td'),
-        panels: []
-      },
-      left:
-      {
-        on: true,
-        container: document.createElement('td'),
-        panels: []
-      },
-      top:
-      {
-        on: true,
-        container: document.createElement('td'),
-        panels: []
-      },
-      bottom:
-      {
-        on: true,
-        container: document.createElement('td'),
-        panels: []
-      }
-    };
-
-    for ( var i in panels )
-    {
-      if(!panels[i].container) { continue; } // prevent iterating over wrong type
-      panels[i].div = panels[i].container; // legacy
-      panels[i].container.className = 'panels ' + i;
-      Xinha.freeLater(panels[i], 'container');
-      Xinha.freeLater(panels[i], 'div');
-    }
-    // finally store the variable
-    this._panels = panels;
-
-    Xinha.freeLater(this, '_textArea');
-  }
-}
-
-Xinha.onload = function() { };
-Xinha.init = function() { Xinha.onload(); };
-
-// cache some regexps
-Xinha.RE_tagName  = /(<\/|<)\s*([^ \t\n>]+)/ig;
-Xinha.RE_doctype  = /(<!doctype((.|\n)*?)>)\n?/i;
-Xinha.RE_head     = /<head>((.|\n)*?)<\/head>/i;
-Xinha.RE_body     = /<body[^>]*>((.|\n|\r|\t)*?)<\/body>/i;
-Xinha.RE_Specials = /([\/\^$*+?.()|{}[\]])/g;
-Xinha.RE_email    = /[_a-zA-Z\d\-\.]{3,}@[_a-zA-Z\d\-]{2,}(\.[_a-zA-Z\d\-]{2,})+/i;
-Xinha.RE_url      = /(https?:\/\/)?(([a-z0-9_]+:[a-z0-9_]+@)?[a-z0-9_-]{2,}(\.[a-z0-9_-]{2,}){2,}(:[0-9]+)?(\/\S+)*)/i;
-
-Xinha.Config = function()
-{
-  var cfg = this;
-  this.version = Xinha.version.Revision;
-
-  // Width and Height
-  //  you may set these as follows
-  //  width = 'auto'      -- the width of the original textarea will be used
-  //  width = 'toolbar'   -- the width of the toolbar will be used
-  //  width = '<css measure>' -- use any css measurement, eg width = '75%'
-  //
-  //  height = 'auto'     -- the height of the original textarea
-  //  height = '<css measure>' -- any css measurement, eg height = '480px'
-  this.width  = "auto";
-  this.height = "auto";
-
-  // the next parameter specifies whether the toolbar should be included
-  // in the size above, or are extra to it.  If false then it's recommended
-  // to have explicit pixel sizes above (or on your textarea and have auto above)
-  this.sizeIncludesBars = true;
-
-  // the next parameter specifies whether the panels should be included
-  // in the size above, or are extra to it.  If false then it's recommended
-  // to have explicit pixel sizes above (or on your textarea and have auto above)
-  this.sizeIncludesPanels = true;
-
-  // each of the panels has a dimension, for the left/right it's the width
-  // for the top/bottom it's the height.
-  //
-  // WARNING: PANEL DIMENSIONS MUST BE SPECIFIED AS PIXEL WIDTHS
-  this.panel_dimensions =
-  {
-    left:   '200px', // Width
-    right:  '200px',
-    top:    '100px', // Height
-    bottom: '100px'
-  };
-
-  // enable creation of a status bar?
-  this.statusBar = true;
-
-  // intercept ^V and use the Xinha paste command
-  // If false, then passes ^V through to browser editor widget
-  this.htmlareaPaste = false;
-
-  this.mozParaHandler = 'best'; // set to 'built-in', 'dirty' or 'best'
-                                // built-in: will (may) use 'br' instead of 'p' tags
-                                // dirty   : will use p and work good enough for the majority of cases,
-                                // best    : works the best, but it's about 12kb worth of javascript
-                                //   and will probably be slower than 'dirty'.  This is the "EnterParagraphs"
-                                //   plugin from "hipikat", rolled in to be part of the core code
-
-  // maximum size of the undo queue
-  this.undoSteps = 20;
-
-  // the time interval at which undo samples are taken
-  this.undoTimeout = 500;       // 1/2 sec.
-
-  // set this to true if you want to explicitly right-justify when 
-  // setting the text direction to right-to-left
-  this.changeJustifyWithDirection = false;
-
-  // if true then Xinha will retrieve the full HTML, starting with the
-  // <HTML> tag.
-  this.fullPage = false;
-
-  // style included in the iframe document
-  this.pageStyle = "";
-
-  // external stylesheets to load (REFERENCE THESE ABSOLUTELY)
-  this.pageStyleSheets = [];
-
-  // specify a base href for relative links
-  this.baseHref = null;
-
-  // when the editor is in different directory depth as the edited page relative image sources
-  // will break the display of your images
-  // this fixes an issue where Mozilla converts the urls of images and links that are on the same server 
-  // to relative ones (../) when dragging them around in the editor (Ticket #448)
-  this.expandRelativeUrl = true;
-  
-  //   we can strip the base href out of relative links to leave them relative, reason for this
-  //   especially if you don't specify a baseHref is that mozilla at least (& IE ?) will prefix
-  //   the baseHref to any relative links to make them absolute, which isn't what you want most the time.
-  this.stripBaseHref = true;
-
-  // and we can strip the url of the editor page from named links (eg <a href="#top">...</a>)
-  //  reason for this is that mozilla at least (and IE ?) prefixes location.href to any
-  //  that don't have a url prefixing them
-  this.stripSelfNamedAnchors = true;
-
-  // sometimes high-ascii in links can cause problems for servers (basically they don't recognise them)
-  //  so you can use this flag to ensure that all characters other than the normal ascii set (actually
-  //  only ! through ~) are escaped in URLs to % codes
-  this.only7BitPrintablesInURLs = true;
-
-  // if you are putting the HTML written in Xinha into an email you might want it to be 7-bit
-  //  characters only.  This config option (off by default) will convert all characters consuming
-  //  more than 7bits into UNICODE decimal entity references (actually it will convert anything
-  //  below <space> (chr 20) except cr, lf and tab and above <tilde> (~, chr 7E))
-  this.sevenBitClean = false;
-
-  // sometimes we want to be able to replace some string in the html comng in and going out
-  //  so that in the editor we use the "internal" string, and outside and in the source view
-  //  we use the "external" string  this is useful for say making special codes for
-  //  your absolute links, your external string might be some special code, say "{server_url}"
-  //  an you say that the internal represenattion of that should be http://your.server/
-  this.specialReplacements = {}; // { 'external_string' : 'internal_string' }
-
-  // set to true if you want Word code to be cleaned upon Paste
-  this.killWordOnPaste = true;
-
-  // enable the 'Target' field in the Make Link dialog
-  this.makeLinkShowsTarget = true;
-
-  // CharSet of the iframe, default is the charset of the document
-  this.charSet = Xinha.is_gecko ? document.characterSet : document.charset;
-
-  // URL-s
-  this.imgURL = "images/";
-  this.popupURL = "popups/";
-
-  // remove tags (these have to be a regexp, or null if this functionality is not desired)
-  this.htmlRemoveTags = null;
-
-  // Turning this on will turn all "linebreak" and "separator" items in your toolbar into soft-breaks,
-  // this means that if the items between that item and the next linebreak/separator can
-  // fit on the same line as that which came before then they will, otherwise they will
-  // float down to the next line.
-
-  // If you put a linebreak and separator next to each other, only the separator will
-  // take effect, this allows you to have one toolbar that works for both flowToolbars = true and false
-  // infact the toolbar below has been designed in this way, if flowToolbars is false then it will
-  // create explictly two lines (plus any others made by plugins) breaking at justifyleft, however if
-  // flowToolbars is false and your window is narrow enough then it will create more than one line
-  // even neater, if you resize the window the toolbars will reflow.  Niiiice.
-
-  this.flowToolbars = true;
-  
-  // set to true if you want the loading panel to show at startup
-  this.showLoading = false;
-
-  // set to false if you want to allow JavaScript in the content, otherwise <script> tags are stripped out
-  this.stripScripts = true;
-
-  // see if the text just typed looks like a URL, or email address
-  // and link it appropriatly
-  this.convertUrlsToLinks = false;
-
-  // size of color picker cells
-  this.colorPickerCellSize = '6px';
-  // granularity of color picker cells (number per column/row)
-  this.colorPickerGranularity = 18;
-  // position of color picker from toolbar button
-  this.colorPickerPosition = 'bottom,right';
-  // set to true to show websafe checkbox in picker
-  this.colorPickerWebSafe = false;
-  // number of recent colors to remember
-  this.colorPickerSaveColors = 20;
-
-  /** CUSTOMIZING THE TOOLBAR
-   * -------------------------
-   *
-   * It is recommended that you customize the toolbar contents in an
-   * external file (i.e. the one calling Xinha) and leave this one
-   * unchanged.  That's because when we (InteractiveTools.com) release a
-   * new official version, it's less likely that you will have problems
-   * upgrading Xinha.
-   */
-  this.toolbar =
-  [
-    ["popupeditor"],
-    ["separator","formatblock","fontname","fontsize","bold","italic","underline","strikethrough"],
-    ["separator","forecolor","hilitecolor","textindicator"],
-    ["separator","subscript","superscript"],
-    ["linebreak","separator","justifyleft","justifycenter","justifyright","justifyfull"],
-    ["separator","insertorderedlist","insertunorderedlist","outdent","indent"],
-    ["separator","inserthorizontalrule","createlink","insertimage","inserttable"],
-    ["linebreak","separator","undo","redo","selectall","print"], (Xinha.is_gecko ? [] : ["cut","copy","paste","overwrite","saveas"]),
-    ["separator","killword","clearfonts","removeformat","toggleborders","splitblock","lefttoright", "righttoleft"],
-    ["separator","htmlmode","showhelp","about"]
-  ];
-
-
-  this.fontname =
-  {
-    "&mdash; font &mdash;": '',
-    "Arial":             'arial,helvetica,sans-serif',
-    "Courier New":         'courier new,courier,monospace',
-    "Georgia":         'georgia,times new roman,times,serif',
-    "Tahoma":            'tahoma,arial,helvetica,sans-serif',
-    "Times New Roman": 'times new roman,times,serif',
-    "Verdana":         'verdana,arial,helvetica,sans-serif',
-    "impact":            'impact',
-    "WingDings":             'wingdings'
-  };
-
-  this.fontsize =
-  {
-    "&mdash; size &mdash;": "",
-    "1 (8 pt)" : "1",
-    "2 (10 pt)": "2",
-    "3 (12 pt)": "3",
-    "4 (14 pt)": "4",
-    "5 (18 pt)": "5",
-    "6 (24 pt)": "6",
-    "7 (36 pt)": "7"
-  };
-
-  this.formatblock =
-  {
-    "&mdash; format &mdash;": "",
-    "Heading 1": "h1",
-    "Heading 2": "h2",
-    "Heading 3": "h3",
-    "Heading 4": "h4",
-    "Heading 5": "h5",
-    "Heading 6": "h6",
-    "Normal"   : "p",
-    "Address"  : "address",
-    "Formatted": "pre"
-  };
-
-  this.customSelects = {};
-
-  function cut_copy_paste(e, cmd, obj) { e.execCommand(cmd); }
-
-  this.debug = true;
-
-  this.URIs =
-  {
-   "blank": "popups/blank.html",
-   "link": "link.html",
-   "insert_image": "insert_image.html",
-   "insert_table": "insert_table.html",
-   "select_color": "select_color.html",
-   "about": "about.html",
-   "help": "editor_help.html"
-  };
-
-
-  // ADDING CUSTOM BUTTONS: please read below!
-  // format of the btnList elements is "ID: [ ToolTip, Icon, Enabled in text mode?, ACTION ]"
-  //    - ID: unique ID for the button.  If the button calls document.execCommand
-  //        it's wise to give it the same name as the called command.
-  //    - ACTION: function that gets called when the button is clicked.
-  //              it has the following prototype:
-  //                 function(editor, buttonName)
-  //              - editor is the Xinha object that triggered the call
-  //              - buttonName is the ID of the clicked button
-  //              These 2 parameters makes it possible for you to use the same
-  //              handler for more Xinha objects or for more different buttons.
-  //    - ToolTip: tooltip, will be translated below
-  //    - Icon: path to an icon image file for the button
-  //            OR; you can use an 18x18 block of a larger image by supllying an array
-  //            that has three elemtents, the first is the larger image, the second is the column
-  //            the third is the row.  The ros and columns numbering starts at 0 but there is
-  //            a header row and header column which have numbering to make life easier.
-  //            See images/buttons_main.gif to see how it's done.
-  //    - Enabled in text mode: if false the button gets disabled for text-only mode; otherwise enabled all the time.
-  this.btnList =
-  {
-    bold: [ "Bold", Xinha._lc({key: 'button_bold', string: ["ed_buttons_main.gif",3,2]}, 'Xinha'), false, function(e) { e.execCommand("bold"); } ],
-    italic: [ "Italic", Xinha._lc({key: 'button_italic', string: ["ed_buttons_main.gif",2,2]}, 'Xinha'), false, function(e) { e.execCommand("italic"); } ],
-    underline: [ "Underline", Xinha._lc({key: 'button_underline', string: ["ed_buttons_main.gif",2,0]}, 'Xinha'), false, function(e) { e.execCommand("underline"); } ],
-    strikethrough: [ "Strikethrough", Xinha._lc({key: 'button_strikethrough', string: ["ed_buttons_main.gif",3,0]}, 'Xinha'), false, function(e) { e.execCommand("strikethrough"); } ],
-    subscript: [ "Subscript", Xinha._lc({key: 'button_subscript', string: ["ed_buttons_main.gif",3,1]}, 'Xinha'), false, function(e) { e.execCommand("subscript"); } ],
-    superscript: [ "Superscript", Xinha._lc({key: 'button_superscript', string: ["ed_buttons_main.gif",2,1]}, 'Xinha'), false, function(e) { e.execCommand("superscript"); } ],
-
-    justifyleft: [ "Justify Left", ["ed_buttons_main.gif",0,0], false, function(e) { e.execCommand("justifyleft"); } ],
-    justifycenter: [ "Justify Center", ["ed_buttons_main.gif",1,1], false, function(e){ e.execCommand("justifycenter"); } ],
-    justifyright: [ "Justify Right", ["ed_buttons_main.gif",1,0], false, function(e) { e.execCommand("justifyright"); } ],
-    justifyfull: [ "Justify Full", ["ed_buttons_main.gif",0,1], false, function(e) { e.execCommand("justifyfull"); } ],
-
-    orderedlist: [ "Ordered List", ["ed_buttons_main.gif",0,3], false, function(e) { e.execCommand("insertorderedlist"); } ],
-    unorderedlist: [ "Bulleted List", ["ed_buttons_main.gif",1,3], false, function(e) { e.execCommand("insertunorderedlist"); } ],
-    insertorderedlist: [ "Ordered List", ["ed_buttons_main.gif",0,3], false, function(e) { e.execCommand("insertorderedlist"); } ],
-    insertunorderedlist: [ "Bulleted List", ["ed_buttons_main.gif",1,3], false, function(e) { e.execCommand("insertunorderedlist"); } ],
-
-    outdent: [ "Decrease Indent", ["ed_buttons_main.gif",1,2], false, function(e) { e.execCommand("outdent"); } ],
-    indent: [ "Increase Indent",["ed_buttons_main.gif",0,2], false, function(e) { e.execCommand("indent"); } ],
-    forecolor: [ "Font Color", ["ed_buttons_main.gif",3,3], false, function(e) { e.execCommand("forecolor"); } ],
-    hilitecolor: [ "Background Color", ["ed_buttons_main.gif",2,3], false, function(e) { e.execCommand("hilitecolor"); } ],
-
-    undo: [ "Undoes your last action", ["ed_buttons_main.gif",4,2], false, function(e) { e.execCommand("undo"); } ],
-    redo: [ "Redoes your last action", ["ed_buttons_main.gif",5,2], false, function(e) { e.execCommand("redo"); } ],
-    cut: [ "Cut selection", ["ed_buttons_main.gif",5,0], false, cut_copy_paste ],
-    copy: [ "Copy selection", ["ed_buttons_main.gif",4,0], false, cut_copy_paste ],
-    paste: [ "Paste from clipboard", ["ed_buttons_main.gif",4,1], false, cut_copy_paste ],
-    selectall: [ "Select all", "ed_selectall.gif", false, function(e) {e.execCommand("selectall");} ],
-
-    inserthorizontalrule: [ "Horizontal Rule", ["ed_buttons_main.gif",6,0], false, function(e) { e.execCommand("inserthorizontalrule"); } ],
-    createlink: [ "Insert Web Link", ["ed_buttons_main.gif",6,1], false, function(e) { e._createLink(); } ],
-    insertimage: [ "Insert/Modify Image", ["ed_buttons_main.gif",6,3], false, function(e) { e.execCommand("insertimage"); } ],
-    inserttable: [ "Insert Table", ["ed_buttons_main.gif",6,2], false, function(e) { e.execCommand("inserttable"); } ],
-
-    htmlmode: [ "Toggle HTML Source", ["ed_buttons_main.gif",7,0], true, function(e) { e.execCommand("htmlmode"); } ],
-    toggleborders: [ "Toggle Borders", ["ed_buttons_main.gif",7,2], false, function(e) { e._toggleBorders(); } ],
-    print: [ "Print document", ["ed_buttons_main.gif",8,1], false, function(e) { if(Xinha.is_gecko) {e._iframe.contentWindow.print(); } else { e.focusEditor(); print(); } } ],
-    saveas: [ "Save as", "ed_saveas.gif", false, function(e) { e.execCommand("saveas",false,"noname.htm"); } ],
-    about: [ "About this editor", ["ed_buttons_main.gif",8,2], true, function(e) { e.execCommand("about"); } ],
-    showhelp: [ "Help using editor", ["ed_buttons_main.gif",9,2], true, function(e) { e.execCommand("showhelp"); } ],
-
-    splitblock: [ "Split Block", "ed_splitblock.gif", false, function(e) { e._splitBlock(); } ],
-    lefttoright: [ "Direction left to right", ["ed_buttons_main.gif",0,4], false, function(e) { e.execCommand("lefttoright"); } ],
-    righttoleft: [ "Direction right to left", ["ed_buttons_main.gif",1,4], false, function(e) { e.execCommand("righttoleft"); } ],
-    overwrite: [ "Insert/Overwrite", "ed_overwrite.gif", false, function(e) { e.execCommand("overwrite"); } ],
-
-    wordclean: [ "MS Word Cleaner", ["ed_buttons_main.gif",5,3], false, function(e) { e._wordClean(); } ],
-    clearfonts: [ "Clear Inline Font Specifications", ["ed_buttons_main.gif",5,4], true, function(e) { e._clearFonts(); } ],
-    removeformat: [ "Remove formatting", ["ed_buttons_main.gif",4,4], false, function(e) { e.execCommand("removeformat"); } ],
-    killword: [ "Clear MSOffice tags", ["ed_buttons_main.gif",4,3], false, function(e) { e.execCommand("killword"); } ]
-  };
-
-  /* ADDING CUSTOM BUTTONS
-   * ---------------------
-   *
-   * It is recommended that you add the custom buttons in an external
-   * file and leave this one unchanged.  That's because when we
-   * (InteractiveTools.com) release a new official version, it's less
-   * likely that you will have problems upgrading Xinha.
-   *
-   * Example on how to add a custom button when you construct the Xinha:
-   *
-   *   var editor = new Xinha("your_text_area_id");
-   *   var cfg = editor.config; // this is the default configuration
-   *   cfg.btnList["my-hilite"] =
-   *    [ function(editor) { editor.surroundHTML('<span style="background:yellow">', '</span>'); }, // action
-   *      "Highlight selection", // tooltip
-   *      "my_hilite.gif", // image
-   *      false // disabled in text mode
-   *    ];
-   *   cfg.toolbar.push(["linebreak", "my-hilite"]); // add the new button to the toolbar
-   *
-   * An alternate (also more convenient and recommended) way to
-   * accomplish this is to use the registerButton function below.
-   */
-  // initialize tooltips from the I18N module and generate correct image path
-  for ( var i in this.btnList )
-  {
-    var btn = this.btnList[i];
-    // prevent iterating over wrong type
-    if ( typeof btn != 'object' )
-    {
-      continue;
-    } 
-    if ( typeof btn[1] != 'string' )
-    {
-      btn[1][0] = _editor_url + this.imgURL + btn[1][0];
-    }
-    else
-    {
-      btn[1] = _editor_url + this.imgURL + btn[1];
-    }
-    btn[0] = Xinha._lc(btn[0]); //initialize tooltip
-  }
-
-};
-
-/** Helper function: register a new button with the configuration.  It can be
- * called with all 5 arguments, or with only one (first one).  When called with
- * only one argument it must be an object with the following properties: id,
- * tooltip, image, textMode, action.  Examples:
- *
- * 1. config.registerButton("my-hilite", "Hilite text", "my-hilite.gif", false, function(editor) {...});
- * 2. config.registerButton({
- *      id       : "my-hilite",      // the ID of your button
- *      tooltip  : "Hilite text",    // the tooltip
- *      image    : "my-hilite.gif",  // image to be displayed in the toolbar
- *      textMode : false,            // disabled in text mode
- *      action   : function(editor) { // called when the button is clicked
- *                   editor.surroundHTML('<span class="hilite">', '</span>');
- *                 },
- *      context  : "p"               // will be disabled if outside a <p> element
- *    });
- */
-Xinha.Config.prototype.registerButton = function(id, tooltip, image, textMode, action, context)
-{
-  var the_id;
-  if ( typeof id == "string" )
-  {
-    the_id = id;
-  }
-  else if ( typeof id == "object" )
-  {
-    the_id = id.id;
-  }
-  else
-  {
-    alert("ERROR [Xinha.Config::registerButton]:\ninvalid arguments");
-    return false;
-  }
-  // check for existing id
-//  if(typeof this.customSelects[the_id] != "undefined")
-//  {
-    // alert("WARNING [Xinha.Config::registerDropdown]:\nA dropdown with the same ID already exists.");
-//  }
-//  if(typeof this.btnList[the_id] != "undefined") {
-    // alert("WARNING [Xinha.Config::registerDropdown]:\nA button with the same ID already exists.");
-//  }
-  switch ( typeof id )
-  {
-    case "string":
-      this.btnList[id] = [ tooltip, image, textMode, action, context ];
-    break;
-    case "object":
-      this.btnList[id.id] = [ id.tooltip, id.image, id.textMode, id.action, id.context ];
-    break;
-  }
-};
-
-Xinha.prototype.registerPanel = function(side, object)
-{
-  if ( !side )
-  {
-    side = 'right';
-  }
-  this.setLoadingMessage('Register panel ' + side);
-  var panel = this.addPanel(side);
-  if ( object )
-  {
-    object.drawPanelIn(panel);
-  }
-};
-
-/** The following helper function registers a dropdown box with the editor
- * configuration.  You still have to add it to the toolbar, same as with the
- * buttons.  Call it like this:
- *
- * FIXME: add example
- */
-Xinha.Config.prototype.registerDropdown = function(object)
-{
-  // check for existing id
-//  if ( typeof this.customSelects[object.id] != "undefined" )
-//  {
-    // alert("WARNING [Xinha.Config::registerDropdown]:\nA dropdown with the same ID already exists.");
-//  }
-//  if ( typeof this.btnList[object.id] != "undefined" )
-//  {
-    // alert("WARNING [Xinha.Config::registerDropdown]:\nA button with the same ID already exists.");
-//  }
-  this.customSelects[object.id] = object;
-};
-
-/** Call this function to remove some buttons/drop-down boxes from the toolbar.
- * Pass as the only parameter a string containing button/drop-down names
- * delimited by spaces.  Note that the string should also begin with a space
- * and end with a space.  Example:
- *
- *   config.hideSomeButtons(" fontname fontsize textindicator ");
- *
- * It's useful because it's easier to remove stuff from the defaul toolbar than
- * create a brand new toolbar ;-)
- */
-Xinha.Config.prototype.hideSomeButtons = function(remove)
-{
-  var toolbar = this.toolbar;
-  for ( var i = toolbar.length; --i >= 0; )
-  {
-    var line = toolbar[i];
-    for ( var j = line.length; --j >= 0; )
-    {
-      if ( remove.indexOf(" " + line[j] + " ") >= 0 )
-      {
-        var len = 1;
-        if ( /separator|space/.test(line[j + 1]) )
-        {
-          len = 2;
-        }
-        line.splice(j, len);
-      }
-    }
-  }
-};
-
-/** Helper Function: add buttons/drop-downs boxes with title or separator to the toolbar
- * if the buttons/drop-downs boxes doesn't allready exists.
- * id: button or selectbox (as array with separator or title)
- * where: button or selectbox (as array if the first is not found take the second and so on)
- * position:
- * -1 = insert button (id) one position before the button (where)
- * 0 = replace button (where) by button (id)
- * +1 = insert button (id) one position after button (where)
- *
- * cfg.addToolbarElement(["T[title]", "button_id", "separator"] , ["first_id","second_id"], -1);
-*/
-
-Xinha.Config.prototype.addToolbarElement = function(id, where, position)
-{
-  var toolbar = this.toolbar;
-  var a, i, j, o, sid;
-  var idIsArray = false;
-  var whereIsArray = false;
-  var whereLength = 0;
-  var whereJ = 0;
-  var whereI = 0;
-  var exists = false;
-  var found = false;
-  // check if id and where are arrys
-  if ( ( id && typeof id == "object" ) && ( id.constructor == Array ) )
-  {
-    idIsArray = true;
-  }
-  if ( ( where && typeof where == "object" ) && ( where.constructor == Array ) )
-  {
-    whereIsArray = true;
-    whereLength = where.length;
-        }
-
-  if ( idIsArray ) //find the button/select box in input array
-  {
-    for ( i = 0; i < id.length; ++i )
-    {
-      if ( ( id[i] != "separator" ) && ( id[i].indexOf("T[") !== 0) )
-      {
-        sid = id[i];
-      }
-    }
-  }
-  else
-  {
-    sid = id;
-  }
-
-  for ( i = 0; !exists && !found && i < toolbar.length; ++i )
-  {
-    a = toolbar[i];
-    for ( j = 0; !found && j < a.length; ++j )
-    {
-      // check if button/select box exists
-      if ( a[i] == sid )
-      { 
-        exists = true;
-        break;
-      }
-      if ( whereIsArray )
-      {
-        for ( o = 0; o < whereLength; ++o )
-        {
-          if ( a[j] == where[o] )
-          {
-            if ( o === 0 )
-            {
-              found = true;
-              j--;
-              break;
-            }
-            else
-            {
-              whereI = i;
-              whereJ = j;
-              whereLength = o;
-            }
-          }
-        }
-      }
-      else
-      {
-        // find the position to insert
-        if ( a[j] == where )
-        { 
-          found = true;
-          break;
-        }
-      }
-    }
-  }
-
-  if ( !exists )
-  {
-    //if check found any other as the first button
-    if ( !found && whereIsArray )
-    { 
-      if ( where.length != whereLength )
-      {
-        j = whereJ;
-        a = toolbar[whereI];
-        found = true;
-      }
-    }
-    if ( found )
-    {
-      // replace the found button
-      if ( position === 0 )
-      {
-        if ( idIsArray)
-        {
-          a[j] = id[id.length-1];
-          for ( i = id.length-1; --i >= 0; )
-          {
-            a.splice(j, 0, id[i]);
-          }
-        }
-        else
-        {
-          a[j] = id;
-        }
-      }
-      else
-      { 
-        // insert before/after the found button
-        if ( position < 0 )
-        {
-          j = j + position + 1; //correct position before
-        }
-        else if ( position > 0 )
-        {
-          j = j + position; //correct posion after
-        }
-        if ( idIsArray )
-        {
-          for ( i = id.length; --i >= 0; )
-          {
-            a.splice(j, 0, id[i]);
-          }
-        }
-        else
-        {
-          a.splice(j, 0, id);
-        }
-      }
-    }
-    else
-    {
-      // no button found
-      toolbar[0].splice(0, 0, "separator");
-      if ( idIsArray)
-      {
-        for ( i = id.length; --i >= 0; )
-        {
-          toolbar[0].splice(0, 0, id[i]);
-        }
-      }
-      else
-      {
-        toolbar[0].splice(0, 0, id);
-      }
-    }
-  }
-};
-
-Xinha.Config.prototype.removeToolbarElement = Xinha.Config.prototype.hideSomeButtons;
-
-/** Helper function: replace all TEXTAREA-s in the document with Xinha-s. */
-Xinha.replaceAll = function(config)
-{
-  var tas = document.getElementsByTagName("textarea");
-  // @todo: weird syntax, doesnt help to read the code, doesnt obfuscate it and doesnt make it quicker, better rewrite this part
-  for ( var i = tas.length; i > 0; (new Xinha(tas[--i], config)).generate() )
-  {
-    // NOP
-  }
-};
-
-/** Helper function: replaces the TEXTAREA with the given ID with Xinha. */
-Xinha.replace = function(id, config)
-{
-  var ta = Xinha.getElementById("textarea", id);
-  return ta ? (new Xinha(ta, config)).generate() : null;
-};
-
-// Creates the toolbar and appends it to the _htmlarea
-Xinha.prototype._createToolbar = function ()
-{
-  this.setLoadingMessage('Create Toolbar');
-  var editor = this;    // to access this in nested functions
-
-  var toolbar = document.createElement("div");
-  // ._toolbar is for legacy, ._toolBar is better thanks.
-  this._toolBar = this._toolbar = toolbar;
-  toolbar.className = "toolbar";
-  toolbar.unselectable = "1";
-
-  Xinha.freeLater(this, '_toolBar');
-  Xinha.freeLater(this, '_toolbar');
-  
-  var tb_row = null;
-  var tb_objects = {};
-  this._toolbarObjects = tb_objects;
-
-        this._createToolbar1(editor, toolbar, tb_objects);
-        this._htmlArea.appendChild(toolbar);      
-  
-  return toolbar;
-};
-
-// FIXME : function never used, can probably be removed from source
-Xinha.prototype._setConfig = function(config)
-{
-        this.config = config;
-};
-
-Xinha.prototype._addToolbar = function()
-{
-        this._createToolbar1(this, this._toolbar, this._toolbarObjects);
-};
-
-/**
- * Create a break element to add in the toolbar
- *
- * @return {Object} HTML element to add
- * @private
- */
-Xinha._createToolbarBreakingElement = function()
-{
-  var brk = document.createElement('div');
-  brk.style.height = '1px';
-  brk.style.width = '1px';
-  brk.style.lineHeight = '1px';
-  brk.style.fontSize = '1px';
-  brk.style.clear = 'both';
-  return brk;
-};
-
-// separate from previous createToolBar to allow dynamic change of toolbar
-Xinha.prototype._createToolbar1 = function (editor, toolbar, tb_objects)
-{
-  var tb_row;
-  // This shouldn't be necessary, but IE seems to float outside of the container
-  // when we float toolbar sections, so we have to clear:both here as well
-  // as at the end (which we do have to do).
-  if ( editor.config.flowToolbars )
-  {
-    toolbar.appendChild(Xinha._createToolbarBreakingElement());
-  }
-
-  // creates a new line in the toolbar
-  function newLine()
-  {
-    if ( typeof tb_row != 'undefined' && tb_row.childNodes.length === 0)
-    {
-      return;
-    }
-
-    var table = document.createElement("table");
-    table.border = "0px";
-    table.cellSpacing = "0px";
-    table.cellPadding = "0px";
-    if ( editor.config.flowToolbars )
-    {
-      if ( Xinha.is_ie )
-      {
-        table.style.styleFloat = "left";
-      }
-      else
-      {
-        table.style.cssFloat = "left";
-      }
-    }
-
-    toolbar.appendChild(table);
-    // TBODY is required for IE, otherwise you don't see anything
-    // in the TABLE.
-    var tb_body = document.createElement("tbody");
-    table.appendChild(tb_body);
-    tb_row = document.createElement("tr");
-    tb_body.appendChild(tb_row);
-
-    table.className = 'toolbarRow'; // meh, kinda.
-  } // END of function: newLine
-
-  // init first line
-  newLine();
-
-  // updates the state of a toolbar element.  This function is member of
-  // a toolbar element object (unnamed objects created by createButton or
-  // createSelect functions below).
-  function setButtonStatus(id, newval)
-  {
-    var oldval = this[id];
-    var el = this.element;
-    if ( oldval != newval )
-    {
-      switch (id)
-      {
-        case "enabled":
-          if ( newval )
-          {
-            Xinha._removeClass(el, "buttonDisabled");
-            el.disabled = false;
-          }
-          else
-          {
-            Xinha._addClass(el, "buttonDisabled");
-            el.disabled = true;
-          }
-        break;
-        case "active":
-          if ( newval )
-          {
-            Xinha._addClass(el, "buttonPressed");
-          }
-          else
-          {
-            Xinha._removeClass(el, "buttonPressed");
-          }
-        break;
-      }
-      this[id] = newval;
-    }
-  } // END of function: setButtonStatus
-
-  // this function will handle creation of combo boxes.  Receives as
-  // parameter the name of a button as defined in the toolBar config.
-  // This function is called from createButton, above, if the given "txt"
-  // doesn't match a button.
-  function createSelect(txt)
-  {
-    var options = null;
-    var el = null;
-    var cmd = null;
-    var customSelects = editor.config.customSelects;
-    var context = null;
-    var tooltip = "";
-    switch (txt)
-    {
-      case "fontsize":
-      case "fontname":
-      case "formatblock":
-        // the following line retrieves the correct
-        // configuration option because the variable name
-        // inside the Config object is named the same as the
-        // button/select in the toolbar.  For instance, if txt
-        // == "formatblock" we retrieve config.formatblock (or
-        // a different way to write it in JS is
-        // config["formatblock"].
-        options = editor.config[txt];
-        cmd = txt;
-      break;
-      default:
-        // try to fetch it from the list of registered selects
-        cmd = txt;
-        var dropdown = customSelects[cmd];
-        if ( typeof dropdown != "undefined" )
-        {
-          options = dropdown.options;
-          context = dropdown.context;
-          if ( typeof dropdown.tooltip != "undefined" )
-          {
-            tooltip = dropdown.tooltip;
-          }
-        }
-        else
-        {
-          alert("ERROR [createSelect]:\nCan't find the requested dropdown definition");
-        }
-      break;
-    }
-    if ( options )
-    {
-      el = document.createElement("select");
-      el.title = tooltip;
-      var obj =
-      {
-        name    : txt, // field name
-        element : el,   // the UI element (SELECT)
-        enabled : true, // is it enabled?
-        text    : false, // enabled in text mode?
-        cmd     : cmd, // command ID
-        state   : setButtonStatus, // for changing state
-        context : context
-      };
-      
-      Xinha.freeLater(obj);
-      
-      tb_objects[txt] = obj;
-      
-      for ( var i in options )
-      {
-        // prevent iterating over wrong type
-        if ( typeof(options[i]) != 'string' )
-        {
-          continue;
-        }
-        var op = document.createElement("option");
-        op.innerHTML = Xinha._lc(i);
-        op.value = options[i];
-        el.appendChild(op);
-      }
-      Xinha._addEvent(el, "change", function () { editor._comboSelected(el, txt); } );
-    }
-    return el;
-  } // END of function: createSelect
-
-  // appends a new button to toolbar
-  function createButton(txt)
-  {
-    // the element that will be created
-    var el, btn, obj = null;
-    switch (txt)
-    {
-      case "separator":
-        if ( editor.config.flowToolbars )
-        {
-          newLine();
-        }
-        el = document.createElement("div");
-        el.className = "separator";
-      break;
-      case "space":
-        el = document.createElement("div");
-        el.className = "space";
-      break;
-      case "linebreak":
-        newLine();
-        return false;
-      case "textindicator":
-        el = document.createElement("div");
-        el.appendChild(document.createTextNode("A"));
-        el.className = "indicator";
-        el.title = Xinha._lc("Current style");
-        obj =
-        {
-          name  : txt, // the button name (i.e. 'bold')
-          element : el, // the UI element (DIV)
-          enabled : true, // is it enabled?
-          active        : false, // is it pressed?
-          text  : false, // enabled in text mode?
-          cmd   : "textindicator", // the command ID
-          state : setButtonStatus // for changing state
-        };
-      
-        Xinha.freeLater(obj);
-      
-        tb_objects[txt] = obj;
-      break;
-      default:
-        btn = editor.config.btnList[txt];
-    }
-    if ( !el && btn )
-    {
-      el = document.createElement("a");
-      el.style.display = 'block';
-      el.href = 'javascript:void(0)';
-      el.style.textDecoration = 'none';
-      el.title = btn[0];
-      el.className = "button";
-      el.style.direction = "ltr";
-      // let's just pretend we have a button object, and
-      // assign all the needed information to it.
-      obj =
-      {
-        name : txt, // the button name (i.e. 'bold')
-        element : el, // the UI element (DIV)
-        enabled : true, // is it enabled?
-        active : false, // is it pressed?
-        text : btn[2], // enabled in text mode?
-        cmd     : btn[3], // the command ID
-        state   : setButtonStatus, // for changing state
-        context : btn[4] || null // enabled in a certain context?
-      };
-      Xinha.freeLater(el);
-      Xinha.freeLater(obj);
-
-      tb_objects[txt] = obj;
-
-      // prevent drag&drop of the icon to content area
-      el.ondrag = function() { return false; };
-
-      // handlers to emulate nice flat toolbar buttons
-      Xinha._addEvent(
-        el,
-        "mouseout",
-        function(ev)
-        {
-          if ( obj.enabled )
-          {
-            //Xinha._removeClass(el, "buttonHover");
-            Xinha._removeClass(el, "buttonActive");
-            if ( obj.active )
-            {
-              Xinha._addClass(el, "buttonPressed");
-            }
-          }
-        }
-      );
-
-      Xinha._addEvent(
-        el,
-        "mousedown",
-        function(ev)
-        {
-          if ( obj.enabled )
-          {
-            Xinha._addClass(el, "buttonActive");
-            Xinha._removeClass(el, "buttonPressed");
-            Xinha._stopEvent(Xinha.is_ie ? window.event : ev);
-          }
-        }
-      );
-
-      // when clicked, do the following:
-      Xinha._addEvent(
-        el,
-        "click",
-        function(ev)
-        {
-          if ( obj.enabled )
-          {
-            Xinha._removeClass(el, "buttonActive");
-            //Xinha._removeClass(el, "buttonHover");
-            if ( Xinha.is_gecko )
-            {
-              editor.activateEditor();
-            }
-            obj.cmd(editor, obj.name, obj);
-            Xinha._stopEvent(Xinha.is_ie ? window.event : ev);
-          }
-        }
-      );
-
-      var i_contain = Xinha.makeBtnImg(btn[1]);
-      var img = i_contain.firstChild;
-      el.appendChild(i_contain);
-
-      obj.imgel = img;      
-      obj.swapImage = function(newimg)
-      {
-        if ( typeof newimg != 'string' )
-        {
-          img.src = newimg[0];
-          img.style.position = 'relative';
-          img.style.top  = newimg[2] ? ('-' + (18 * (newimg[2] + 1)) + 'px') : '-18px';
-          img.style.left = newimg[1] ? ('-' + (18 * (newimg[1] + 1)) + 'px') : '-18px';
-        }
-        else
-        {
-          obj.imgel.src = newimg;
-          img.style.top = '0px';
-          img.style.left = '0px';
-        }
-      };
-      
-    }
-    else if( !el )
-    {
-      el = createSelect(txt);
-    }
-
-    return el;
-  }
-
-  var first = true;
-  for ( var i = 0; i < this.config.toolbar.length; ++i )
-  {
-    if ( !first )
-    {
-      // createButton("linebreak");
-    }
-    else
-    {
-      first = false;
-    }
-    if ( this.config.toolbar[i] === null )
-    {
-      this.config.toolbar[i] = ['separator'];
-    }
-    var group = this.config.toolbar[i];
-
-    for ( var j = 0; j < group.length; ++j )
-    {
-      var code = group[j];
-      var tb_cell;
-      if ( /^([IT])\[(.*?)\]/.test(code) )
-      {
-        // special case, create text label
-        var l7ed = RegExp.$1 == "I"; // localized?
-        var label = RegExp.$2;
-        if ( l7ed )
-        {
-          label = Xinha._lc(label);
-        }
-        tb_cell = document.createElement("td");
-        tb_row.appendChild(tb_cell);
-        tb_cell.className = "label";
-        tb_cell.innerHTML = label;
-      }
-      else if ( typeof code != 'function' )
-      {
-        var tb_element = createButton(code);
-        if ( tb_element )
-        {
-          tb_cell = document.createElement("td");
-          tb_cell.className = 'toolbarElement';
-          tb_row.appendChild(tb_cell);
-          tb_cell.appendChild(tb_element);
-        }
-        else if ( tb_element === null )
-        {
-          alert("FIXME: Unknown toolbar item: " + code);
-        }
-      }
-    }
-  }
-
-  if ( editor.config.flowToolbars )
-  {
-    toolbar.appendChild(Xinha._createToolbarBreakingElement());
-  }
-
-  return toolbar;
-};
-
-// @todo : is this some kind of test not finished ?
-//         Why the hell this is not in the config object ?
-var use_clone_img = false;
-Xinha.makeBtnImg = function(imgDef, doc)
-{
-  if ( !doc )
-  {
-    doc = document;
-  }
-
-  if ( !doc._xinhaImgCache )
-  {
-    doc._xinhaImgCache = {};
-    Xinha.freeLater(doc._xinhaImgCache);
-  }
-
-  var i_contain = null;
-  if ( Xinha.is_ie && ( ( !doc.compatMode ) || ( doc.compatMode && doc.compatMode == "BackCompat" ) ) )
-  {
-    i_contain = doc.createElement('span');
-  }
-  else
-  {
-    i_contain = doc.createElement('div');
-    i_contain.style.position = 'relative';
-  }
-
-  i_contain.style.overflow = 'hidden';
-  i_contain.style.width = "18px";
-  i_contain.style.height = "18px";
-  i_contain.className = 'buttonImageContainer';
-
-  var img = null;
-  if ( typeof imgDef == 'string' )
-  {
-    if ( doc._xinhaImgCache[imgDef] )
-    {
-      img = doc._xinhaImgCache[imgDef].cloneNode();
-    }
-    else
-    {
-      img = doc.createElement("img");
-      img.src = imgDef;
-      img.style.width = "18px";
-      img.style.height = "18px";
-      if ( use_clone_img )
-      {
-        doc._xinhaImgCache[imgDef] = img.cloneNode();
-      }
-    }
-  }
-  else
-  {
-    if ( doc._xinhaImgCache[imgDef[0]] )
-    {
-      img = doc._xinhaImgCache[imgDef[0]].cloneNode();
-    }
-    else
-    {
-      img = doc.createElement("img");
-      img.src = imgDef[0];
-      img.style.position = 'relative';
-      if ( use_clone_img )
-      {
-        doc._xinhaImgCache[imgDef[0]] = img.cloneNode();
-      }
-    }
-    // @todo: Using 18 dont let us use a theme with its own icon toolbar height
-    //        and width. Probably better to calculate this value 18
-    //        var sizeIcon = img.width / nb_elements_per_image;
-    img.style.top  = imgDef[2] ? ('-' + (18 * (imgDef[2] + 1)) + 'px') : '-18px';
-    img.style.left = imgDef[1] ? ('-' + (18 * (imgDef[1] + 1)) + 'px') : '-18px';
-  }
-  i_contain.appendChild(img);
-  return i_contain;
-};
-
-Xinha.prototype._createStatusBar = function()
-{
-  this.setLoadingMessage('Create StatusBar');
-  var statusbar = document.createElement("div");
-  statusbar.className = "statusBar";
-  this._statusBar = statusbar;
-  Xinha.freeLater(this, '_statusBar');
-  
-  // statusbar.appendChild(document.createTextNode(Xinha._lc("Path") + ": "));
-  // creates a holder for the path view
-  var div = document.createElement("span");
-  div.className = "statusBarTree";
-  div.innerHTML = Xinha._lc("Path") + ": ";
-  this._statusBarTree = div;
-  Xinha.freeLater(this, '_statusBarTree');
-  this._statusBar.appendChild(div);
-
-  div = document.createElement("span");
-  div.innerHTML = Xinha._lc("You are in TEXT MODE.  Use the [<>] button to switch back to WYSIWYG.");
-  div.style.display = "none";
-  this._statusBarTextMode = div;
-  Xinha.freeLater(this, '_statusBarTextMode');
-  this._statusBar.appendChild(div);
-
-  if ( !this.config.statusBar )
-  {
-    // disable it...
-    statusbar.style.display = "none";
-  }
-
-  return statusbar;
-};
-
-// Creates the Xinha object and replaces the textarea with it.
-Xinha.prototype.generate = function ()
-{
-  var i;
-  var editor = this;    // we'll need "this" in some nested functions
-  this.setLoadingMessage('Generate Xinha object');
-
-  if ( typeof Dialog == 'undefined' )
-  {
-    Xinha._loadback(_editor_url + 'dialog.js', this.generate, this );
-    return false;
-  }
-
-  if ( typeof Xinha.Dialog == 'undefined' )
-  {
-    Xinha._loadback(_editor_url + 'inline-dialog.js', this.generate, this );
-    return false;
-  }
-
-  if ( typeof PopupWin == 'undefined' )
-  {
-    Xinha._loadback(_editor_url + 'popupwin.js', this.generate, this );
-    return false;
-  }
-
-  if ( _editor_skin !== "" )
-  {
-    var found = false;
-    var head = document.getElementsByTagName("head")[0];
-    var links = document.getElementsByTagName("link");
-    for(i = 0; i<links.length; i++)
-    {
-      if ( ( links[i].rel == "stylesheet" ) && ( links[i].href == _editor_url + 'skins/' + _editor_skin + '/skin.css' ) )
-      {
-        found = true;
-      }
-    }
-    if ( !found )
-    {
-      var link = document.createElement("link");
-      link.type = "text/css";
-      link.href = _editor_url + 'skins/' + _editor_skin + '/skin.css';
-      link.rel = "stylesheet";
-      head.appendChild(link);
-    }
-  }
-
-  //backwards-compatibility: load FullScreen-Plugin if we find a "popupeditor"-button in the toolbar
-  // @todo: remove the backward compatibility in release 2.0
-  var toolbar = editor.config.toolbar;
-  for ( i = toolbar.length; --i >= 0; )
-  {
-    for ( var j = toolbar[i].length; --j >= 0; )
-    {
-      if ( toolbar[i][j]=="popupeditor" )
-      {
-        if ( typeof FullScreen == "undefined" )
-        {
-          // why can't we use the following line instead ?
-//          Xinha.loadPlugin("FullScreen", this.generate );
-          Xinha.loadPlugin("FullScreen", function() { editor.generate(); } );
-          return false;
-        }
-        editor.registerPlugin('FullScreen');
-      }
-    }
-  }
-
-  // If this is gecko, set up the paragraph handling now
-  if ( Xinha.is_gecko && editor.config.mozParaHandler == 'best' )
-  {
-    if ( typeof EnterParagraphs == 'undefined' )
-    {
-      // why can't we use the following line instead ?
-//      Xinha.loadPlugin("EnterParagraphs", this.generate );
-      Xinha.loadPlugin("EnterParagraphs", function() { editor.generate(); } );
-      return false;
-    }
-    editor.registerPlugin('EnterParagraphs');
-  }
-
-  if ( typeof Xinha.getHTML == 'undefined' )
-  {
-      Xinha._loadback(_editor_url + "getHTML.js", function() { editor.generate(); } );
-          return false;
-  }
-  
-  if ( typeof Xinha.prototype._insertImage == 'undefined' )
-  {
-      Xinha._loadback(_editor_url + "popups/insert_image.js", function() { editor.generate(); } );
-          return false;
-  }
-
-  if ( typeof Xinha.prototype._createLink == 'undefined' &&  typeof Linker == 'undefined' )
-  {
-      Xinha._loadback(_editor_url + "popups/link.js", function() { editor.generate(); } );
-          return false;
-  }
-
-  // create the editor framework, yah, table layout I know, but much easier
-  // to get it working correctly this way, sorry about that, patches welcome.
-
-  this._framework =
-  {
-    'table':   document.createElement('table'),
-    'tbody':   document.createElement('tbody'), // IE will not show the table if it doesn't have a tbody!
-    'tb_row':  document.createElement('tr'),
-    'tb_cell': document.createElement('td'), // Toolbar
-
-    'tp_row':  document.createElement('tr'),
-    'tp_cell': this._panels.top.container,   // top panel
-
-    'ler_row': document.createElement('tr'),
-    'lp_cell': this._panels.left.container,  // left panel
-    'ed_cell': document.createElement('td'), // editor
-    'rp_cell': this._panels.right.container, // right panel
-
-    'bp_row':  document.createElement('tr'),
-    'bp_cell': this._panels.bottom.container,// bottom panel
-
-    'sb_row':  document.createElement('tr'),
-    'sb_cell': document.createElement('td')  // status bar
-
-  };
-  Xinha.freeLater(this._framework);
-  
-  var fw = this._framework;
-  fw.table.border = "0";
-  fw.table.cellPadding = "0";
-  fw.table.cellSpacing = "0";
-
-  fw.tb_row.style.verticalAlign = 'top';
-  fw.tp_row.style.verticalAlign = 'top';
-  fw.ler_row.style.verticalAlign= 'top';
-  fw.bp_row.style.verticalAlign = 'top';
-  fw.sb_row.style.verticalAlign = 'top';
-  fw.ed_cell.style.position     = 'relative';
-
-  // Put the cells in the rows        set col & rowspans
-  // note that I've set all these so that all panels are showing
-  // but they will be redone in sizeEditor() depending on which
-  // panels are shown.  It's just here to clarify how the thing
-  // is put togethor.
-  fw.tb_row.appendChild(fw.tb_cell);
-  fw.tb_cell.colSpan = 3;
-
-  fw.tp_row.appendChild(fw.tp_cell);
-  fw.tp_cell.colSpan = 3;
-
-  fw.ler_row.appendChild(fw.lp_cell);
-  fw.ler_row.appendChild(fw.ed_cell);
-  fw.ler_row.appendChild(fw.rp_cell);
-
-  fw.bp_row.appendChild(fw.bp_cell);
-  fw.bp_cell.colSpan = 3;
-
-  fw.sb_row.appendChild(fw.sb_cell);
-  fw.sb_cell.colSpan = 3;
-
-  // Put the rows in the table body
-  fw.tbody.appendChild(fw.tb_row);  // Toolbar
-  fw.tbody.appendChild(fw.tp_row); // Left, Top, Right panels
-  fw.tbody.appendChild(fw.ler_row);  // Editor/Textarea
-  fw.tbody.appendChild(fw.bp_row);  // Bottom panel
-  fw.tbody.appendChild(fw.sb_row);  // Statusbar
-
-  // and body in the table
-  fw.table.appendChild(fw.tbody);
-
-  var xinha = this._framework.table;
-  this._htmlArea = xinha;
-  Xinha.freeLater(this, '_htmlArea');
-  xinha.className = "htmlarea";
-
-    // create the toolbar and put in the area
-  this._framework.tb_cell.appendChild( this._createToolbar() );
-
-    // create the IFRAME & add to container
-  var iframe = document.createElement("iframe");
-  iframe.src = _editor_url + editor.config.URIs.blank;
-  this._framework.ed_cell.appendChild(iframe);
-  this._iframe = iframe;
-  this._iframe.className = 'xinha_iframe';
-  Xinha.freeLater(this, '_iframe');
-  
-    // creates & appends the status bar
-  var statusbar = this._createStatusBar();
-  this._framework.sb_cell.appendChild(statusbar);
-
-  // insert Xinha before the textarea.
-  var textarea = this._textArea;
-  textarea.parentNode.insertBefore(xinha, textarea);
-  textarea.className = 'xinha_textarea';
-
-  // extract the textarea and insert it into the xinha framework
-  Xinha.removeFromParent(textarea);
-  this._framework.ed_cell.appendChild(textarea);
-
-
-  // Set up event listeners for saving the iframe content to the textarea
-  if ( textarea.form )
-  {
-    // onsubmit get the Xinha content and update original textarea.
-    Xinha.prependDom0Event(
-      this._textArea.form,
-      'submit',
-      function()
-      {
-        editor._textArea.value = editor.outwardHtml(editor.getHTML());
-        return true;
-      }
-    );
-
-    var initialTAContent = textarea.value;
-
-    // onreset revert the Xinha content to the textarea content
-    Xinha.prependDom0Event(
-      this._textArea.form,
-      'reset',
-      function()
-      {
-        editor.setHTML(editor.inwardHtml(initialTAContent));
-        editor.updateToolbar();
-        return true;
-      }
-    );
-
-    //add onsubmit handlers for textareas that don't have one 
-    // doesn't work in IE!!
-   /* if ( !textarea.form.xinha_submit )
-    {
-      textarea.form.xinha_submit = textarea.form.submit;
-      textarea.form.submit = function()
-      {
-        for ( var i = this.elements.length; i--; )
-        {
-          var element = this.elements[i];
-          if ( element.type != 'textarea' ) continue;
-          for ( var a = __xinhas.length; a--; )
-          {
-            var editor = __xinhas[a];
-            if ( editor && editor._textArea == element)
-            {
-              element.value = editor.outwardHtml(editor.getHTML());
-            }
-          }
-        }
-        this.xinha_submit();
-      };
-    }*/
-  }
-
-  // add a handler for the "back/forward" case -- on body.unload we save
-  // the HTML content into the original textarea.
-  Xinha.prependDom0Event(
-    window,
-    'unload',
-    function()
-    {
-      textarea.value = editor.outwardHtml(editor.getHTML());
-      return true;
-    }
-  );
-
-  // Hide textarea
-  textarea.style.display = "none";
-
-  // Initalize size
-  editor.initSize();
-
-  // Add an event to initialize the iframe once loaded.
-  editor._iframeLoadDone = false;
-  Xinha._addEvent(
-    this._iframe,
-    'load',
-    function(e)
-    {
-      if ( !editor._iframeLoadDone )
-      {
-        editor._iframeLoadDone = true;
-        editor.initIframe();
-      }
-      return true;
-    }
-  );
-
-};
-
-/**
- * Size the editor according to the INITIAL sizing information.
- * config.width
- *    The width may be set via three ways
- *    auto    = the width is inherited from the original textarea
- *    toolbar = the width is set to be the same size as the toolbar
- *    <set size> = the width is an explicit size (any CSS measurement, eg 100em should be fine)
- *
- * config.height
- *    auto    = the height is inherited from the original textarea
- *    <set size> = an explicit size measurement (again, CSS measurements)
- *
- * config.sizeIncludesBars
- *    true    = the tool & status bars will appear inside the width & height confines
- *    false   = the tool & status bars will appear outside the width & height confines
- *
- */
-
-Xinha.prototype.initSize = function()
-{
-  this.setLoadingMessage('Init editor size');
-  var editor = this;
-  var width = null;
-  var height = null;
-
-  switch ( this.config.width )
-  {
-    case 'auto':
-      width = this._initial_ta_size.w;
-    break;
-
-    case 'toolbar':
-      width = this._toolBar.offsetWidth + 'px';
-    break;
-
-    default :
-      // @todo: check if this is better :
-      // width = (parseInt(this.config.width, 10) == this.config.width)? this.config.width + 'px' : this.config.width;
-      width = /[^0-9]/.test(this.config.width) ? this.config.width : this.config.width + 'px';
-    break;
-  }
-
-  switch ( this.config.height )
-  {
-    case 'auto':
-      height = this._initial_ta_size.h;
-    break;
-
-    default :
-      // @todo: check if this is better :
-      // height = (parseInt(this.config.height, 10) == this.config.height)? this.config.height + 'px' : this.config.height;
-      height = /[^0-9]/.test(this.config.height) ? this.config.height : this.config.height + 'px';
-    break;
-  }
-
-  this.sizeEditor(width, height, this.config.sizeIncludesBars, this.config.sizeIncludesPanels);
-
-  // why can't we use the following line instead ?
-//  this.notifyOn('panel_change',this.sizeEditor);
-  this.notifyOn('panel_change',function() { editor.sizeEditor(); });
-};
-
-/**
- *  Size the editor to a specific size, or just refresh the size (when window resizes for example)
- *  @param width optional width (CSS specification)
- *  @param height optional height (CSS specification)
- *  @param includingBars optional boolean to indicate if the size should include or exclude tool & status bars
- */
-Xinha.prototype.sizeEditor = function(width, height, includingBars, includingPanels)
-{
-
-  // We need to set the iframe & textarea to 100% height so that the htmlarea
-  // isn't "pushed out" when we get it's height, so we can change them later.
-  this._iframe.style.height   = '100%';
-  this._textArea.style.height = '100%';
-  this._iframe.style.width    = '';
-  this._textArea.style.width  = '';
-
-  if ( includingBars !== null )
-  {
-    this._htmlArea.sizeIncludesToolbars = includingBars;
-  }
-  if ( includingPanels !== null )
-  {
-    this._htmlArea.sizeIncludesPanels = includingPanels;
-  }
-
-  if ( width )
-  {
-    this._htmlArea.style.width = width;
-    if ( !this._htmlArea.sizeIncludesPanels )
-    {
-      // Need to add some for l & r panels
-      var rPanel = this._panels.right;
-      if ( rPanel.on && rPanel.panels.length && Xinha.hasDisplayedChildren(rPanel.div) )
-      {
-        this._htmlArea.style.width = (this._htmlArea.offsetWidth + parseInt(this.config.panel_dimensions.right, 10)) + 'px';
-      }
-
-      var lPanel = this._panels.left;
-      if ( lPanel.on && lPanel.panels.length && Xinha.hasDisplayedChildren(lPanel.div) )
-      {
-        this._htmlArea.style.width = (this._htmlArea.offsetWidth + parseInt(this.config.panel_dimensions.left, 10)) + 'px';
-      }
-    }
-  }
-
-  if ( height )
-  {
-    this._htmlArea.style.height = height;
-    if ( !this._htmlArea.sizeIncludesToolbars )
-    {
-      // Need to add some for toolbars
-      this._htmlArea.style.height = (this._htmlArea.offsetHeight + this._toolbar.offsetHeight + this._statusBar.offsetHeight) + 'px';
-    }
-
-    if ( !this._htmlArea.sizeIncludesPanels )
-    {
-      // Need to add some for t & b panels
-      var tPanel = this._panels.top;
-      if ( tPanel.on && tPanel.panels.length && Xinha.hasDisplayedChildren(tPanel.div) )
-      {
-        this._htmlArea.style.height = (this._htmlArea.offsetHeight + parseInt(this.config.panel_dimensions.top, 10)) + 'px';
-      }
-
-      var bPanel = this._panels.bottom;
-      if ( bPanel.on && bPanel.panels.length && Xinha.hasDisplayedChildren(bPanel.div) )
-      {
-        this._htmlArea.style.height = (this._htmlArea.offsetHeight + parseInt(this.config.panel_dimensions.bottom, 10)) + 'px';
-      }
-    }
-  }
-
-  // At this point we have this._htmlArea.style.width & this._htmlArea.style.height
-  // which are the size for the OUTER editor area, including toolbars and panels
-  // now we size the INNER area and position stuff in the right places.
-  width  = this._htmlArea.offsetWidth;
-  height = this._htmlArea.offsetHeight;
-
-  // Set colspan for toolbar, and statusbar, rowspan for left & right panels, and insert panels to be displayed
-  // into thier rows
-  var panels = this._panels;
-  var editor = this;
-  var col_span = 1;
-
-  function panel_is_alive(pan)
-  {
-    if ( panels[pan].on && panels[pan].panels.length && Xinha.hasDisplayedChildren(panels[pan].container) )
-    {
-      panels[pan].container.style.display = '';
-      return true;
-    }
-    // Otherwise make sure it's been removed from the framework
-    else
-    {
-      panels[pan].container.style.display='none';
-      return false;
-    }
-  }
-
-  if ( panel_is_alive('left') )
-  {
-    col_span += 1;      
-  }
-
-//  if ( panel_is_alive('top') )
-//  {
-    // NOP
-//  }
-
-  if ( panel_is_alive('right') )
-  {
-    col_span += 1;
-  }
-
-//  if ( panel_is_alive('bottom') )
-//  {
-    // NOP
-//  }
-
-  this._framework.tb_cell.colSpan = col_span;
-  this._framework.tp_cell.colSpan = col_span;
-  this._framework.bp_cell.colSpan = col_span;
-  this._framework.sb_cell.colSpan = col_span;
-
-  // Put in the panel rows, top panel goes above editor row
-  if ( !this._framework.tp_row.childNodes.length )
-  {
-    Xinha.removeFromParent(this._framework.tp_row);
-  }
-  else
-  {
-    if ( !Xinha.hasParentNode(this._framework.tp_row) )
-    {
-      this._framework.tbody.insertBefore(this._framework.tp_row, this._framework.ler_row);
-    }
-  }
-
-  // bp goes after the editor
-  if ( !this._framework.bp_row.childNodes.length )
-  {
-    Xinha.removeFromParent(this._framework.bp_row);
-  }
-  else
-  {
-    if ( !Xinha.hasParentNode(this._framework.bp_row) )
-    {
-      this._framework.tbody.insertBefore(this._framework.bp_row, this._framework.ler_row.nextSibling);
-    }
-  }
-
-  // finally if the statusbar is on, insert it
-  if ( !this.config.statusBar )
-  {
-    Xinha.removeFromParent(this._framework.sb_row);
-  }
-  else
-  {
-    if ( !Xinha.hasParentNode(this._framework.sb_row) )
-    {
-      this._framework.table.appendChild(this._framework.sb_row);
-    }
-  }
-
-  // Size and set colspans, link up the framework
-  this._framework.lp_cell.style.width  = this.config.panel_dimensions.left;
-  this._framework.rp_cell.style.width  = this.config.panel_dimensions.right;
-  this._framework.tp_cell.style.height = this.config.panel_dimensions.top;
-  this._framework.bp_cell.style.height = this.config.panel_dimensions.bottom;
-  this._framework.tb_cell.style.height = this._toolBar.offsetHeight + 'px';
-  this._framework.sb_cell.style.height = this._statusBar.offsetHeight + 'px';
-
-  var edcellheight = height - this._toolBar.offsetHeight - this._statusBar.offsetHeight;
-  if ( panel_is_alive('top') )
-  {
-    edcellheight -= parseInt(this.config.panel_dimensions.top, 10);
-  }
-  if ( panel_is_alive('bottom') )
-  {
-    edcellheight -= parseInt(this.config.panel_dimensions.bottom, 10);
-  }
-  this._iframe.style.height = edcellheight + 'px';  
-//  this._framework.rp_cell.style.height = edcellheight + 'px';
-//  this._framework.lp_cell.style.height = edcellheight + 'px';
-  
-  // (re)size the left and right panels so they are equal the editor height
-//  for(var i = 0; i < this._panels.left.panels.length; i++)
-//  {
-//    this._panels.left.panels[i].style.height = this._iframe.style.height;
-//  }
-  
-//  for(var i = 0; i < this._panels.right.panels.length; i++)
-//  {
-//    this._panels.right.panels[i].style.height = this._iframe.style.height;
-//  }  
-  
-  var edcellwidth = width;
-  if ( panel_is_alive('left') )
-  {
-    edcellwidth -= parseInt(this.config.panel_dimensions.left, 10);
-  }
-  if ( panel_is_alive('right') )
-  {
-    edcellwidth -= parseInt(this.config.panel_dimensions.right, 10);    
-  }
-  this._iframe.style.width = edcellwidth + 'px';
-
-  this._textArea.style.height = this._iframe.style.height;
-  this._textArea.style.width  = this._iframe.style.width;
-     
-  this.notifyOf('resize', {width:this._htmlArea.offsetWidth, height:this._htmlArea.offsetHeight});
-};
-
-Xinha.prototype.addPanel = function(side)
-{
-  var div = document.createElement('div');
-  div.side = side;
-  if ( side == 'left' || side == 'right' )
-  {
-    div.style.width  = this.config.panel_dimensions[side];
-    if(this._iframe) div.style.height = this._iframe.style.height;     
-  }
-  Xinha.addClasses(div, 'panel');
-  this._panels[side].panels.push(div);
-  this._panels[side].div.appendChild(div);
-
-  this.notifyOf('panel_change', {'action':'add','panel':div});
-
-  return div;
-};
-
-
-Xinha.prototype.removePanel = function(panel)
-{
-  this._panels[panel.side].div.removeChild(panel);
-  var clean = [];
-  for ( var i = 0; i < this._panels[panel.side].panels.length; i++ )
-  {
-    if ( this._panels[panel.side].panels[i] != panel )
-    {
-      clean.push(this._panels[panel.side].panels[i]);
-    }
-  }
-  this._panels[panel.side].panels = clean;
-  this.notifyOf('panel_change', {'action':'remove','panel':panel});
-};
-
-Xinha.prototype.hidePanel = function(panel)
-{
-  if ( panel && panel.style.display != 'none' )
-  {
-    panel.style.display = 'none';
-    this.notifyOf('panel_change', {'action':'hide','panel':panel});
-  }
-};
-
-Xinha.prototype.showPanel = function(panel)
-{
-  if ( panel && panel.style.display == 'none' )
-  {
-    panel.style.display = '';
-    this.notifyOf('panel_change', {'action':'show','panel':panel});
-  }
-};
-
-Xinha.prototype.hidePanels = function(sides)
-{
-  if ( typeof sides == 'undefined' )
-  {
-    sides = ['left','right','top','bottom'];
-  }
-
-  var reShow = [];
-  for ( var i = 0; i < sides.length;i++ )
-  {
-    if ( this._panels[sides[i]].on )
-    {
-      reShow.push(sides[i]);
-      this._panels[sides[i]].on = false;
-    }
-  }
-  this.notifyOf('panel_change', {'action':'multi_hide','sides':sides});
-};
-
-Xinha.prototype.showPanels = function(sides)
-{
-  if ( typeof sides == 'undefined' )
-  {
-    sides = ['left','right','top','bottom'];
-  }
-
-  var reHide = [];
-  for ( var i = 0; i < sides.length; i++ )
-  {
-    if ( !this._panels[sides[i]].on )
-    {
-      reHide.push(sides[i]);
-      this._panels[sides[i]].on = true;
-    }
-  }
-  this.notifyOf('panel_change', {'action':'multi_show','sides':sides});
-};
-
-Xinha.objectProperties = function(obj)
-{
-  var props = [];
-  for ( var x in obj )
-  {
-    props[props.length] = x;
-  }
-  return props;
-};
-
-/*
- * EDITOR ACTIVATION NOTES:
- *  when a page has multiple Xinha editors, ONLY ONE should be activated at any time (this is mostly to
- *  work around a bug in Mozilla, but also makes some sense).  No editor should be activated or focused
- *  automatically until at least one editor has been activated through user action (by mouse-clicking in
- *  the editor).
- */
-Xinha.prototype.editorIsActivated = function()
-{
-  try
-  {
-    return Xinha.is_gecko? this._doc.designMode == 'on' : this._doc.body.contentEditable;
-  }
-  catch (ex)
-  {
-    return false;
-  }
-};
-
-Xinha._someEditorHasBeenActivated = false;
-Xinha._currentlyActiveEditor      = false;
-Xinha.prototype.activateEditor = function()
-{
-  // We only want ONE editor at a time to be active
-  if ( Xinha._currentlyActiveEditor )
-  {
-    if ( Xinha._currentlyActiveEditor == this )
-    {
-      return true;
-    }
-    Xinha._currentlyActiveEditor.deactivateEditor();
-  }
-
-  if ( Xinha.is_gecko && this._doc.designMode != 'on' )
-  {
-    try
-    {
-      // cannot set design mode if no display
-      if ( this._iframe.style.display == 'none' )
-      {
-        this._iframe.style.display = '';
-        this._doc.designMode = 'on';
-        this._iframe.style.display = 'none';
-      }
-      else
-      {
-        this._doc.designMode = 'on';
-      }
-    } catch (ex) {}
-  }
-  else if ( !Xinha.is_gecko && this._doc.body.contentEditable !== true )
-  {
-    this._doc.body.contentEditable = true;
-  }
-
-  // We need to know that at least one editor on the page has been activated
-  // this is because we will not focus any editor until an editor has been activated
-  Xinha._someEditorHasBeenActivated = true;
-  Xinha._currentlyActiveEditor      = this;
-
-  var editor = this;
-  this.enableToolbar();
-};
-
-Xinha.prototype.deactivateEditor = function()
-{
-  // If the editor isn't active then the user shouldn't use the toolbar
-  this.disableToolbar();
-
-  if ( Xinha.is_gecko && this._doc.designMode != 'off' )
-  {
-    try
-    {
-      this._doc.designMode = 'off';
-    } catch (ex) {}
-  }
-  else if ( !Xinha.is_gecko && this._doc.body.contentEditable !== false )
-  {
-    this._doc.body.contentEditable = false;
-  }
-
-  if ( Xinha._currentlyActiveEditor != this )
-  {
-    // We just deactivated an editor that wasn't marked as the currentlyActiveEditor
-
-    return; // I think this should really be an error, there shouldn't be a situation where
-            // an editor is deactivated without first being activated.  but it probably won't
-            // hurt anything.
-  }
-
-  Xinha._currentlyActiveEditor = false;
-};
-
-Xinha.prototype.initIframe = function()
-{
-  this.setLoadingMessage('Init IFrame');
-  this.disableToolbar();
-  var doc = null;
-  var editor = this;
-  try
-  {
-    if ( editor._iframe.contentDocument )
-    {
-      this._doc = editor._iframe.contentDocument;        
-    }
-    else
-    {
-      this._doc = editor._iframe.contentWindow.document;
-    }
-    doc = this._doc;
-    // try later
-    if ( !doc )
-    {
-      if ( Xinha.is_gecko )
-      {
-        setTimeout(function() { editor.initIframe(); }, 50);
-        return false;
-      }
-      else
-      {
-        alert("ERROR: IFRAME can't be initialized.");
-      }
-    }
-  }
-  catch(ex)
-  { // try later
-    setTimeout(function() { editor.initIframe(); }, 50);
-  }
-  
-  Xinha.freeLater(this, '_doc');
-  
-  doc.open("text/html","replace");
-  var html = '';
-  if ( !editor.config.fullPage )
-  {
-    html = "<html>\n";
-    html += "<head>\n";
-    html += "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=" + editor.config.charSet + "\">\n";
-    if ( typeof editor.config.baseHref != 'undefined' && editor.config.baseHref !== null )
-    {
-      html += "<base href=\"" + editor.config.baseHref + "\"/>\n";
-    }
-    html += "<style title=\"table borders\">";
-    html += ".htmtableborders, .htmtableborders td, .htmtableborders th {border : 1px dashed lightgrey ! important;} \n";
-    html += "</style>\n";
-    html += "<style type=\"text/css\">";
-    html += "html, body { border: 0px; } \n";
-    html += "body { background-color: #ffffff; } \n";
-    html += "span.macro, span.macro ul, span.macro div, span.macro p {background : #CCCCCC;}\n";
-    html += "</style>\n";
-
-    if ( editor.config.pageStyle )
-    {
-      html += "<style type=\"text/css\">\n" + editor.config.pageStyle + "\n</style>";
-    }
-
-    if ( typeof editor.config.pageStyleSheets !== 'undefined' )
-    {
-      for ( var i = 0; i < editor.config.pageStyleSheets.length; i++ )
-      {
-        if ( editor.config.pageStyleSheets[i].length > 0 )
-        {
-          html += "<link rel=\"stylesheet\" type=\"text/css\" href=\"" + editor.config.pageStyleSheets[i] + "\">";
-          //html += "<style> @import url('" + editor.config.pageStyleSheets[i] + "'); </style>\n";
-        }
-      }
-    }
-    html += "</head>\n";
-    html += "<body>\n";
-    html +=   editor.inwardHtml(editor._textArea.value);
-    html += "</body>\n";
-    html += "</html>";
-  }
-  else
-  {
-    html = editor.inwardHtml(editor._textArea.value);
-    if ( html.match(Xinha.RE_doctype) )
-    {
-      editor.setDoctype(RegExp.$1);
-      html = html.replace(Xinha.RE_doctype, "");
-    }
-  }
-  doc.write(html);
-  doc.close();
-
-  this.setEditorEvents();
-};
-  
-/**
- * Delay a function until the document is ready for operations.
- * See ticket:547
- * @param {object} F (Function) The function to call once the document is ready
- * @public
- */
-Xinha.prototype.whenDocReady = function(F)
-{
-  var E = this;
-  if ( this._doc && this._doc.body )
-  {
-    F();
-  }
-  else
-  {
-    setTimeout(function() { E.whenDocReady(F); }, 50);
-  }
-};
-
-// Switches editor mode; parameter can be "textmode" or "wysiwyg".  If no
-// parameter was passed this function toggles between modes.
-Xinha.prototype.setMode = function(mode)
-{
-  var html;
-  if ( typeof mode == "undefined" )
-  {
-    mode = this._editMode == "textmode" ? "wysiwyg" : "textmode";
-  }
-  switch ( mode )
-  {
-    case "textmode":
-      html = this.outwardHtml(this.getHTML());
-      this.setHTML(html);
-
-      // Hide the iframe
-      this.deactivateEditor();
-      this._iframe.style.display   = 'none';
-      this._textArea.style.display = '';
-
-      if ( this.config.statusBar )
-      {
-        this._statusBarTree.style.display = "none";
-        this._statusBarTextMode.style.display = "";
-      }
-
-      this.notifyOf('modechange', {'mode':'text'});
-    break;
-
-    case "wysiwyg":
-      html = this.inwardHtml(this.getHTML());
-      this.deactivateEditor();
-      this.setHTML(html);
-      this._iframe.style.display   = '';
-      this._textArea.style.display = "none";
-      this.activateEditor();
-      if ( this.config.statusBar )
-      {
-        this._statusBarTree.style.display = "";
-        this._statusBarTextMode.style.display = "none";
-      }
-
-      this.notifyOf('modechange', {'mode':'wysiwyg'});
-    break;
-
-    default:
-      alert("Mode <" + mode + "> not defined!");
-      return false;
-  }
-  this._editMode = mode;
-
-  for ( var i in this.plugins )
-  {
-    var plugin = this.plugins[i].instance;
-    if ( plugin && typeof plugin.onMode == "function" )
-    {
-      plugin.onMode(mode);
-    }
-  }
-};
-
-Xinha.prototype.setFullHTML = function(html)
-{
-  var save_multiline = RegExp.multiline;
-  RegExp.multiline = true;
-  if ( html.match(Xinha.RE_doctype) )
-  {
-    this.setDoctype(RegExp.$1);
-    html = html.replace(Xinha.RE_doctype, "");
-  }
-  RegExp.multiline = save_multiline;
-  if ( !Xinha.is_ie )
-  {
-    if ( html.match(Xinha.RE_head) )
-    {
-      this._doc.getElementsByTagName("head")[0].innerHTML = RegExp.$1;
-    }
-    if ( html.match(Xinha.RE_body) )
-    {
-      this._doc.getElementsByTagName("body")[0].innerHTML = RegExp.$1;
-    }
-  }
-  else
-  {
-    var reac = this.editorIsActivated();
-    if ( reac )
-    {
-      this.deactivateEditor();
-    }
-    var html_re = /<html>((.|\n)*?)<\/html>/i;
-    html = html.replace(html_re, "$1");
-    this._doc.open("text/html","replace");
-    this._doc.write(html);
-    this._doc.close();
-    if ( reac )
-    {
-      this.activateEditor();
-    }
-    this.setEditorEvents();
-    return true;
-  }
-};
-
-Xinha.prototype.setEditorEvents = function()
-{
-  var editor=this;
-  var doc=this._doc;
-  editor.whenDocReady(
-    function()
-    {
-      // if we have multiple editors some bug in Mozilla makes some lose editing ability
-      Xinha._addEvents(
-        doc,
-        ["mousedown"],
-        function()
-        {
-          editor.activateEditor();
-          return true;
-        }
-      );
-
-      // intercept some events; for updating the toolbar & keyboard handlers
-      Xinha._addEvents(
-        doc,
-        ["keydown", "keypress", "mousedown", "mouseup", "drag"],
-        function (event)
-        {
-          return editor._editorEvent(Xinha.is_ie ? editor._iframe.contentWindow.event : event);
-        }
-      );
-
-      // check if any plugins have registered refresh handlers
-      for ( var i in editor.plugins )
-      {
-        var plugin = editor.plugins[i].instance;
-        Xinha.refreshPlugin(plugin);
-      }
-
-      // specific editor initialization
-      if ( typeof editor._onGenerate == "function" )
-      {
-        editor._onGenerate();
-      }
-
-      Xinha.addDom0Event(window, 'resize', function(e) { editor.sizeEditor(); });
-      editor.removeLoadingMessage();
-    }
-  );
-};
-  
-/***************************************************
- *  Category: PLUGINS
- ***************************************************/
-
-// Create the specified plugin and register it with this Xinha
-// return the plugin created to allow refresh when necessary
-Xinha.prototype.registerPlugin = function()
-{
-  var plugin = arguments[0];
-
-  // @todo : try to avoid the use of eval()
-  // We can only register plugins that have been succesfully loaded
-  if ( plugin === null || typeof plugin == 'undefined' || (typeof plugin == 'string' && eval('typeof ' + plugin) == 'undefined') )
-  {
-    return false;
-  }
-
-  var args = [];
-  for ( var i = 1; i < arguments.length; ++i )
-  {
-    args.push(arguments[i]);
-  }
-  return this.registerPlugin2(plugin, args);
-};
-
-// this is the variant of the function above where the plugin arguments are
-// already packed in an array.  Externally, it should be only used in the
-// full-screen editor code, in order to initialize plugins with the same
-// parameters as in the opener window.
-Xinha.prototype.registerPlugin2 = function(plugin, args)
-{
-  // @todo : try to avoid the use of eval()
-  if ( typeof plugin == "string" )
-  {
-    plugin = eval(plugin);
-  }
-  if ( typeof plugin == "undefined" )
-  {
-    /* FIXME: This should never happen. But why does it do? */
-    return false;
-  }
-  var obj = new plugin(this, args);
-  if ( obj )
-  {
-    var clone = {};
-    var info = plugin._pluginInfo;
-    for ( var i in info )
-    {
-      clone[i] = info[i];
-    }
-    clone.instance = obj;
-    clone.args = args;
-    this.plugins[plugin._pluginInfo.name] = clone;
-    return obj;
-  }
-  else
-  {
-    alert("Can't register plugin " + plugin.toString() + ".");
-  }
-};
-
-// static function that loads the required plugin and lang file, based on the
-// language loaded already for Xinha.  You better make sure that the plugin
-// _has_ that language, otherwise shit might happen ;-)
-Xinha.getPluginDir = function(pluginName)
-{
-  return _editor_url + "plugins/" + pluginName;
-};
-
-Xinha.loadPlugin = function(pluginName, callback)
-{
-  // @todo : try to avoid the use of eval()
-  // Might already be loaded
-  if ( eval('typeof ' + pluginName) != 'undefined' )
-  {
-    if ( callback )
-    {
-      callback(pluginName);
-    }
-    return true;
-  }
-
-  var dir = this.getPluginDir(pluginName);
-  var plugin = pluginName.replace(/([a-z])([A-Z])([a-z])/g, function (str, l1, l2, l3) { return l1 + "-" + l2.toLowerCase() + l3; }).toLowerCase() + ".js";
-  var plugin_file = dir + "/" + plugin;
-
-  Xinha._loadback(plugin_file, callback ? function() { callback(pluginName); } : null);
-  return false;
-};
-
-Xinha._pluginLoadStatus = {};
-Xinha._browserSpecificFunctionsLoaded = false;
-Xinha.loadPlugins = function(plugins, callbackIfNotReady)
-{
-  // Rip the ones that are loaded and look for ones that have failed
-  var retVal = true;
-  var nuPlugins = Xinha.cloneObject(plugins);
-
-  if ( !Xinha._browserSpecificFunctionsLoaded )
-  {
-        if (Xinha.is_ie)
-        {
-                Xinha._loadback(_editor_url + "functionsIE.js",callbackIfNotReady);
-        }
-        else
-        {
-                Xinha._loadback(_editor_url + "functionsMozilla.js",callbackIfNotReady);
-        }
-        return false;
-  }
-  while ( nuPlugins.length )
-  {
-    var p = nuPlugins.pop();
-    if ( typeof Xinha._pluginLoadStatus[p] == 'undefined' )
-    {
-      // Load it
-      Xinha._pluginLoadStatus[p] = 'loading';
-      Xinha.loadPlugin(p,
-        function(plugin)
-        {
-          // @todo : try to avoid the use of eval()
-          if ( eval('typeof ' + plugin) != 'undefined' )
-          {
-            Xinha._pluginLoadStatus[plugin] = 'ready';
-          }
-          else
-          {
-            // Actually, this won't happen, because if the script fails
-            // it will throw an exception preventing the callback from
-            // running.  This will leave it always in the "loading" state
-            // unfortunatly that means we can't fail plugins gracefully
-            // by just skipping them.
-            Xinha._pluginLoadStatus[plugin] = 'failed';
-          }
-        }
-      );
-      retVal = false;
-    }
-    else
-    {
-      // @todo: a simple (if) would not be better than this tortuous (switch) structure ?
-      // if ( Xinha._pluginLoadStatus[p] !== 'failed' && Xinha._pluginLoadStatus[p] !== 'ready' )
-      // {
-      //   retVal = false;
-      // }
-      switch ( Xinha._pluginLoadStatus[p] )
-      {
-        case 'failed':
-        case 'ready' :
-        break;
-
-        //case 'loading':
-        default       :
-         retVal = false;
-       break;
-      }
-    }
-  }
-
-  // All done, just return
-  if ( retVal )
-  {
-    return true;
-  } 
-
-  // Waiting on plugins to load, return false now and come back a bit later
-  // if we have to callback
-  if ( callbackIfNotReady )
-  {
-    setTimeout(function() { if ( Xinha.loadPlugins(plugins, callbackIfNotReady) ) { callbackIfNotReady(); } }, 150);
-  }
-  return retVal;
-};
-
-// refresh plugin by calling onGenerate or onGenerateOnce method.
-Xinha.refreshPlugin = function(plugin)
-{
-  if ( plugin && typeof plugin.onGenerate == "function" )
-  {
-    plugin.onGenerate();
-  }
-  if ( plugin && typeof plugin.onGenerateOnce == "function" )
-  {
-    plugin.onGenerateOnce();
-    plugin.onGenerateOnce = null;
-  }
-};
-
-Xinha.loadStyle = function(style, plugin)
-{
-  var url = _editor_url || '';
-  if ( typeof plugin != "undefined" )
-  {
-    url += "plugins/" + plugin + "/";
-  }
-  url += style;
-  // @todo: would not it be better to check the first character instead of a regex ?
-  // if ( typeof style == 'string' && style.charAt(0) == '/' )
-  // {
-  //   url = style;
-  // }
-  if ( /^\//.test(style) )
-  {
-    url = style;
-  }
-  var head = document.getElementsByTagName("head")[0];
-  var link = document.createElement("link");
-  link.rel = "stylesheet";
-  link.href = url;
-  head.appendChild(link);
-  //document.write("<style type='text/css'>@import url(" + url + ");</style>");
-};
-Xinha.loadStyle(typeof _editor_css == "string" ? _editor_css : "Xinha.css");
-
-/***************************************************
- *  Category: EDITOR UTILITIES
- ***************************************************/
-
-Xinha.prototype.debugTree = function()
-{
-  var ta = document.createElement("textarea");
-  ta.style.width = "100%";
-  ta.style.height = "20em";
-  ta.value = "";
-  function debug(indent, str)
-  {
-    for ( ; --indent >= 0; )
-    {
-      ta.value += " ";
-    }
-    ta.value += str + "\n";
-  }
-  function _dt(root, level)
-  {
-    var tag = root.tagName.toLowerCase(), i;
-    var ns = Xinha.is_ie ? root.scopeName : root.prefix;
-    debug(level, "- " + tag + " [" + ns + "]");
-    for ( i = root.firstChild; i; i = i.nextSibling )
-    {
-      if ( i.nodeType == 1 )
-      {
-        _dt(i, level + 2);
-      }
-    }
-  }
-  _dt(this._doc.body, 0);
-  document.body.appendChild(ta);
-};
-
-Xinha.getInnerText = function(el)
-{
-  var txt = '', i;
-  for ( i = el.firstChild; i; i = i.nextSibling )
-  {
-    if ( i.nodeType == 3 )
-    {
-      txt += i.data;
-    }
-    else if ( i.nodeType == 1 )
-    {
-      txt += Xinha.getInnerText(i);
-    }
-  }
-  return txt;
-};
-
-Xinha.prototype._wordClean = function()
-{
-  var editor = this;
-  var stats =
-  {
-    empty_tags : 0,
-    mso_class  : 0,
-    mso_style  : 0,
-    mso_xmlel  : 0,
-    orig_len   : this._doc.body.innerHTML.length,
-    T          : (new Date()).getTime()
-  };
-  var stats_txt =
-  {
-    empty_tags : "Empty tags removed: ",
-    mso_class  : "MSO class names removed: ",
-    mso_style  : "MSO inline style removed: ",
-    mso_xmlel  : "MSO XML elements stripped: "
-  };
-
-  function showStats()
-  {
-    var txt = "Xinha word cleaner stats: \n\n";
-    for ( var i in stats )
-    {
-      if ( stats_txt[i] )
-      {
-        txt += stats_txt[i] + stats[i] + "\n";
-      }
-    }
-    txt += "\nInitial document length: " + stats.orig_len + "\n";
-    txt += "Final document length: " + editor._doc.body.innerHTML.length + "\n";
-    txt += "Clean-up took " + (((new Date()).getTime() - stats.T) / 1000) + " seconds";
-    alert(txt);
-  }
-
-  function clearClass(node)
-  {
-    var newc = node.className.replace(/(^|\s)mso.*?(\s|$)/ig, ' ');
-    if ( newc != node.className )
-    {
-      node.className = newc;
-      if ( ! ( /\S/.test(node.className) ) )
-      {
-        node.removeAttribute("className");
-        ++stats.mso_class;
-      }
-    }
-  }
-
-  function clearStyle(node)
-  {
-    var declarations = node.style.cssText.split(/\s*;\s*/);
-    for ( var i = declarations.length; --i >= 0; )
-    {
-      if ( ( /^mso|^tab-stops/i.test(declarations[i]) ) || ( /^margin\s*:\s*0..\s+0..\s+0../i.test(declarations[i]) ) )
-      {
-        ++stats.mso_style;
-        declarations.splice(i, 1);
-      }
-    }
-    node.style.cssText = declarations.join("; ");
-  }
-
-  var stripTag = null;
-  if ( Xinha.is_ie )
-  {
-    stripTag = function(el)
-    {
-      el.outerHTML = Xinha.htmlEncode(el.innerText);
-      ++stats.mso_xmlel;
-    };
-  }
-  else
-  {
-    stripTag = function(el)
-    {
-      var txt = document.createTextNode(Xinha.getInnerText(el));
-      el.parentNode.insertBefore(txt, el);
-      Xinha.removeFromParent(el);
-      ++stats.mso_xmlel;
-    };
-  }
-
-  function checkEmpty(el)
-  {
-    // @todo : check if this is quicker
-    //  if (!['A','SPAN','B','STRONG','I','EM','FONT'].contains(el.tagName) && !el.firstChild)
-    if ( /^(a|span|b|strong|i|em|font)$/i.test(el.tagName) && !el.firstChild)
-    {
-      Xinha.removeFromParent(el);
-      ++stats.empty_tags;
-    }
-  }
-
-  function parseTree(root)
-  {
-    var tag = root.tagName.toLowerCase(), i, next;
-    // @todo : probably better to use String.indexOf() instead of this ugly regex
-    // if ((Xinha.is_ie && root.scopeName != 'HTML') || (!Xinha.is_ie && tag.indexOf(':') !== -1)) {
-    if ( ( Xinha.is_ie && root.scopeName != 'HTML' ) || ( !Xinha.is_ie && ( /:/.test(tag) ) ) )
-    {
-      stripTag(root);
-      return false;
-    }
-    else
-    {
-      clearClass(root);
-      clearStyle(root);
-      for ( i = root.firstChild; i; i = next )
-      {
-        next = i.nextSibling;
-        if ( i.nodeType == 1 && parseTree(i) )
-        {
-          checkEmpty(i);
-        }
-      }
-    }
-    return true;
-  }
-  parseTree(this._doc.body);
-  // showStats();
-  // this.debugTree();
-  // this.setHTML(this.getHTML());
-  // this.setHTML(this.getInnerHTML());
-  // this.forceRedraw();
-  this.updateToolbar();
-};
-
-Xinha.prototype._clearFonts = function()
-{
-  var D = this.getInnerHTML();
-
-  if ( confirm(Xinha._lc("Would you like to clear font typefaces?")) )
-  {
-    D = D.replace(/face="[^"]*"/gi, '');
-    D = D.replace(/font-family:[^;}"']+;?/gi, '');
-  }
-
-  if ( confirm(Xinha._lc("Would you like to clear font sizes?")) )
-  {
-    D = D.replace(/size="[^"]*"/gi, '');
-    D = D.replace(/font-size:[^;}"']+;?/gi, '');
-  }
-
-  if ( confirm(Xinha._lc("Would you like to clear font colours?")) )
-  {
-    D = D.replace(/color="[^"]*"/gi, '');
-    D = D.replace(/([^-])color:[^;}"']+;?/gi, '$1');
-  }
-
-  D = D.replace(/(style|class)="\s*"/gi, '');
-  D = D.replace(/<(font|span)\s*>/gi, '');
-  this.setHTML(D);
-  this.updateToolbar();
-};
-
-Xinha.prototype._splitBlock = function()
-{
-  this._doc.execCommand('formatblock', false, 'div');
-};
-
-Xinha.prototype.forceRedraw = function()
-{
-  this._doc.body.style.visibility = "hidden";
-  this._doc.body.style.visibility = "visible";
-  // this._doc.body.innerHTML = this.getInnerHTML();
-};
-
-// focuses the iframe window.  returns a reference to the editor document.
-Xinha.prototype.focusEditor = function()
-{
-  switch (this._editMode)
-  {
-    // notice the try { ... } catch block to avoid some rare exceptions in FireFox
-    // (perhaps also in other Gecko browsers). Manual focus by user is required in
-    // case of an error. Somebody has an idea?
-    case "wysiwyg" :
-      try
-      {
-        // We don't want to focus the field unless at least one field has been activated.
-        if ( Xinha._someEditorHasBeenActivated )
-        {
-          this.activateEditor(); // Ensure *this* editor is activated
-          this._iframe.contentWindow.focus(); // and focus it
-        }
-      } catch (ex) {}
-    break;
-    case "textmode":
-      try
-      {
-        this._textArea.focus();
-      } catch (e) {}
-    break;
-    default:
-      alert("ERROR: mode " + this._editMode + " is not defined");
-  }
-  return this._doc;
-};
-
-// takes a snapshot of the current text (for undo)
-Xinha.prototype._undoTakeSnapshot = function()
-{
-  ++this._undoPos;
-  if ( this._undoPos >= this.config.undoSteps )
-  {
-    // remove the first element
-    this._undoQueue.shift();
-    --this._undoPos;
-  }
-  // use the fasted method (getInnerHTML);
-  var take = true;
-  var txt = this.getInnerHTML();
-  if ( this._undoPos > 0 )
-  {
-    take = (this._undoQueue[this._undoPos - 1] != txt);
-  }
-  if ( take )
-  {
-    this._undoQueue[this._undoPos] = txt;
-  }
-  else
-  {
-    this._undoPos--;
-  }
-};
-
-Xinha.prototype.undo = function()
-{
-  if ( this._undoPos > 0 )
-  {
-    var txt = this._undoQueue[--this._undoPos];
-    if ( txt )
-    {
-      this.setHTML(txt);
-    }
-    else
-    {
-      ++this._undoPos;
-    }
-  }
-};
-
-Xinha.prototype.redo = function()
-{
-  if ( this._undoPos < this._undoQueue.length - 1 )
-  {
-    var txt = this._undoQueue[++this._undoPos];
-    if ( txt )
-    {
-      this.setHTML(txt);
-    }
-    else
-    {
-      --this._undoPos;
-    }
-  }
-};
-
-Xinha.prototype.disableToolbar = function(except)
-{
-  if ( this._timerToolbar )
-  {
-    clearTimeout(this._timerToolbar);
-  }
-  if ( typeof except == 'undefined' )
-  {
-    except = [ ];
-  }
-  else if ( typeof except != 'object' )
-  {
-    except = [except];
-  }
-
-  for ( var i in this._toolbarObjects )
-  {
-    var btn = this._toolbarObjects[i];
-    if ( except.contains(i) )
-    {
-      continue;
-    }
-    // prevent iterating over wrong type
-    if ( typeof(btn.state) != 'function' )
-    {
-      continue;
-    }
-    btn.state("enabled", false);
-  }
-};
-
-Xinha.prototype.enableToolbar = function()
-{
-  this.updateToolbar();
-};
-
-if ( !Array.prototype.contains )
-{
-  Array.prototype.contains = function(needle)
-  {
-    var haystack = this;
-    for ( var i = 0; i < haystack.length; i++ )
-    {
-      if ( needle == haystack[i] )
-      {
-        return true;
-      }
-    }
-    return false;
-  };
-}
-
-if ( !Array.prototype.indexOf )
-{
-  Array.prototype.indexOf = function(needle)
-  {
-    var haystack = this;
-    for ( var i = 0; i < haystack.length; i++ )
-    {
-      if ( needle == haystack[i] )
-      {
-        return i;
-      }
-    }
-    return null;
-  };
-}
-
-// FIXME : this function needs to be splitted in more functions.
-// It is actually to heavy to be understable and very scary to manipulate
-// updates enabled/disable/active state of the toolbar elements
-Xinha.prototype.updateToolbar = function(noStatus)
-{
-  var doc = this._doc;
-  var text = (this._editMode == "textmode");
-  var ancestors = null;
-  if ( !text )
-  {
-    ancestors = this.getAllAncestors();
-    if ( this.config.statusBar && !noStatus )
-    {
-      this._statusBarTree.innerHTML = Xinha._lc("Path") + ": "; // clear
-      for ( var i = ancestors.length; --i >= 0; )
-      {
-        var el = ancestors[i];
-        if ( !el )
-        {
-          // hell knows why we get here; this
-          // could be a classic example of why
-          // it's good to check for conditions
-          // that are impossible to happen ;-)
-          continue;
-        }
-        var a = document.createElement("a");
-        a.href = "javascript:void(0)";
-        a.el = el;
-        a.editor = this;
-        Xinha.addDom0Event(
-          a,
-          'click',
-          function() {
-            this.blur();
-            this.editor.selectNodeContents(this.el);
-            this.editor.updateToolbar(true);
-            return false;
-          }
-        );
-        Xinha.addDom0Event(
-          a,
-          'contextmenu',
-          function()
-          {
-            // TODO: add context menu here
-            this.blur();
-            var info = "Inline style:\n\n";
-            info += this.el.style.cssText.split(/;\s*/).join(";\n");
-            alert(info);
-            return false;
-          }
-        );
-        var txt = el.tagName.toLowerCase();
-        if (typeof el.style != 'undefined') a.title = el.style.cssText;
-        if ( el.id )
-        {
-          txt += "#" + el.id;
-        }
-        if ( el.className )
-        {
-          txt += "." + el.className;
-        }
-        a.appendChild(document.createTextNode(txt));
-        this._statusBarTree.appendChild(a);
-        if ( i !== 0 )
-        {
-          this._statusBarTree.appendChild(document.createTextNode(String.fromCharCode(0xbb)));
-        }
-      }
-    }
-  }
-
-  for ( var cmd in this._toolbarObjects )
-  {
-    var btn = this._toolbarObjects[cmd];
-    var inContext = true;
-    // prevent iterating over wrong type
-    if ( typeof(btn.state) != 'function' )
-    {
-      continue;
-    }
-    if ( btn.context && !text )
-    {
-      inContext = false;
-      var context = btn.context;
-      var attrs = [];
-      if ( /(.*)\[(.*?)\]/.test(context) )
-      {
-        context = RegExp.$1;
-        attrs = RegExp.$2.split(",");
-      }
-      context = context.toLowerCase();
-      var match = (context == "*");
-      for ( var k = 0; k < ancestors.length; ++k )
-      {
-        if ( !ancestors[k] )
-        {
-          // the impossible really happens.
-          continue;
-        }
-        if ( match || ( ancestors[k].tagName.toLowerCase() == context ) )
-        {
-          inContext = true;
-          for ( var ka = 0; ka < attrs.length; ++ka )
-          {
-            if (!ancestors[k].getAttribute(attrs[ka]))
-            {
-              inContext = false;
-              break;
-            }
-          }
-          if ( inContext )
-          {
-            break;
-          }
-        }
-      }
-    }
-    btn.state("enabled", (!text || btn.text) && inContext);
-    if ( typeof cmd == "function" )
-    {
-      continue;
-    }
-    // look-it-up in the custom dropdown boxes
-    var dropdown = this.config.customSelects[cmd];
-    if ( ( !text || btn.text ) && ( typeof dropdown != "undefined" ) )
-    {
-      dropdown.refresh(this);
-      continue;
-    }
-    switch (cmd)
-    {
-      case "fontname":
-      case "fontsize":
-        if ( !text )
-        {
-          try
-          {
-            var value = ("" + doc.queryCommandValue(cmd)).toLowerCase();
-            if ( !value )
-            {
-              btn.element.selectedIndex = 0;
-              break;
-            }
-
-            // HACK -- retrieve the config option for this
-            // combo box.  We rely on the fact that the
-            // variable in config has the same name as
-            // button name in the toolbar.
-            var options = this.config[cmd];
-            var sIndex = 0;
-            for ( var j in options )
-            {
-            // FIXME: the following line is scary.
-              if ( ( j.toLowerCase() == value ) || ( options[j].substr(0, value.length).toLowerCase() == value ) )
-              {
-                btn.element.selectedIndex = sIndex;
-                throw "ok";
-              }
-              ++sIndex;
-            }
-            btn.element.selectedIndex = 0;
-          } catch(ex) {}
-        }
-      break;
-
-      // It's better to search for the format block by tag name from the
-      //  current selection upwards, because IE has a tendancy to return
-      //  things like 'heading 1' for 'h1', which breaks things if you want
-      //  to call your heading blocks 'header 1'.  Stupid MS.
-      case "formatblock":
-        var blocks = [];
-        for ( var indexBlock in this.config.formatblock )
-        {
-          // prevent iterating over wrong type
-          if ( typeof this.config.formatblock[indexBlock] == 'string' )
-          {
-            blocks[blocks.length] = this.config.formatblock[indexBlock];
-          }
-        }
-
-        var deepestAncestor = this._getFirstAncestor(this._getSelection(), blocks);
-        if ( deepestAncestor )
-        {
-          for ( var x = 0; x < blocks.length; x++ )
-          {
-            if ( blocks[x].toLowerCase() == deepestAncestor.tagName.toLowerCase() )
-            {
-              btn.element.selectedIndex = x;
-            }
-          }
-        }
-        else
-        {
-          btn.element.selectedIndex = 0;
-        }
-      break;
-
-      case "textindicator":
-        if ( !text )
-        {
-          try
-          {
-            var style = btn.element.style;
-            style.backgroundColor = Xinha._makeColor(doc.queryCommandValue(Xinha.is_ie ? "backcolor" : "hilitecolor"));
-            if ( /transparent/i.test(style.backgroundColor) )
-            {
-              // Mozilla
-              style.backgroundColor = Xinha._makeColor(doc.queryCommandValue("backcolor"));
-            }
-            style.color = Xinha._makeColor(doc.queryCommandValue("forecolor"));
-            style.fontFamily = doc.queryCommandValue("fontname");
-            style.fontWeight = doc.queryCommandState("bold") ? "bold" : "normal";
-            style.fontStyle = doc.queryCommandState("italic") ? "italic" : "normal";
-          } catch (ex) {
-            // alert(e + "\n\n" + cmd);
-          }
-        }
-      break;
-
-      case "htmlmode":
-        btn.state("active", text);
-      break;
-
-      case "lefttoright":
-      case "righttoleft":
-        var eltBlock = this.getParentElement();
-        while ( eltBlock && !Xinha.isBlockElement(eltBlock) )
-        {
-          eltBlock = eltBlock.parentNode;
-        }
-        if ( eltBlock )
-        {
-          btn.state("active", (eltBlock.style.direction == ((cmd == "righttoleft") ? "rtl" : "ltr")));
-        }
-      break;
-
-      default:
-        cmd = cmd.replace(/(un)?orderedlist/i, "insert$1orderedlist");
-        try
-        {
-          btn.state("active", (!text && doc.queryCommandState(cmd)));
-        } catch (ex) {}
-      break;
-    }
-  }
-  // take undo snapshots
-  if ( this._customUndo && !this._timerUndo )
-  {
-    this._undoTakeSnapshot();
-    var editor = this;
-    this._timerUndo = setTimeout(function() { editor._timerUndo = null; }, this.config.undoTimeout);
-  }
-
-  // Insert a space in certain locations, this is just to make editing a little
-  // easier (to "get out of" tags), it's not essential.
-  // TODO: Make this work for IE?
-  // TODO: Perhaps should use a plain space character, I'm not sure.
-  //  OK, I've disabled this temporarily, to be honest, I can't rightly remember what the
-  //  original problem was I was trying to solve with it.  I think perhaps that EnterParagraphs
-  //  might solve the problem, whatever the hell it was.  I'm going senile, I'm sure.
-  // @todo : since this part is disabled since a long time, does it still need to be in the source ?
-  if( 0 && Xinha.is_gecko )
-  {
-    var s = this._getSelection();
-    // If the last character in the last text node of the parent tag
-    // and the parent tag is not a block tag
-    if ( s && s.isCollapsed && s.anchorNode &&
-         s.anchorNode.parentNode.tagName.toLowerCase() != 'body' &&
-         s.anchorNode.nodeType == 3 && s.anchorOffset == s.anchorNode.length &&
-         !( s.anchorNode.parentNode.nextSibling && s.anchorNode.parentNode.nextSibling.nodeType == 3 ) &&
-         !Xinha.isBlockElement(s.anchorNode.parentNode) )
-    {
-      // Insert hair-width-space after the close tag if there isn't another text node on the other side
-      // It could also work with zero-width-space (\u200B) but I don't like it so much.
-      // Perhaps this won't work well in various character sets and we should use plain space (20)?
-      try
-      {
-        s.anchorNode.parentNode.parentNode.insertBefore(this._doc.createTextNode('\t'), s.anchorNode.parentNode.nextSibling);
-      }
-      catch(ex) {} // Disregard
-    }
-  }
-
-  // check if any plugins have registered refresh handlers
-  for ( var indexPlugin in this.plugins )
-  {
-    var plugin = this.plugins[indexPlugin].instance;
-    if ( plugin && typeof plugin.onUpdateToolbar == "function" )
-    {
-      plugin.onUpdateToolbar();
-    }
-  }
-
-};
-
-
-// moved Xinha.prototype.insertNodeAtSelection() to browser specific file
-// moved Xinha.prototype.getParentElement() to browser specific file
-
-// Returns an array with all the ancestor nodes of the selection.
-Xinha.prototype.getAllAncestors = function()
-{
-  var p = this.getParentElement();
-  var a = [];
-  while ( p && (p.nodeType == 1) && ( p.tagName.toLowerCase() != 'body' ) )
-  {
-    a.push(p);
-    p = p.parentNode;
-  }
-  a.push(this._doc.body);
-  return a;
-};
-
-// Returns the deepest ancestor of the selection that is of the current type
-Xinha.prototype._getFirstAncestor = function(sel, types)
-{
-  var prnt = this._activeElement(sel);
-  if ( prnt === null )
-  {
-    try
-    {
-      prnt = (Xinha.is_ie ? this._createRange(sel).parentElement() : this._createRange(sel).commonAncestorContainer);
-    }
-    catch(ex)
-    {
-      return null;
-    }
-  }
-
-  if ( typeof types == 'string' )
-  {
-    types = [types];
-  }
-
-  while ( prnt )
-  {
-    if ( prnt.nodeType == 1 )
-    {
-      if ( types === null )
-      {
-        return prnt;
-      }
-      if ( types.contains(prnt.tagName.toLowerCase()) )
-      {
-        return prnt;
-      }
-      if ( prnt.tagName.toLowerCase() == 'body' )
-      {
-        break;
-      }
-      if ( prnt.tagName.toLowerCase() == 'table' )
-      {
-        break;
-      }
-    }
-    prnt = prnt.parentNode;
-  }
-
-  return null;
-};
-
-// moved Xinha.prototype._activeElement() to browser specific file
-// moved Xinha.prototype._selectionEmpty() to browser specific file
-
-Xinha.prototype._getAncestorBlock = function(sel)
-{
-  // Scan upwards to find a block level element that we can change or apply to
-  var prnt = (Xinha.is_ie ? this._createRange(sel).parentElement : this._createRange(sel).commonAncestorContainer);
-
-  while ( prnt && ( prnt.nodeType == 1 ) )
-  {
-    switch ( prnt.tagName.toLowerCase() )
-    {
-      case 'div':
-      case 'p':
-      case 'address':
-      case 'blockquote':
-      case 'center':
-      case 'del':
-      case 'ins':
-      case 'pre':
-      case 'h1':
-      case 'h2':
-      case 'h3':
-      case 'h4':
-      case 'h5':
-      case 'h6':
-      case 'h7':
-        // Block Element
-        return prnt;
-
-      case 'body':
-      case 'noframes':
-      case 'dd':
-      case 'li':
-      case 'th':
-      case 'td':
-      case 'noscript' :
-        // Halting element (stop searching)
-        return null;
-
-      default:
-        // Keep lookin
-        break;
-    }
-  }
-
-  return null;
-};
-
-Xinha.prototype._createImplicitBlock = function(type)
-{
-  // expand it until we reach a block element in either direction
-  // then wrap the selection in a block and return
-  var sel = this._getSelection();
-  if ( Xinha.is_ie )
-  {
-    sel.empty();
-  }
-  else
-  {
-    sel.collapseToStart();
-  }
-
-  var rng = this._createRange(sel);
-
-  // Expand UP
-
-  // Expand DN
-};
-
-
-// moved Xinha.prototype.selectNodeContents() to browser specific file
-// moved Xinha.prototype.insertHTML() to browser specific file
-
-/**
- *  Call this function to surround the existing HTML code in the selection with
- *  your tags.  FIXME: buggy!  This function will be deprecated "soon".
- * @todo: when will it be deprecated ? Can it be removed already ?
- */
-Xinha.prototype.surroundHTML = function(startTag, endTag)
-{
-  var html = this.getSelectedHTML();
-  // the following also deletes the selection
-  this.insertHTML(startTag + html + endTag);
-};
-
-// moved  Xinha.prototype.getSelectedHTML() to browser specific file
-
-/// Return true if we have some selection
-Xinha.prototype.hasSelectedText = function()
-{
-  // FIXME: come _on_ mishoo, you can do better than this ;-)
-  return this.getSelectedHTML() !== '';
-};
-
-// moved Xinha.prototype._createLink() to popups/link.js
-// moved Xinha.prototype._insertImage() to popups/insert_image.js
-
-// Called when the user clicks the Insert Table button
-Xinha.prototype._insertTable = function()
-{
-  var sel = this._getSelection();
-  var range = this._createRange(sel);
-  var editor = this;    // for nested functions
-  this._popupDialog(
-    editor.config.URIs.insert_table,
-    function(param)
-    {
-      // user must have pressed Cancel
-      if ( !param )
-      {
-        return false;
-      }
-      var doc = editor._doc;
-      // create the table element
-      var table = doc.createElement("table");
-      // assign the given arguments
-
-      for ( var field in param )
-      {
-        var value = param[field];
-        if ( !value )
-        {
-          continue;
-        }
-        switch (field)
-        {
-          case "f_width":
-            table.style.width = value + param.f_unit;
-          break;
-          case "f_align":
-            table.align = value;
-          break;
-          case "f_border":
-            table.border = parseInt(value, 10);
-          break;
-          case "f_spacing":
-            table.cellSpacing = parseInt(value, 10);
-          break;
-          case "f_padding":
-            table.cellPadding = parseInt(value, 10);
-          break;
-        }
-      }
-      var cellwidth = 0;
-      if ( param.f_fixed )
-      {
-        cellwidth = Math.floor(100 / parseInt(param.f_cols, 10));
-      }
-      var tbody = doc.createElement("tbody");
-      table.appendChild(tbody);
-      for ( var i = 0; i < param.f_rows; ++i )
-      {
-        var tr = doc.createElement("tr");
-        tbody.appendChild(tr);
-        for ( var j = 0; j < param.f_cols; ++j )
-        {
-          var td = doc.createElement("td");
-          // @todo : check if this line doesnt stop us to use pixel width in cells
-          if (cellwidth)
-          {
-            td.style.width = cellwidth + "%";
-          }
-          tr.appendChild(td);
-          // Browsers like to see something inside the cell (&nbsp;).
-          td.appendChild(doc.createTextNode('\u00a0'));
-        }
-      }
-      if ( Xinha.is_ie )
-      {
-        range.pasteHTML(table.outerHTML);
-      }
-      else
-      {
-        // insert the table
-        editor.insertNodeAtSelection(table);
-      }
-      return true;
-    },
-    null
-  );
-};
-
-/***************************************************
- *  Category: EVENT HANDLERS
- ***************************************************/
-
-// el is reference to the SELECT object
-// txt is the name of the select field, as in config.toolbar
-Xinha.prototype._comboSelected = function(el, txt)
-{
-  this.focusEditor();
-  var value = el.options[el.selectedIndex].value;
-  switch (txt)
-  {
-    case "fontname":
-    case "fontsize":
-      this.execCommand(txt, false, value);
-    break;
-    case "formatblock":
-      // Mozilla inserts an empty tag (<>) if no parameter is passed  
-      if ( !value )
-      {
-        this.updateToolbar();
-        break;
-      }
-      if( !Xinha.is_gecko || value !== 'blockquote' )
-      {
-        value = "<" + value + ">";
-      }
-      this.execCommand(txt, false, value);
-    break;
-    default:
-      // try to look it up in the registered dropdowns
-      var dropdown = this.config.customSelects[txt];
-      if ( typeof dropdown != "undefined" )
-      {
-        dropdown.action(this);
-      }
-      else
-      {
-        alert("FIXME: combo box " + txt + " not implemented");
-      }
-    break;
-  }
-};
-
-/**
- * Open a popup to select the hilitecolor or forecolor
- *
- * @param {String} cmdID The commande ID (hilitecolor or forecolor)
- * @private
- */
-Xinha.prototype._colorSelector = function(cmdID)
-{
-  var editor = this;    // for nested functions
-  
-  if ( typeof colorPicker == 'undefined' )
-  {
-    Xinha._loadback(_editor_url + 'popups/color_picker.js', function () {editor._colorSelector(cmdID)});
-    return false;
-  }
-  
-  var btn = editor._toolbarObjects[cmdID].element;
-  var initcolor;
-  if ( cmdID == 'hilitecolor' )
-  {
-    if ( Xinha.is_ie )
-    {
-      cmdID = 'backcolor';
-      initcolor = Xinha._colorToRgb(editor._doc.queryCommandValue("backcolor"));
-    }
-    else
-    {
-      initcolor = Xinha._colorToRgb(editor._doc.queryCommandValue("hilitecolor"));
-    }
-    // @todo : useCSS is deprecated, see ticket #619
-    //[wymsy]: mozilla bug #279330 has been fixed, I don't think we need this any more
-  /*  if ( Xinha.is_gecko )
-    {
-      try
-      {
-     //   editor._doc.execCommand('useCSS', false, false); //switch on useCSS (mozilla bug #279330)
-      } catch (ex) {}
-    }*/
-  }
-  else
-  {
-        initcolor = Xinha._colorToRgb(editor._doc.queryCommandValue("forecolor"));
-  }
-  var cback = function(color) { editor._doc.execCommand(cmdID, false, color); };
-  if ( Xinha.is_ie )
-  {
-    var range = editor._createRange(editor._getSelection());
-    cback = function(color)
-    {
-      range.select();
-      editor._doc.execCommand(cmdID, false, color);
-    };
-  }
-  var picker = new colorPicker(
-  {
-        cellsize:editor.config.colorPickerCellSize,
-        callback:cback,
-        granularity:editor.config.colorPickerGranularity,
-        websafe:editor.config.colorPickerWebSafe,
-        savecolors:editor.config.colorPickerSaveColors
-  });
-  picker.open(editor.config.colorPickerPosition, btn, initcolor);
-};
-
-// the execCommand function (intercepts some commands and replaces them with
-// our own implementation)
-Xinha.prototype.execCommand = function(cmdID, UI, param)
-{
-  var editor = this;    // for nested functions
-  this.focusEditor();
-  cmdID = cmdID.toLowerCase();
-  // @todo : useCSS is deprecated, see ticket #619
-  if ( Xinha.is_gecko )
-  {
-    try
-    {
-      this._doc.execCommand('useCSS', false, true); //switch useCSS off (true=off)
-    } catch (ex) {}
-  }
-  switch (cmdID)
-  {
-    case "htmlmode":
-      this.setMode();
-    break;
-
-    case "hilitecolor":
-    case "forecolor":
-      this._colorSelector(cmdID);
-    break;
-
-    case "createlink":
-      this._createLink();
-    break;
-
-    case "undo":
-    case "redo":
-      if (this._customUndo)
-      {
-        this[cmdID]();
-      }
-      else
-      {
-        this._doc.execCommand(cmdID, UI, param);
-      }
-    break;
-
-    case "inserttable":
-      this._insertTable();
-    break;
-
-    case "insertimage":
-      this._insertImage();
-    break;
-
-    case "about":
-      this._popupDialog(editor.config.URIs.about, null, this);
-    break;
-
-    case "showhelp":
-      this._popupDialog(editor.config.URIs.help, null, this);
-    break;
-
-    case "killword":
-      this._wordClean();
-    break;
-
-    case "cut":
-    case "copy":
-    case "paste":
-    try
-    {
-      this._doc.execCommand(cmdID, UI, param);
-      if ( this.config.killWordOnPaste )
-      {
-        this._wordClean();
-      }
-    }
-    catch (ex)
-    {
-      if ( Xinha.is_gecko )
-      {
-        alert(Xinha._lc("The Paste button does not work in Mozilla based web browsers (technical security reasons). Press CTRL-V on your keyboard to paste directly."));
-      }
-    }
-    break;
-    case "lefttoright":
-    case "righttoleft":
-      if (this.config.changeJustifyWithDirection) 
-      {
-        this._doc.execCommand((cmdID == "righttoleft") ? "justifyright" : "justifyleft", UI, param);
-      }
-      var dir = (cmdID == "righttoleft") ? "rtl" : "ltr";
-      var el = this.getParentElement();
-      while ( el && !Xinha.isBlockElement(el) )
-      {
-        el = el.parentNode;
-      }
-      if ( el )
-      {
-        if ( el.style.direction == dir )
-        {
-          el.style.direction = "";
-        }
-        else
-        {
-          el.style.direction = dir;
-        }
-      }
-    break;
-    default:
-      try
-      {
-        this._doc.execCommand(cmdID, UI, param);
-      }
-      catch(ex)
-      {
-        if ( this.config.debug )
-        {
-          alert(e + "\n\nby execCommand(" + cmdID + ");");
-        }
-      }
-    break;
-  }
-
-  this.updateToolbar();
-  return false;
-};
-
-/** A generic event handler for things that happen in the IFRAME's document.
- * @todo: this function is *TOO* generic, it needs to be splitted in more specific handlers
- * This function also handles key bindings. */
-Xinha.prototype._editorEvent = function(ev)
-{
-  var editor = this;
-  var keyEvent = (Xinha.is_ie && ev.type == "keydown") || (!Xinha.is_ie && ev.type == "keypress");
-
-  //call events of textarea
-  if ( typeof editor._textArea['on'+ev.type] == "function" )
-  {
-    editor._textArea['on'+ev.type]();
-  }
-
-  if ( Xinha.is_gecko && keyEvent && ev.ctrlKey &&  this._unLink && this._unlinkOnUndo )
-  {
-    if ( String.fromCharCode(ev.charCode).toLowerCase() == 'z' )
-    {
-      Xinha._stopEvent(ev);
-      this._unLink();
-      editor.updateToolbar();
-      return;
-    }
-  }
-
-  if ( keyEvent )
-  {
-    for ( var i in editor.plugins )
-    {
-      var plugin = editor.plugins[i].instance;
-      if ( plugin && typeof plugin.onKeyPress == "function" )
-      {
-        if ( plugin.onKeyPress(ev) )
-        {
-          return false;
-        }
-      }
-    }
-  }
-
-  if ( keyEvent && ev.ctrlKey && !ev.altKey )
-  {
-        this._shortCuts(ev);
-  }
-  else if ( keyEvent && Xinha.is_gecko )
-  {
-    this.mozKey( ev, keyEvent );
-  }
-
-  // update the toolbar state after some time
-  if ( editor._timerToolbar )
-  {
-    clearTimeout(editor._timerToolbar);
-  }
-  editor._timerToolbar = setTimeout(
-    function()
-    {
-      editor.updateToolbar();
-      editor._timerToolbar = null;
-    },
-    250);
-};
-
-// handles ctrl + key shortcuts 
-Xinha.prototype._shortCuts = function (ev)
-{
-  var editor = this;
-  var sel = null;
-  var range = null;
-  var key = String.fromCharCode(Xinha.is_ie ? ev.keyCode : ev.charCode).toLowerCase();
-  var cmd = null;
-  var value = null;
-  switch (key)
-  {
-    case 'a':
-    if ( !Xinha.is_ie )
-    {
-      // KEY select all
-      sel = this._getSelection();
-      sel.removeAllRanges();
-      range = this._createRange();
-      range.selectNodeContents(this._doc.body);
-      sel.addRange(range);
-      Xinha._stopEvent(ev);
-    }
-    break;
-
-    // simple key commands follow
-
-    case 'b': cmd = "bold"; break;
-    case 'i': cmd = "italic"; break;
-    case 'u': cmd = "underline"; break;
-    case 's': cmd = "strikethrough"; break;
-    case 'l': cmd = "justifyleft"; break;
-    case 'e': cmd = "justifycenter"; break;
-    case 'r': cmd = "justifyright"; break;
-    case 'j': cmd = "justifyfull"; break;
-    case 'z': cmd = "undo"; break;
-    case 'y': cmd = "redo"; break;
-    case 'v':
-    if ( Xinha.is_ie || editor.config.htmlareaPaste )
-    {
-      cmd = "paste";
-    }
-    break;
-    case 'n':
-    cmd = "formatblock";
-    value = Xinha.is_ie ? "<p>" : "p";
-    break;
-
-    case '0': cmd = "killword"; break;
-
-    // headings
-    case '1':
-    case '2':
-    case '3':
-    case '4':
-    case '5':
-    case '6':
-    cmd = "formatblock";
-    value = "h" + key;
-    if ( Xinha.is_ie )
-    {
-      value = "<" + value + ">";
-    }
-    break;
-  }
-  if ( cmd )
-  {
-    // execute simple command
-    this.execCommand(cmd, false, value);
-    Xinha._stopEvent(ev);
-  }
-};
-
-Xinha.prototype.convertNode = function(el, newTagName)
-{
-  var newel = this._doc.createElement(newTagName);
-  while ( el.firstChild )
-  {
-    newel.appendChild(el.firstChild);
-  }
-  return newel;
-};
-
-// moved Xinha.prototype.checkBackspace() to browser specific file
-
-/** The idea here is
- * 1. See if we are in a block element
- * 2. If we are not, then wrap the current "block" of text into a paragraph
- * 3. Now that we have a block element, select all the text between the insertion point
- *    and just AFTER the end of the block
- *    eg <p>The quick |brown fox jumped over the lazy dog.</p>|
- *                     ---------------------------------------
- * 4. Extract that from the document, making
- *       <p>The quick </p>
- *    and a document fragment with
- *       <p>brown fox jumped over the lazy dog.</p>
- * 5. Reinsert it just after the block element
- *       <p>The quick </p><p>brown fox jumped over the lazy dog.</p>
- *
- * Along the way, allow inserting blank paragraphs, which will look like <p><br/></p>
- */
-
-Xinha.prototype.dom_checkInsertP = function()
-{
-  var p, body;
-  // Get the insertion point, we'll scrub any highlighted text the user wants rid of while we are there.
-  var sel = this._getSelection();
-  var range = this._createRange(sel);
-  if ( !range.collapsed )
-  {
-    range.deleteContents();
-  }
-  this.deactivateEditor();
-  //sel.removeAllRanges();
-  //sel.addRange(range);
-
-  var SC = range.startContainer;
-  var SO = range.startOffset;
-  var EC = range.endContainer;
-  var EO = range.endOffset;
-
-  // If the insertion point is character 0 of the
-  // document, then insert a space character that we will wrap into a paragraph
-  // in a bit.
-  if ( SC == EC && SC == body && !SO && !EO )
-  {
-    p = this._doc.createTextNode(" ");
-    body.insertBefore(p, body.firstChild);
-    range.selectNodeContents(p);
-    SC = range.startContainer;
-    SO = range.startOffset;
-    EC = range.endContainer;
-    EO = range.endOffset;
-  }
-
-  // See if we are in a block element, if so, great.
-  p = this.getAllAncestors();
-
-  var block = null;
-  body = this._doc.body;
-  for ( var i = 0; i < p.length; ++i )
-  {
-    if ( Xinha.isParaContainer(p[i]) )
-    {
-      break;
-    }
-    else if ( Xinha.isBlockElement(p[i]) && ! ( /body|html/i.test(p[i].tagName) ) )
-    {
-      block = p[i];
-      break;
-    }
-  }
-
-  // If not in a block element, we'll have to turn some stuff into a paragraph
-  if ( !block )
-  {
-    // We want to wrap as much stuff as possible into the paragraph in both directions
-    // from the insertion point.  We start with the start container and walk back up to the
-    // node just before any of the paragraph containers.
-    var wrap = range.startContainer;
-    while ( wrap.parentNode && !Xinha.isParaContainer(wrap.parentNode) )
-    {
-      wrap = wrap.parentNode;
-    }
-    var start = wrap;
-    var end   = wrap;
-
-    // Now we walk up the sibling list until we hit the top of the document
-    // or an element that we shouldn't put in a p (eg other p, div, ul, ol, table)
-    while ( start.previousSibling )
-    {
-      if ( start.previousSibling.tagName )
-      {
-        if ( !Xinha.isBlockElement(start.previousSibling) )
-        {
-          start = start.previousSibling;
-        }
-        else
-        {
-          break;
-        }
-      }
-      else
-      {
-        start = start.previousSibling;
-      }
-    }
-
-    // Same down the list
-    while ( end.nextSibling )
-    {
-      if ( end.nextSibling.tagName )
-      {
-        if ( !Xinha.isBlockElement(end.nextSibling) )
-        {
-          end = end.nextSibling;
-        }
-        else
-        {
-          break;
-        }
-      }
-      else
-      {
-        end = end.nextSibling;
-      }
-    }
-
-    // Select the entire block
-    range.setStartBefore(start);
-    range.setEndAfter(end);
-
-    // Make it a paragraph
-    range.surroundContents(this._doc.createElement('p'));
-
-    // Which becomes the block element
-    block = range.startContainer.firstChild;
-
-    // And finally reset the insertion point to where it was originally
-    range.setStart(SC, SO);
-  }
-
-  // The start point is the insertion point, so just move the end point to immediatly
-  // after the block
-  range.setEndAfter(block);
-
-  // Extract the range, to split the block
-  // If we just did range.extractContents() then Mozilla does wierd stuff
-  // with selections, but if we clone, then remove the original range and extract
-  // the clone, it's quite happy.
-  var r2 = range.cloneRange();
-  sel.removeRange(range);
-  var df = r2.extractContents();
-
-  if ( df.childNodes.length === 0 )
-  {
-    df.appendChild(this._doc.createElement('p'));
-    df.firstChild.appendChild(this._doc.createElement('br'));
-  }
-
-  if ( df.childNodes.length > 1 )
-  {
-    var nb = this._doc.createElement('p');
-    while ( df.firstChild )
-    {
-      var s = df.firstChild;
-      df.removeChild(s);
-      nb.appendChild(s);
-    }
-    df.appendChild(nb);
-  }
-
-  // If the original block is empty, put a &nsbp; in it.
-  // @fixme: why using a regex instead of : if (block.innerHTML.trim() == '') ?
-  if ( ! ( /\S/.test(block.innerHTML) ) )
-  {
-    block.innerHTML = "&nbsp;";
-  }
-
-  p = df.firstChild;
-  // @fixme: why using a regex instead of : if (p.innerHTML.trim() == '') ?
-  if ( ! ( /\S/.test(p.innerHTML) ) )
-  {
-    p.innerHTML = "<br />";
-  }
-
-  // If the new block is empty and it's a heading, make it a paragraph
-  // note, the new block is empty when you are hitting enter at the end of the existing block
-  if ( ( /^\s*<br\s*\/?>\s*$/.test(p.innerHTML) ) && ( /^h[1-6]$/i.test(p.tagName) ) )
-  {
-    df.appendChild(this.convertNode(p, "p"));
-    df.removeChild(p);
-  }
-
-  var newblock = block.parentNode.insertBefore(df.firstChild, block.nextSibling);
-
-  // Select the range (to set the insertion)
-  // collapse to the start of the new block
-  //  (remember the block might be <p><br/></p>, so if we collapsed to the end the <br/> would be noticable)
-
-  //range.selectNode(newblock.firstChild);
-  //range.collapse(true);
-
-  this.activateEditor();
-
-  sel = this._getSelection();
-  sel.removeAllRanges();
-  sel.collapse(newblock,0);
-
-  // scroll into view
-  this.scrollToElement(newblock);
-
-  //this.forceRedraw();
-
-};
-
-Xinha.prototype.scrollToElement = function(e)
-{
-  if ( Xinha.is_gecko )
-  {
-    var top  = 0;
-    var left = 0;
-    while ( e )
-    {
-      top  += e.offsetTop;
-      left += e.offsetLeft;
-      if ( e.offsetParent && e.offsetParent.tagName.toLowerCase() != 'body' )
-      {
-        e = e.offsetParent;
-      }
-      else
-      {
-        e = null;
-      }
-    }
-    this._iframe.contentWindow.scrollTo(left, top);
-  }
-};
-
-// retrieve the HTML
-Xinha.prototype.getHTML = function()
-{
-  var html = '';
-  switch ( this._editMode )
-  {
-    case "wysiwyg":
-      if ( !this.config.fullPage )
-      {
-        html = Xinha.getHTML(this._doc.body, false, this);
-      }
-      else
-      {
-        html = this.doctype + "\n" + Xinha.getHTML(this._doc.documentElement, true, this);
-      }
-    break;
-    case "textmode":
-      html = this._textArea.value;
-    break;
-    default:
-      alert("Mode <" + this._editMode + "> not defined!");
-      return false;
-  }
-  return html;
-};
-
-Xinha.prototype.outwardHtml = function(html)
-{
-  html = html.replace(/<(\/?)b(\s|>|\/)/ig, "<$1strong$2");
-  html = html.replace(/<(\/?)i(\s|>|\/)/ig, "<$1em$2");
-  html = html.replace(/<(\/?)strike(\s|>|\/)/ig, "<$1del$2");
-  
-  // replace window.open to that any clicks won't open a popup in designMode
-  html = html.replace("onclick=\"try{if(document.designMode &amp;&amp; document.designMode == 'on') return false;}catch(e){} window.open(", "onclick=\"window.open(");
-
-  // Figure out what our server name is, and how it's referenced
-  var serverBase = location.href.replace(/(https?:\/\/[^\/]*)\/.*/, '$1') + '/';
-
-  // IE puts this in can't figure out why
-  html = html.replace(/https?:\/\/null\//g, serverBase);
-
-  // Make semi-absolute links to be truely absolute
-  //  we do this just to standardize so that special replacements knows what
-  //  to expect
-  html = html.replace(/((href|src|background)=[\'\"])\/+/ig, '$1' + serverBase);
-
-  html = this.outwardSpecialReplacements(html);
-
-  html = this.fixRelativeLinks(html);
-
-  if ( this.config.sevenBitClean )
-  {
-    html = html.replace(/[^ -~\r\n\t]/g, function(c) { return '&#'+c.charCodeAt(0)+';'; });
-  }
-
-  // ticket:56, the "greesemonkey" plugin for Firefox adds this junk,
-  // so we strip it out.  Original submitter gave a plugin, but that's
-  // a bit much just for this IMHO - james
-  if ( Xinha.is_gecko )
-  {
-    html = html.replace(/<script[\s]*src[\s]*=[\s]*['"]chrome:\/\/.*?["']>[\s]*<\/script>/ig, '');
-  }
-  //prevent execution of JavaScript (Ticket #685)
-  html = html.replace(/(<script[^>]*)(freezescript)/gi,"$1javascript");
-
-  return html;
-};
-
-Xinha.prototype.inwardHtml = function(html)
-{
-  // Midas uses b and i instead of strong and em, um, hello,
-  // mozilla, this is the 21st century calling!
-  if ( Xinha.is_gecko )
-  {
-    html = html.replace(/<(\/?)strong(\s|>|\/)/ig, "<$1b$2");
-    html = html.replace(/<(\/?)em(\s|>|\/)/ig, "<$1i$2");    
-  }
-  
-  // Both IE and Gecko use strike instead of del (#523)
-  html = html.replace(/<(\/?)del(\s|>|\/)/ig, "<$1strike$2");
-
-  // replace window.open to that any clicks won't open a popup in designMode
-  html = html.replace("onclick=\"window.open(", "onclick=\"try{if(document.designMode &amp;&amp; document.designMode == 'on') return false;}catch(e){} window.open(");
-
-  html = this.inwardSpecialReplacements(html);
-
-  html = html.replace(/(<script[^>]*)(javascript)/gi,"$1freezescript");
-
-  // For IE's sake, make any URLs that are semi-absolute (="/....") to be
-  // truely absolute
-  var nullRE = new RegExp('((href|src|background)=[\'"])/+', 'gi');
-  html = html.replace(nullRE, '$1' + location.href.replace(/(https?:\/\/[^\/]*)\/.*/, '$1') + '/');
-
-  html = this.fixRelativeLinks(html);
-  return html;
-};
-
-Xinha.prototype.outwardSpecialReplacements = function(html)
-{
-  for ( var i in this.config.specialReplacements )
-  {
-    var from = this.config.specialReplacements[i];
-    var to   = i; // why are declaring a new variable here ? Seems to be better to just do : for (var to in config)
-    // prevent iterating over wrong type
-    if ( typeof from.replace != 'function' || typeof to.replace != 'function' )
-    {
-      continue;
-    } 
-    // alert('out : ' + from + '=>' + to);
-    var reg = new RegExp(from.replace(Xinha.RE_Specials, '\\$1'), 'g');
-    html = html.replace(reg, to.replace(/\$/g, '$$$$'));
-    //html = html.replace(from, to);
-  }
-  return html;
-};
-
-Xinha.prototype.inwardSpecialReplacements = function(html)
-{
-  // alert("inward");
-  for ( var i in this.config.specialReplacements )
-  {
-    var from = i; // why are declaring a new variable here ? Seems to be better to just do : for (var from in config)
-    var to   = this.config.specialReplacements[i];
-    // prevent iterating over wrong type
-    if ( typeof from.replace != 'function' || typeof to.replace != 'function' )
-    {
-      continue;
-    }
-    // alert('in : ' + from + '=>' + to);
-    //
-    // html = html.replace(reg, to);
-    // html = html.replace(from, to);
-    var reg = new RegExp(from.replace(Xinha.RE_Specials, '\\$1'), 'g');
-    html = html.replace(reg, to.replace(/\$/g, '$$$$')); // IE uses doubled dollar signs to escape backrefs, also beware that IE also implements $& $_ and $' like perl.
-  }
-  return html;
-};
-
-
-Xinha.prototype.fixRelativeLinks = function(html)
-{
-  if ( typeof this.config.expandRelativeUrl != 'undefined' && this.config.expandRelativeUrl ) 
-  var src = html.match(/(src|href)="([^"]*)"/gi);
-  var b = document.location.href;
-  if ( src )
-  {
-    var url,url_m,relPath,base_m,absPath
-    for ( var i=0;i<src.length;++i )
-    {
-      url = src[i].match(/(src|href)="([^"]*)"/i);
-      url_m = url[2].match( /\.\.\//g );
-      if ( url_m )
-      {
-        relPath = new RegExp( "(.*?)(([^\/]*\/){"+ url_m.length+"})[^\/]*$" );
-        base_m = b.match( relPath );
-        absPath = url[2].replace(/(\.\.\/)*/,base_m[1]);
-        html = html.replace( new RegExp(url[2].replace( Xinha.RE_Specials, '\\$1' ) ),absPath );
-      }
-    }
-  }
-  
-  if ( typeof this.config.stripSelfNamedAnchors != 'undefined' && this.config.stripSelfNamedAnchors )
-  {
-    var stripRe = new RegExp(document.location.href.replace(/&/g,'&amp;').replace(Xinha.RE_Specials, '\\$1') + '(#[^\'" ]*)', 'g');
-    html = html.replace(stripRe, '$1');
-  }
-
-  if ( typeof this.config.stripBaseHref != 'undefined' && this.config.stripBaseHref )
-  {
-    var baseRe = null;
-    if ( typeof this.config.baseHref != 'undefined' && this.config.baseHref !== null )
-    {
-      baseRe = new RegExp( "((href|src|background)=\")(" + this.config.baseHref.replace( Xinha.RE_Specials, '\\$1' ) + ")", 'g' );
-    }
-    else
-    {
-      baseRe = new RegExp( "((href|src|background)=\")(" + document.location.href.replace( /([^\/]*\/?)$/, '' ).replace( Xinha.RE_Specials, '\\$1' ) + ")", 'g' );
-    }
-
-    html = html.replace(baseRe, '$1');
-  }
-
-//  if ( Xinha.is_ie )
-//  {
-    // This is now done in inward & outward
-    // Don't know why but IE is doing this (putting http://null/ on links?!
-    // alert(html);
-    // var nullRE = new RegExp('https?:\/\/null\/', 'g');
-    // html = html.replace(nullRE, location.href.replace(/(https?:\/\/[^\/]*\/).*/, '$1'));
-    // alert(html);
-//  }
-
-  return html;
-};
-
-// retrieve the HTML (fastest version, but uses innerHTML)
-Xinha.prototype.getInnerHTML = function()
-{
-  if ( !this._doc.body )
-  {
-    return '';
-  }
-  var html = "";
-  switch ( this._editMode )
-  {
-    case "wysiwyg":
-      if ( !this.config.fullPage )
-      {
-        // return this._doc.body.innerHTML;
-        html = this._doc.body.innerHTML;
-      }
-      else
-      {
-        html = this.doctype + "\n" + this._doc.documentElement.innerHTML;
-      }
-    break;
-    case "textmode" :
-      html = this._textArea.value;
-    break;
-    default:
-      alert("Mode <" + this._editMode + "> not defined!");
-      return false;
-  }
-
-  return html;
-};
-
-// completely change the HTML inside
-Xinha.prototype.setHTML = function(html)
-{
-  if ( !this.config.fullPage )
-  {
-    this._doc.body.innerHTML = html;
-  }
-  else
-  {
-    this.setFullHTML(html);
-  }
-  this._textArea.value = html;
-};
-
-// sets the given doctype (useful when config.fullPage is true)
-Xinha.prototype.setDoctype = function(doctype)
-{
-  this.doctype = doctype;
-};
-
-/***************************************************
- *  Category: UTILITY FUNCTIONS
- ***************************************************/
-
-// variable used to pass the object to the popup editor window.
-Xinha._object = null;
-
-// function that returns a clone of the given object
-Xinha.cloneObject = function(obj)
-{
-  if ( !obj )
-  {
-    return null;
-  }
-
-  var newObj = {};
-
-  // check for array objects
-  if ( obj.constructor.toString().match( /\s*function Array\(/ ) )
-  {
-    newObj = obj.constructor();
-  }
-
-  // check for function objects (as usual, IE is fucked up)
-  if ( obj.constructor.toString().match( /\s*function Function\(/ ) )
-  {
-    newObj = obj; // just copy reference to it
-  }
-  else
-  {
-    for ( var n in obj )
-    {
-      var node = obj[n];
-      if ( typeof node == 'object' )
-      {
-        newObj[n] = Xinha.cloneObject(node);
-      }
-      else
-      {
-        newObj[n] = node;
-      }
-    }
-  }
-
-  return newObj;
-};
-
-// FIXME!!! this should return false for IE < 5.5
-Xinha.checkSupportedBrowser = function()
-{
-  if ( Xinha.is_gecko )
-  {
-    if ( navigator.productSub < 20021201 )
-    {
-      alert("You need at least Mozilla-1.3 Alpha.\nSorry, your Gecko is not supported.");
-      return false;
-    }
-    if ( navigator.productSub < 20030210 )
-    {
-      alert("Mozilla < 1.3 Beta is not supported!\nI'll try, though, but it might not work.");
-    }
-  }
-  return Xinha.is_gecko || Xinha.is_ie;
-};
-
-// selection & ranges
-
-// moved Xinha.prototype._getSelection() to browser specific file
-// moved Xinha.prototype._createRange()  to browser specific file
-
-// event handling
-
-/** Event Flushing
- *  To try and work around memory leaks in the rather broken
- *  garbage collector in IE, Xinha.flushEvents can be called
- *  onunload, it will remove any event listeners (that were added
- *  through _addEvent(s)) and clear any DOM-0 events.
- */
-Xinha._eventFlushers = [];
-Xinha.flushEvents = function()
-{
-  var x = 0;
-  // @todo : check if Array.prototype.pop exists for every supported browsers
-  var e = Xinha._eventFlushers.pop();
-  while ( e )
-  {
-    try
-    {
-      if ( e.length == 3 )
-      {
-        Xinha._removeEvent(e[0], e[1], e[2]);
-        x++;
-      }
-      else if ( e.length == 2 )
-      {
-        e[0]['on' + e[1]] = null;
-        e[0]._xinha_dom0Events[e[1]] = null;
-        x++;
-      }
-    }
-    catch(ex)
-    {
-      // Do Nothing
-    }
-    e = Xinha._eventFlushers.pop();
-  }
-  
-  /* 
-    // This code is very agressive, and incredibly slow in IE, so I've disabled it.
-    
-    if(document.all)
-    {
-      for(var i = 0; i < document.all.length; i++)
-      {
-        for(var j in document.all[i])
-        {
-          if(/^on/.test(j) && typeof document.all[i][j] == 'function')
-          {
-            document.all[i][j] = null;
-            x++;
-          }
-        }
-      }
-    }
-  */
-  
-  // alert('Flushed ' + x + ' events.');
-};
-
-if ( document.addEventListener )
-{
-  Xinha._addEvent = function(el, evname, func)
-  {
-    el.addEventListener(evname, func, true);
-    Xinha._eventFlushers.push([el, evname, func]);
-  };
-  Xinha._removeEvent = function(el, evname, func)
-  {
-    el.removeEventListener(evname, func, true);
-  };
-  Xinha._stopEvent = function(ev)
-  {
-    ev.preventDefault();
-    ev.stopPropagation();
-  };
-}
-else if ( document.attachEvent )
-{
-  Xinha._addEvent = function(el, evname, func)
-  {
-    el.attachEvent("on" + evname, func);
-    Xinha._eventFlushers.push([el, evname, func]);
-  };
-  Xinha._removeEvent = function(el, evname, func)
-  {
-    el.detachEvent("on" + evname, func);
-  };
-  Xinha._stopEvent = function(ev)
-  {
-    try
-    {
-      ev.cancelBubble = true;
-      ev.returnValue = false;
-    }
-    catch (ex)
-    {
-      // Perhaps we could try here to stop the window.event
-      // window.event.cancelBubble = true;
-      // window.event.returnValue = false;
-    }
-  };
-}
-else
-{
-  Xinha._addEvent = function(el, evname, func)
-  {
-    alert('_addEvent is not supported');
-  };
-  Xinha._removeEvent = function(el, evname, func)
-  {
-    alert('_removeEvent is not supported');
-  };
-  Xinha._stopEvent = function(ev)
-  {
-    alert('_stopEvent is not supported');
-  };
-}
-
-Xinha._addEvents = function(el, evs, func)
-{
-  for ( var i = evs.length; --i >= 0; )
-  {
-    Xinha._addEvent(el, evs[i], func);
-  }
-};
-
-Xinha._removeEvents = function(el, evs, func)
-{
-  for ( var i = evs.length; --i >= 0; )
-  {
-    Xinha._removeEvent(el, evs[i], func);
-  }
-};
-
-/**
- * Adds a standard "DOM-0" event listener to an element.
- * The DOM-0 events are those applied directly as attributes to
- * an element - eg element.onclick = stuff;
- *
- * By using this function instead of simply overwriting any existing
- * DOM-0 event by the same name on the element it will trigger as well
- * as the existing ones.  Handlers are triggered one after the other
- * in the order they are added.
- *
- * Remember to return true/false from your handler, this will determine
- * whether subsequent handlers will be triggered (ie that the event will
- * continue or be canceled).
- *
- */
-
-Xinha.addDom0Event = function(el, ev, fn)
-{
-  Xinha._prepareForDom0Events(el, ev);
-  el._xinha_dom0Events[ev].unshift(fn);
-};
-
-
-/**
- * See addDom0Event, the difference is that handlers registered using
- * prependDom0Event will be triggered before existing DOM-0 events of the
- * same name on the same element.
- */
-
-Xinha.prependDom0Event = function(el, ev, fn)
-{
-  Xinha._prepareForDom0Events(el, ev);
-  el._xinha_dom0Events[ev].push(fn);
-};
-
-/**
- * Prepares an element to receive more than one DOM-0 event handler
- * when handlers are added via addDom0Event and prependDom0Event.
- */
-Xinha._prepareForDom0Events = function(el, ev)
-{
-  // Create a structure to hold our lists of event handlers
-  if ( typeof el._xinha_dom0Events == 'undefined' )
-  {
-    el._xinha_dom0Events = {};
-    Xinha.freeLater(el, '_xinha_dom0Events');
-  }
-
-  // Create a list of handlers for this event type
-  if ( typeof el._xinha_dom0Events[ev] == 'undefined' )
-  {
-    el._xinha_dom0Events[ev] = [ ];
-    if ( typeof el['on'+ev] == 'function' )
-    {
-      el._xinha_dom0Events[ev].push(el['on'+ev]);
-    }
-
-    // Make the actual event handler, which runs through
-    // each of the handlers in the list and executes them
-    // in the correct context.
-    el['on'+ev] = function(event)
-    {
-      var a = el._xinha_dom0Events[ev];
-      // call previous submit methods if they were there.
-      var allOK = true;
-      for ( var i = a.length; --i >= 0; )
-      {
-        // We want the handler to be a member of the form, not the array, so that "this" will work correctly
-        el._xinha_tempEventHandler = a[i];
-        if ( el._xinha_tempEventHandler(event) === false )
-        {
-          el._xinha_tempEventHandler = null;
-          allOK = false;
-          break;
-        }
-        el._xinha_tempEventHandler = null;
-      }
-      return allOK;
-    };
-
-    Xinha._eventFlushers.push([el, ev]);
-  }
-};
-
-Xinha.prototype.notifyOn = function(ev, fn)
-{
-  if ( typeof this._notifyListeners[ev] == 'undefined' )
-  {
-    this._notifyListeners[ev] = [];
-    Xinha.freeLater(this, '_notifyListeners');
-  }
-  this._notifyListeners[ev].push(fn);
-};
-
-Xinha.prototype.notifyOf = function(ev, args)
-{
-  if ( this._notifyListeners[ev] )
-  {
-    for ( var i = 0; i < this._notifyListeners[ev].length; i++ )
-    {
-      this._notifyListeners[ev][i](ev, args);
-    }
-  }
-};
-
-Xinha._removeClass = function(el, className)
-{
-  if ( ! ( el && el.className ) )
-  {
-    return;
-  }
-  var cls = el.className.split(" ");
-  var ar = [];
-  for ( var i = cls.length; i > 0; )
-  {
-    if ( cls[--i] != className )
-    {
-      ar[ar.length] = cls[i];
-    }
-  }
-  el.className = ar.join(" ");
-};
-
-Xinha._addClass = function(el, className)
-{
-  // remove the class first, if already there
-  Xinha._removeClass(el, className);
-  el.className += " " + className;
-};
-
-Xinha._hasClass = function(el, className)
-{
-  if ( ! ( el && el.className ) )
-  {
-    return false;
-  }
-  var cls = el.className.split(" ");
-  for ( var i = cls.length; i > 0; )
-  {
-    if ( cls[--i] == className )
-    {
-      return true;
-    }
-  }
-  return false;
-};
-
-Xinha._blockTags = " body form textarea fieldset ul ol dl li div " +
-"p h1 h2 h3 h4 h5 h6 quote pre table thead " +
-"tbody tfoot tr td th iframe address blockquote ";
-Xinha.isBlockElement = function(el)
-{
-  return el && el.nodeType == 1 && (Xinha._blockTags.indexOf(" " + el.tagName.toLowerCase() + " ") != -1);
-};
-
-Xinha._paraContainerTags = " body td th caption fieldset div";
-Xinha.isParaContainer = function(el)
-{
-  return el && el.nodeType == 1 && (Xinha._paraContainerTags.indexOf(" " + el.tagName.toLowerCase() + " ") != -1);
-};
-
-// These are all the tags for which the end tag is not optional or 
-// forbidden, taken from the list at:
-//   http://www.w3.org/TR/REC-html40/index/elements.html
-Xinha._closingTags = " a abbr acronym address applet b bdo big blockquote button caption center cite code del dfn dir div dl em fieldset font form frameset h1 h2 h3 h4 h5 h6 i iframe ins kbd label legend map menu noframes noscript object ol optgroup pre q s samp script select small span strike strong style sub sup table textarea title tt u ul var ";
-
-Xinha.needsClosingTag = function(el)
-{
-  return el && el.nodeType == 1 && (Xinha._closingTags.indexOf(" " + el.tagName.toLowerCase() + " ") != -1);
-};
-
-// performs HTML encoding of some given string
-Xinha.htmlEncode = function(str)
-{
-  if ( typeof str.replace == 'undefined' )
-  {
-    str = str.toString();
-  }
-  // we don't need regexp for that, but.. so be it for now.
-  str = str.replace(/&/ig, "&amp;");
-  str = str.replace(/</ig, "&lt;");
-  str = str.replace(/>/ig, "&gt;");
-  str = str.replace(/\xA0/g, "&nbsp;"); // Decimal 160, non-breaking-space
-  str = str.replace(/\x22/g, "&quot;");
-  // \x22 means '"' -- we use hex reprezentation so that we don't disturb
-  // JS compressors (well, at least mine fails.. ;)
-  return str;
-};
-
-// moved Xinha.getHTML() to getHTML.js 
-Xinha.prototype.stripBaseURL = function(string)
-{
-  if ( this.config.baseHref === null || !this.config.stripBaseHref )
-  {
-    return string;
-  }
-  // strip host-part of URL which is added by MSIE to links relative to server root
-  var baseurl = this.config.baseHref.replace(/^(https?:\/\/[^\/]+)(.*)$/, '$1');
-  var basere = new RegExp(baseurl);
-  return string.replace(basere, "");
-};
-
-String.prototype.trim = function()
-{
-  return this.replace(/^\s+/, '').replace(/\s+$/, '');
-};
-
-// creates a rgb-style color from a number
-Xinha._makeColor = function(v)
-{
-  if ( typeof v != "number" )
-  {
-    // already in rgb (hopefully); IE doesn't get here.
-    return v;
-  }
-  // IE sends number; convert to rgb.
-  var r = v & 0xFF;
-  var g = (v >> 8) & 0xFF;
-  var b = (v >> 16) & 0xFF;
-  return "rgb(" + r + "," + g + "," + b + ")";
-};
-
-// returns hexadecimal color representation from a number or a rgb-style color.
-Xinha._colorToRgb = function(v)
-{
-  if ( !v )
-  {
-    return '';
-  }
-  var r,g,b;
-  // @todo: why declaring this function here ? This needs to be a public methode of the object Xinha._colorToRgb
-  // returns the hex representation of one byte (2 digits)
-  function hex(d)
-  {
-    return (d < 16) ? ("0" + d.toString(16)) : d.toString(16);
-  }
-
-  if ( typeof v == "number" )
-  {
-    // we're talking to IE here
-    r = v & 0xFF;
-    g = (v >> 8) & 0xFF;
-    b = (v >> 16) & 0xFF;
-    return "#" + hex(r) + hex(g) + hex(b);
-  }
-
-  if ( v.substr(0, 3) == "rgb" )
-  {
-    // in rgb(...) form -- Mozilla
-    var re = /rgb\s*\(\s*([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9]+)\s*\)/;
-    if ( v.match(re) )
-    {
-      r = parseInt(RegExp.$1, 10);
-      g = parseInt(RegExp.$2, 10);
-      b = parseInt(RegExp.$3, 10);
-      return "#" + hex(r) + hex(g) + hex(b);
-    }
-    // doesn't match RE?!  maybe uses percentages or float numbers
-    // -- FIXME: not yet implemented.
-    return null;
-  }
-
-  if ( v.substr(0, 1) == "#" )
-  {
-    // already hex rgb (hopefully :D )
-    return v;
-  }
-
-  // if everything else fails ;)
-  return null;
-};
-
-// modal dialogs for Mozilla (for IE we're using the showModalDialog() call).
-
-// receives an URL to the popup dialog and a function that receives one value;
-// this function will get called after the dialog is closed, with the return
-// value of the dialog.
-Xinha.prototype._popupDialog = function(url, action, init)
-{
-  Dialog(this.popupURL(url), action, init);
-};
-
-// paths
-
-Xinha.prototype.imgURL = function(file, plugin)
-{
-  if ( typeof plugin == "undefined" )
-  {
-    return _editor_url + file;
-  }
-  else
-  {
-    return _editor_url + "plugins/" + plugin + "/img/" + file;
-  }
-};
-
-Xinha.prototype.popupURL = function(file)
-{
-  var url = "";
-  if ( file.match(/^plugin:\/\/(.*?)\/(.*)/) )
-  {
-    var plugin = RegExp.$1;
-    var popup = RegExp.$2;
-    if ( ! ( /\.html$/.test(popup) ) )
-    {
-      popup += ".html";
-    }
-    url = _editor_url + "plugins/" + plugin + "/popups/" + popup;
-  }
-  else if ( file.match(/^\/.*?/) )
-  {
-    url = file;
-  }
-  else
-  {
-    url = _editor_url + this.config.popupURL + file;
-  }
-  return url;
-};
-
-/**
- * FIX: Internet Explorer returns an item having the _name_ equal to the given
- * id, even if it's not having any id.  This way it can return a different form
- * field even if it's not a textarea.  This workarounds the problem by
- * specifically looking to search only elements having a certain tag name.
- */
-Xinha.getElementById = function(tag, id)
-{
-  var el, i, objs = document.getElementsByTagName(tag);
-  for ( i = objs.length; --i >= 0 && (el = objs[i]); )
-  {
-    if ( el.id == id )
-    {
-      return el;
-    }
-  }
-  return null;
-};
-
-
-/** Use some CSS trickery to toggle borders on tables */
-
-Xinha.prototype._toggleBorders = function()
-{
-  var tables = this._doc.getElementsByTagName('TABLE');
-  if ( tables.length !== 0 )
-  {
-   if ( !this.borders )
-   {
-    name = "bordered";
-    this.borders = true;
-   }
-   else
-   {
-     name = "";
-     this.borders = false;
-   }
-
-   for ( var i=0; i < tables.length; i++ )
-   {
-     if ( this.borders )
-     {
-        // flashing the display forces moz to listen (JB:18-04-2005) - #102
-        if ( Xinha.is_gecko )
-        {
-          tables[i].style.display="none";
-          tables[i].style.display="table";
-        }
-        Xinha._addClass(tables[i], 'htmtableborders');
-     }
-     else
-     {
-       Xinha._removeClass(tables[i], 'htmtableborders');
-     }
-   }
-  }
-  return true;
-};
-
-
-Xinha.addClasses = function(el, classes)
-{
-  if ( el !== null )
-  {
-    var thiers = el.className.trim().split(' ');
-    var ours   = classes.split(' ');
-    for ( var x = 0; x < ours.length; x++ )
-    {
-      var exists = false;
-      for ( var i = 0; exists === false && i < thiers.length; i++ )
-      {
-        if ( thiers[i] == ours[x] )
-        {
-          exists = true;
-        }
-      }
-      if ( exists === false )
-      {
-        thiers[thiers.length] = ours[x];
-      }
-    }
-    el.className = thiers.join(' ').trim();
-  }
-};
-
-Xinha.removeClasses = function(el, classes)
-{
-  var existing    = el.className.trim().split();
-  var new_classes = [];
-  var remove      = classes.trim().split();
-
-  for ( var i = 0; i < existing.length; i++ )
-  {
-    var found = false;
-    for ( var x = 0; x < remove.length && !found; x++ )
-    {
-      if ( existing[i] == remove[x] )
-      {
-        found = true;
-      }
-    }
-    if ( !found )
-    {
-      new_classes[new_classes.length] = existing[i];
-    }
-  }
-  return new_classes.join(' ');
-};
-
-/** Alias these for convenience */
-Xinha.addClass       = Xinha._addClass;
-Xinha.removeClass    = Xinha._removeClass;
-Xinha._addClasses    = Xinha.addClasses;
-Xinha._removeClasses = Xinha.removeClasses;
-
-/** Use XML HTTPRequest to post some data back to the server and do something
- * with the response (asyncronously!), this is used by such things as the tidy functions
- */
-Xinha._postback = function(url, data, handler)
-{
-  var req = null;
-  if ( Xinha.is_ie )
-  {
-   req = new ActiveXObject("Microsoft.XMLHTTP");
-  }
-  else
-  {
-   req = new XMLHttpRequest();
-  }
-
-  var content = '';
-  if (typeof data == 'string')
-  {
-    content = data;
-  }
-  else if(typeof data == "object")
-  {
-    for ( var i in data )
-    {
-      content += (content.length ? '&' : '') + i + '=' + encodeURIComponent(data[i]);
-    }
-  }
-
-  function callBack()
-  {
-    if ( req.readyState == 4 )
-    {
-      if ( req.status == 200 || Xinha.isRunLocally && req.status == 0 )
-      {
-        if ( typeof handler == 'function' )
-        {
-          handler(req.responseText, req);
-        }
-      }
-      else
-      {
-        alert('An error has occurred: ' + req.statusText);
-      }
-    }
-  }
-
-  req.onreadystatechange = callBack;
-
-  req.open('POST', url, true);
-  req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
-  //alert(content);
-  req.send(content);
-};
-
-Xinha._getback = function(url, handler)
-{
-  var req = null;
-  if ( Xinha.is_ie )
-  {
-   req = new ActiveXObject("Microsoft.XMLHTTP");
-  }
-  else
-  {
-   req = new XMLHttpRequest();
-  }
-
-  function callBack()
-  {
-    if ( req.readyState == 4 )
-    {
-      if ( req.status == 200 || Xinha.isRunLocally && req.status == 0 )
-      {
-        handler(req.responseText, req);
-      }
-      else
-      {
-        alert('An error has occurred: ' + req.statusText);
-      }
-    }
-  }
-
-  req.onreadystatechange = callBack;
-  req.open('GET', url, true);
-  req.send(null);
-};
-
-Xinha._geturlcontent = function(url)
-{
-  var req = null;
-  if ( Xinha.is_ie )
-  {
-   req = new ActiveXObject("Microsoft.XMLHTTP");
-  }
-  else
-  {
-   req = new XMLHttpRequest();
-  }
-
-  // Synchronous!
-  req.open('GET', url, false);
-  req.send(null);
-  if ( req.status == 200 || Xinha.isRunLocally && req.status == 0 )
-  {
-    return req.responseText;
-  }
-  else
-  {
-    return '';
-  }
-
-};
-
-/**
- * Unless somebody already has, make a little function to debug things
- */
-if ( typeof dump == 'undefined' )
-{
-  function dump(o)
-  {
-    var s = '';
-    for ( var prop in o )
-    {
-      s += prop + ' = ' + o[prop] + '\n';
-    }
-    var x = window.open("", "debugger");
-    x.document.write('<pre>' + s + '</pre>');
-  }
-}
-
-Xinha.arrayContainsArray = function(a1, a2)
-{
-  var all_found = true;
-  for ( var x = 0; x < a2.length; x++ )
-  {
-    var found = false;
-    for ( var i = 0; i < a1.length; i++ )
-    {
-      if ( a1[i] == a2[x] )
-      {
-        found = true;
-        break;
-      }
-    }
-    if ( !found )
-    {
-      all_found = false;
-      break;
-    }
-  }
-  return all_found;
-};
-
-Xinha.arrayFilter = function(a1, filterfn)
-{
-  var new_a = [ ];
-  for ( var x = 0; x < a1.length; x++ )
-  {
-    if ( filterfn(a1[x]) )
-    {
-      new_a[new_a.length] = a1[x];
-    }
-  }
-  return new_a;
-};
-
-Xinha.uniq_count = 0;
-Xinha.uniq = function(prefix)
-{
-  return prefix + Xinha.uniq_count++;
-};
-
-/** New language handling functions **/
-
-
-/** Load a language file.
- *  This function should not be used directly, Xinha._lc will use it when necessary.
- * @param context Case sensitive context name, eg 'Xinha', 'TableOperations', ...
- */
-Xinha._loadlang = function(context)
-{
-  var url, lang;
-  if ( typeof _editor_lcbackend == "string" )
-  {
-    //use backend
-    url = _editor_lcbackend;
-    url = url.replace(/%lang%/, _editor_lang);
-    url = url.replace(/%context%/, context);
-  }
-  else
-  {
-    //use internal files
-    if ( context != 'Xinha')
-    {
-      url = _editor_url+"plugins/"+context+"/lang/"+_editor_lang+".js";
-    }
-    else
-    {
-      url = _editor_url+"lang/"+_editor_lang+".js";
-    }
-  }
-
-  var langData = Xinha._geturlcontent(url);
-  if ( langData !== "" )
-  {
-    try
-    {
-      eval('lang = ' + langData);
-    }
-    catch(ex)
-    {
-      alert('Error reading Language-File ('+url+'):\n'+Error.toString());
-      lang = {};
-    }
-  }
-  else
-  {
-    lang = {};
-  }
-
-  return lang;
-};
-
-/** Return a localised string.
- * @param string    English language string. It can also contain variables in the form "Some text with $variable=replaced text$". 
- *                  This replaces $variable in "Some text with $variable" with "replaced text"
- * @param context   Case sensitive context name, eg 'Xinha' (default), 'TableOperations'...
- * @param replace   Replace $variables in String, eg {foo: 'replaceText'} ($foo in string will be replaced)
- */
-Xinha._lc = function(string, context, replace)
-{
-  var ret;
-  var m = null;
-  if (typeof string == 'string') m = string.match(/\$(.*?)=(.*?)\$/g);
-  if (m) 
-  {
-    if (!replace) replace = {};
-    for (var i = 0;i<m.length;i++)
-    {
-      var n = m[i].match(/\$(.*?)=(.*?)\$/);
-      replace[n[1]] = n[2];
-      string = string.replace(n[0],'$'+n[1]);
-    }
-  }
-  if ( _editor_lang == "en" )
-  {
-    if ( typeof string == 'object' && string.string )
-    {
-      ret = string.string;
-    }
-    else
-    {
-      ret = string;
-    }
-  }
-  else
-  {
-    if ( typeof Xinha._lc_catalog == 'undefined' )
-    {
-      Xinha._lc_catalog = [ ];
-    }
-
-    if ( typeof context == 'undefined' )
-    {
-      context = 'Xinha';
-    }
-
-    if ( typeof Xinha._lc_catalog[context] == 'undefined' )
-    {
-      Xinha._lc_catalog[context] = Xinha._loadlang(context);
-    }
-
-    var key;
-    if ( typeof string == 'object' && string.key )
-    {
-      key = string.key;
-    }
-    else if ( typeof string == 'object' && string.string )
-    {
-      key = string.string;
-    }
-    else
-    {
-      key = string;
-    }
-
-    if ( typeof Xinha._lc_catalog[context][key] == 'undefined' )
-    {
-      if ( context=='Xinha' )
-      {
-        // Indicate it's untranslated
-        if ( typeof string == 'object' && string.string )
-        {
-          ret = string.string;
-        }
-        else
-        {
-          ret = string;
-        }
-      }
-      else
-      {
-        //if string is not found and context is not Xinha try if it is in Xinha
-        return Xinha._lc(string, 'Xinha', replace);
-      }
-    }
-    else
-    {
-      ret = Xinha._lc_catalog[context][key];
-    }
-  }
-
-  if ( typeof string == 'object' && string.replace )
-  {
-    replace = string.replace;
-  }
-  if ( typeof replace != "undefined" )
-  {
-    for ( var i in replace )
-    {
-      ret = ret.replace('$'+i, replace[i]);
-    }
-  }
-
-  return ret;
-};
-
-Xinha.hasDisplayedChildren = function(el)
-{
-  var children = el.childNodes;
-  for ( var i = 0; i < children.length; i++ )
-  {
-    if ( children[i].tagName )
-    {
-      if ( children[i].style.display != 'none' )
-      {
-        return true;
-      }
-    }
-  }
-  return false;
-};
-
-/**
- * Load a javascript file by inserting it in the HEAD tag and eventually call a function when loaded
- * @param {string} U (Url)      Source url of the file to load
- * @param {object} C {Callback} Callback function to launch once ready (optional)
- * @param {object} O (scOpe)    Application scope for the callback function (optional)
- * @param {object} B (Bonus}    Arbitrary object send as a param to the callback function (optional)
- * @public
- */
-Xinha._loadback = function(U, C, O, B)
-{
-  var T = Xinha.is_ie ? "onreadystatechange" : "onload";
-  var S = document.createElement("script");
-  S.type = "text/javascript";
-  S.src = U;
-  if ( C )
-  {
-    S[T] = function()
-    {
-      if ( Xinha.is_ie && ! ( /loaded|complete/.test(window.event.srcElement.readyState) ) )
-      {
-        return;
-      }
-      C.call(O ? O : this, B);
-      S[T] = null;
-    };
-  }
-  document.getElementsByTagName("head")[0].appendChild(S);
-};
-
-Xinha.collectionToArray = function(collection)
-{
-  var array = [ ];
-  for ( var i = 0; i < collection.length; i++ )
-  {
-    array.push(collection.item(i));
-  }
-  return array;
-};
-
-if ( !Array.prototype.append )
-{
-  Array.prototype.append  = function(a)
-  {
-    for ( var i = 0; i < a.length; i++ )
-    {
-      this.push(a[i]);
-    }
-    return this;
-  };
-}
-
-Xinha.makeEditors = function(editor_names, default_config, plugin_names)
-{
-  if ( typeof default_config == 'function' )
-  {
-    default_config = default_config();
-  }
-
-  var editors = {};
-  for ( var x = 0; x < editor_names.length; x++ )
-  {
-    var editor = new Xinha(editor_names[x], Xinha.cloneObject(default_config));
-    editor.registerPlugins(plugin_names);
-    editors[editor_names[x]] = editor;
-  }
-  return editors;
-};
-
-Xinha.startEditors = function(editors)
-{
-  for ( var i in editors )
-  {
-    if ( editors[i].generate )
-    {
-      editors[i].generate();
-    }
-  }
-};
-
-Xinha.prototype.registerPlugins = function(plugin_names)
-{
-  if ( plugin_names )
-  {
-    for ( var i = 0; i < plugin_names.length; i++ )
-    {
-      this.setLoadingMessage('Register plugin $plugin', 'Xinha', {'plugin': plugin_names[i]});
-      this.registerPlugin(eval(plugin_names[i]));
-    }
-  }
-};
-
-/** Utility function to base64_encode some arbitrary data, uses the builtin btoa() if it exists (Moz) */
-
-Xinha.base64_encode = function(input)
-{
-  var keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
-  var output = "";
-  var chr1, chr2, chr3;
-  var enc1, enc2, enc3, enc4;
-  var i = 0;
-
-  do
-  {
-    chr1 = input.charCodeAt(i++);
-    chr2 = input.charCodeAt(i++);
-    chr3 = input.charCodeAt(i++);
-
-    enc1 = chr1 >> 2;
-    enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
-    enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
-    enc4 = chr3 & 63;
-
-    if ( isNaN(chr2) )
-    {
-      enc3 = enc4 = 64;
-    }
-    else if ( isNaN(chr3) )
-    {
-      enc4 = 64;
-    }
-
-    output = output + keyStr.charAt(enc1) + keyStr.charAt(enc2) + keyStr.charAt(enc3) + keyStr.charAt(enc4);
-  } while ( i < input.length );
-
-  return output;
-};
-
-/** Utility function to base64_decode some arbitrary data, uses the builtin atob() if it exists (Moz) */
-
-Xinha.base64_decode = function(input)
-{
-  var keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
-  var output = "";
-  var chr1, chr2, chr3;
-  var enc1, enc2, enc3, enc4;
-  var i = 0;
-
-  // remove all characters that are not A-Z, a-z, 0-9, +, /, or =
-  input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
-
-  do
-  {
-    enc1 = keyStr.indexOf(input.charAt(i++));
-    enc2 = keyStr.indexOf(input.charAt(i++));
-    enc3 = keyStr.indexOf(input.charAt(i++));
-    enc4 = keyStr.indexOf(input.charAt(i++));
-
-    chr1 = (enc1 << 2) | (enc2 >> 4);
-    chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
-    chr3 = ((enc3 & 3) << 6) | enc4;
-
-    output = output + String.fromCharCode(chr1);
-
-    if ( enc3 != 64 )
-    {
-      output = output + String.fromCharCode(chr2);
-    }
-    if ( enc4 != 64 )
-    {
-      output = output + String.fromCharCode(chr3);
-    }
-  } while ( i < input.length );
-
-  return output;
-};
-
-Xinha.removeFromParent = function(el)
-{
-  if ( !el.parentNode )
-  {
-    return;
-  }
-  var pN = el.parentNode;
-  pN.removeChild(el);
-  return el;
-};
-
-Xinha.hasParentNode = function(el)
-{
-  if ( el.parentNode )
-  {
-    // When you remove an element from the parent in IE it makes the parent
-    // of the element a document fragment.  Moz doesn't.
-    if ( el.parentNode.nodeType == 11 )
-    {
-      return false;
-    }
-    return true;
-  }
-
-  return false;
-};
-
-// moved Xinha.getOuterHTML() to browser specific file
-
-// detect the size of visible area
-// when calling from a popup window, call Xinha.viewportSize(window) to get the size of the popup
-Xinha.viewportSize = function(scope)
-{
-  scope = (scope) ? scope : window;
-  var x,y;
-  if (window.innerHeight) // all except Explorer
-  {
-    x = scope.innerWidth;
-    y = scope.innerHeight;
-  }
-  else if (document.documentElement && document.documentElement.clientHeight)
-  // Explorer 6 Strict Mode
-  {
-    x = scope.document.documentElement.clientWidth;
-    y = scope.document.documentElement.clientHeight;
-  }
-  else if (document.body) // other Explorers
-  {
-    x = scope.document.body.clientWidth;
-    y = scope.document.body.clientHeight;
-  }
-  return {'x':x,'y':y};
-};
-
-// find X position of an element
-Xinha.findPosX = function(obj)
-{
-  var curleft = 0;
-  if ( obj.offsetParent )
-  {
-    while ( obj.offsetParent )
-    {
-      curleft += obj.offsetLeft;
-      obj = obj.offsetParent;
-    }
-  }
-  else if ( obj.x )
-  {
-    curleft += obj.x;
-  }
-  return curleft;
-};
-
-// find Y position of an element
-Xinha.findPosY = function(obj)
-{
-  var curtop = 0;
-  if ( obj.offsetParent )
-  {
-    while ( obj.offsetParent )
-    {
-      curtop += obj.offsetTop;
-      obj = obj.offsetParent;
-    }
-  }
-  else if ( obj.y )
-  {
-    curtop += obj.y;
-  }
-  return curtop;
-};
-
-Xinha.prototype.setLoadingMessage = function(string, context, replace)
-{
-  if ( !this.config.showLoading || !document.getElementById("loading_sub_" + this._textArea.name) )
-  {
-    return;
-  }
-  var elt = document.getElementById("loading_sub_" + this._textArea.name);
-  elt.innerHTML = Xinha._lc(string, context, replace);
-};
-
-Xinha.prototype.removeLoadingMessage = function()
-{
-  if ( !this.config.showLoading || !document.getElementById("loading_" + this._textArea.name) )
-  {
-    return ;
-  }
-  document.body.removeChild(document.getElementById("loading_" + this._textArea.name));
-};
-
-Xinha.toFree = [];
-Xinha.freeLater = function(obj,prop)
-{
-  Xinha.toFree.push({o:obj,p:prop});
-};
-
-/**
- * Release memory properties from object
- * @param {object} object The object to free memory
- * @param (string} prop   The property to release (optional)
- * @private
- */
-Xinha.free = function(obj, prop)
-{
-  if ( obj && !prop )
-  {
-    for ( var p in obj )
-    {
-      Xinha.free(obj, p);
-    }
-  }
-  else if ( obj )
-  {
-    try { obj[prop] = null; } catch(x) {}
-  }
-};
-
-/** IE's Garbage Collector is broken very badly.  We will do our best to 
- *   do it's job for it, but we can't be perfect.
- */
-
-Xinha.collectGarbageForIE = function() 
-{  
-  Xinha.flushEvents();   
-  for ( var x = 0; x < Xinha.toFree.length; x++ )
-  {
-    if ( !Xinha.toFree[x].o )
-    {
-      alert("What is " + x + ' ' + Xinha.toFree[x].o);
-    }
-    Xinha.free(Xinha.toFree[x].o, Xinha.toFree[x].p);
-    Xinha.toFree[x].o = null;
-  }
-};
-// backward compatibility
-HTMLArea = Xinha;
-Xinha.init();
-Xinha.addDom0Event(window,'unload',Xinha.collectGarbageForIE);
+document.write('<script type="text/javascript" src="'+_editor_url+'XinhaCore.js"></script>');