X-Git-Url: https://git.donarmstrong.com/?a=blobdiff_plain;f=program%2Fjs%2Fgoogiespell.js.src;h=96d612ca23e1a812be247b06654744b8e0228ed2;hb=76507f7c63a660742e76889ad6e3919f3dde3bb0;hp=8b9d1cc716cb33b5c653cbfccb0b7e235dc044ec;hpb=3adad46e27086084a8b28a32fc4fbc953dbfef6c;p=roundcube.git

diff --git a/program/js/googiespell.js.src b/program/js/googiespell.js.src
index 8b9d1cc..96d612c 100644
--- a/program/js/googiespell.js.src
+++ b/program/js/googiespell.js.src
@@ -1,1308 +1,1129 @@
 /*
-Last Modified: 28/04/06 16:28:09
-
-  AmiJs library
-    A very small library with DOM and Ajax functions.
-    For a much larger script look on http://www.mochikit.com/
-  AUTHOR
-    4mir Salihefendic (http://amix.dk) - amix@amix.dk
-  LICENSE
-    Copyright (c) 2006 Amir Salihefendic. All rights reserved.
-    Copyright (c) 2005 Bob Ippolito. All rights reserved.
-    http://www.opensource.org/licenses/mit-license.php
-  VERSION
-    2.1
-  SITE
-    http://amix.dk/amijs
-**/
-
-var AJS = {
-////
-// Accessor functions
-////
-  /**
-   * @returns The element with the id
-   */
-  getElement: function(id) {
-    if(typeof(id) == "string") 
-      return document.getElementById(id);
-    else
-      return id;
-  },
-
-  /**
-   * @returns The elements with the ids
-   */
-  getElements: function(/*id1, id2, id3*/) {
-    var elements = new Array();
-      for (var i = 0; i < arguments.length; i++) {
-        var element = this.getElement(arguments[i]);
-        elements.push(element);
-      }
-      return elements;
-  },
-
-  /**
-   * @returns The GET query argument
-   */
-  getQueryArgument: function(var_name) {
-    var query = window.location.search.substring(1);
-    var vars = query.split("&");
-    for (var i=0;i<vars.length;i++) {
-      var pair = vars[i].split("=");
-      if (pair[0] == var_name) {
-        return pair[1];
-      }
-    }
-    return null;
-  },
-
-  /**
-   * @returns If the browser is Internet Explorer
-   */
-  isIe: function() {
-    return (navigator.userAgent.toLowerCase().indexOf("msie") != -1 && navigator.userAgent.toLowerCase().indexOf("opera") == -1);
-  },
-
-  /**
-   * @returns The document body   
-   */
-  getBody: function() {
-    return this.getElementsByTagAndClassName('body')[0] 
-  },
-
-  /**
-   * @returns All the elements that have a specific tag name or class name
-   */
-  getElementsByTagAndClassName: function(tag_name, class_name, /*optional*/ parent) {
-    var class_elements = new Array();
-    if(!this.isDefined(parent))
-      parent = document;
-    if(!this.isDefined(tag_name))
-      tag_name = '*';
-
-    var els = parent.getElementsByTagName(tag_name);
-    var els_len = els.length;
-    var pattern = new RegExp("(^|\\s)" + class_name + "(\\s|$)");
-
-    for (i = 0, j = 0; i < els_len; i++) {
-      if ( pattern.test(els[i].className) || class_name == null ) {
-        class_elements[j] = els[i];
-        j++;
-      }
-    }
-    return class_elements;
-  },
-
-
-////
-// DOM manipulation
-////
-  /**
-   * Appends some nodes to a node
-   */
-  appendChildNodes: function(node/*, nodes...*/) {
-    if(arguments.length >= 2) {
-      for(var i=1; i < arguments.length; i++) {
-        var n = arguments[i];
-        if(typeof(n) == "string")
-          n = document.createTextNode(n);
-        if(this.isDefined(n))
-          node.appendChild(n);
-      }
-    }
-    return node;
-  },
-
-  /**
-   * Replaces a nodes children with another node(s)
-   */
-  replaceChildNodes: function(node/*, nodes...*/) {
-    var child;
-    while ((child = node.firstChild)) {
-      node.removeChild(child);
-    }
-    if (arguments.length < 2) {
-      return node;
-    } else {
-      return this.appendChildNodes.apply(this, arguments);
-    }
-  },
-
-  /**
-   * Insert a node after another node
-   */
-  insertAfter: function(node, referenceNode) {
-    referenceNode.parentNode.insertBefore(node, referenceNode.nextSibling);
-  },
-  
-  /**
-   * Insert a node before another node
-   */
-  insertBefore: function(node, referenceNode) {
-    referenceNode.parentNode.insertBefore(node, referenceNode);
-  },
-  
-  /**
-   * Shows the element
-   */
-  showElement: function(elm) {
-    elm.style.display = '';
-  },
-  
-  /**
-   * Hides the element
-   */
-  hideElement: function(elm) {
-    elm.style.display = 'none';
-  },
-
-  isElementHidden: function(elm) {
-    return elm.style.visibility == "hidden";
-  },
-  
-  /**
-   * Swaps one element with another. To delete use swapDOM(elm, null)
-   */
-  swapDOM: function(dest, src) {
-    dest = this.getElement(dest);
-    var parent = dest.parentNode;
-    if (src) {
-      src = this.getElement(src);
-      parent.replaceChild(src, dest);
-    } else {
-      parent.removeChild(dest);
-    }
-    return src;
-  },
-
-  /**
-   * Removes an element from the world
-   */
-  removeElement: function(elm) {
-    this.swapDOM(elm, null);
-  },
-
-  /**
-   * @returns Is an object a dictionary?
-   */
-  isDict: function(o) {
-    var str_repr = String(o);
-    return str_repr.indexOf(" Object") != -1;
-  },
-  
-  /**
-   * Creates a DOM element
-   * @param {String} name The elements DOM name
-   * @param {Dict} attrs Attributes sent to the function
-   */
-  createDOM: function(name, attrs) {
-    var i=0;
-    elm = document.createElement(name);
-
-    if(this.isDict(attrs[i])) {
-      for(k in attrs[0]) {
-        if(k == "style")
-          elm.style.cssText = attrs[0][k];
-        else if(k == "class")
-          elm.className = attrs[0][k];
-        else
-          elm.setAttribute(k, attrs[0][k]);
-      }
-      i++;
+ SpellCheck
+    jQuery'fied spell checker based on GoogieSpell 4.0
+      (which was published under GPL "version 2 or any later version")
+
+ Copyright (C) 2006 Amir Salihefendic
+ Copyright (C) 2009 Aleksander Machniak
+ Copyright (C) 2011 Kolab Systems AG
+     LICENSE
+         GPL
+     AUTHORS
+         4mir Salihefendic (http://amix.dk) - amix@amix.dk
+	    Aleksander Machniak - alec [at] alec.pl
+*/
+
+var GOOGIE_CUR_LANG,
+    GOOGIE_DEFAULT_LANG = 'en';
+
+function GoogieSpell(img_dir, server_url, has_dict)
+{
+    var ref = this,
+        cookie_value = getCookie('language');
+
+    GOOGIE_CUR_LANG = cookie_value != null ? cookie_value : GOOGIE_DEFAULT_LANG;
+
+    this.array_keys = function(arr) {
+	    var res = [];
+	    for (var key in arr) { res.push([key]); }
+	    return res;
     }
 
-    if(attrs[0] == null)
-      i = 1;
+    this.img_dir = img_dir;
+    this.server_url = server_url;
 
-    for(i; i < attrs.length; i++) {
-      var n = attrs[i];
-      if(this.isDefined(n)) {
-        if(typeof(n) == "string")
-          n = document.createTextNode(n);
-        elm.appendChild(n);
-      }
-    }
-    return elm;
-  },
-
-  UL: function() { return this.createDOM.apply(this, ["ul", arguments]); },
-  LI: function() { return this.createDOM.apply(this, ["li", arguments]); },
-  TD: function() { return this.createDOM.apply(this, ["td", arguments]); },
-  TR: function() { return this.createDOM.apply(this, ["tr", arguments]); },
-  TH: function() { return this.createDOM.apply(this, ["th", arguments]); },
-  TBODY: function() { return this.createDOM.apply(this, ["tbody", arguments]); },
-  TABLE: function() { return this.createDOM.apply(this, ["table", arguments]); },
-  INPUT: function() { return this.createDOM.apply(this, ["input", arguments]); },
-  SPAN: function() { return this.createDOM.apply(this, ["span", arguments]); },
-  B: function() { return this.createDOM.apply(this, ["b", arguments]); },
-  A: function() { return this.createDOM.apply(this, ["a", arguments]); },
-  DIV: function() { return this.createDOM.apply(this, ["div", arguments]); },
-  IMG: function() { return this.createDOM.apply(this, ["img", arguments]); },
-  BUTTON: function() { return this.createDOM.apply(this, ["button", arguments]); },
-  H1: function() { return this.createDOM.apply(this, ["h1", arguments]); },
-  H2: function() { return this.createDOM.apply(this, ["h2", arguments]); },
-  H3: function() { return this.createDOM.apply(this, ["h3", arguments]); },
-  BR: function() { return this.createDOM.apply(this, ["br", arguments]); },
-  TEXTAREA: function() { return this.createDOM.apply(this, ["textarea", arguments]); },
-  FORM: function() { return this.createDOM.apply(this, ["form", arguments]); },
-  P: function() { return this.createDOM.apply(this, ["p", arguments]); },
-  SELECT: function() { return this.createDOM.apply(this, ["select", arguments]); },
-  OPTION: function() { return this.createDOM.apply(this, ["option", arguments]); },
-  TN: function(text) { return document.createTextNode(text); },
-  IFRAME: function() { return this.createDOM.apply(this, ["iframe", arguments]); },
-  SCRIPT: function() { return this.createDOM.apply(this, ["script", arguments]); },
-
-////
-// Ajax functions
-////
-  /**
-   * @returns A new XMLHttpRequest object 
-   */
-  getXMLHttpRequest: function() {
-    var try_these = [
-      function () { return new XMLHttpRequest(); },
-      function () { return new ActiveXObject('Msxml2.XMLHTTP'); },
-      function () { return new ActiveXObject('Microsoft.XMLHTTP'); },
-      function () { return new ActiveXObject('Msxml2.XMLHTTP.4.0'); },
-      function () { throw "Browser does not support XMLHttpRequest"; }
-    ];
-    for (var i = 0; i < try_these.length; i++) {
-      var func = try_these[i];
-      try {
-        return func();
-      } catch (e) {
-      }
-    }
-  },
-  
-  /**
-   * Use this function to do a simple HTTP Request
-   */
-  doSimpleXMLHttpRequest: function(url) {
-    var req = this.getXMLHttpRequest();
-    req.open("GET", url, true);
-    return this.sendXMLHttpRequest(req);
-  },
-
-  getRequest: function(url, data) {
-    var req = this.getXMLHttpRequest();
-    req.open("POST", url, true);
-    req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
-    return this.sendXMLHttpRequest(req);
-  },
-
-  /**
-   * Send a XMLHttpRequest
-   */
-  sendXMLHttpRequest: function(req, data) {
-    var d = new AJSDeferred(req);
-
-    var onreadystatechange = function () {
-      if (req.readyState == 4) {
-        try {
-          var status = req.status;
-        }
-        catch(e) {};
-        if(status == 200 || status == 304 || req.responseText == null) {
-          d.callback(req, data);
-        }
-        else {
-          d.errback();
-        }
-      }
-    }
-    req.onreadystatechange = onreadystatechange;
-    return d;
-  },
-  
-  /**
-   * Represent an object as a string
-   */
-  reprString: function(o) {
-    return ('"' + o.replace(/(["\\])/g, '\\$1') + '"'
-    ).replace(/[\f]/g, "\\f"
-    ).replace(/[\b]/g, "\\b"
-    ).replace(/[\n]/g, "\\n"
-    ).replace(/[\t]/g, "\\t"
-    ).replace(/[\r]/g, "\\r");
-  },
-  
-  /**
-   * Serialize an object to JSON notation
-   */
-  serializeJSON: function(o) {
-    var objtype = typeof(o);
-    if (objtype == "undefined") {
-      return "undefined";
-    } else if (objtype == "number" || objtype == "boolean") {
-      return o + "";
-    } else if (o === null) {
-      return "null";
-    }
-    if (objtype == "string") {
-      return this.reprString(o);
-    }
-    var me = arguments.callee;
-    var newObj;
-    if (typeof(o.__json__) == "function") {
-      newObj = o.__json__();
-      if (o !== newObj) {
-        return me(newObj);
-      }
-    }
-    if (typeof(o.json) == "function") {
-      newObj = o.json();
-      if (o !== newObj) {
-        return me(newObj);
-      }
-    }
-    if (objtype != "function" && typeof(o.length) == "number") {
-      var res = [];
-      for (var i = 0; i < o.length; i++) {
-        var val = me(o[i]);
-        if (typeof(val) != "string") {
-          val = "undefined";
+    this.org_lang_to_word = {
+	    "da": "Dansk", "de": "Deutsch", "en": "English",
+        "es": "Espa&#241;ol", "fr": "Fran&#231;ais", "it": "Italiano", 
+        "nl": "Nederlands", "pl": "Polski", "pt": "Portugu&#234;s",
+        "fi": "Suomi", "sv": "Svenska"
+    };
+    this.lang_to_word = this.org_lang_to_word;
+    this.langlist_codes = this.array_keys(this.lang_to_word);
+    this.show_change_lang_pic = true;
+    this.change_lang_pic_placement = 'right';
+    this.report_state_change = true;
+
+    this.ta_scroll_top = 0;
+    this.el_scroll_top = 0;
+
+    this.lang_chck_spell = "Check spelling";
+    this.lang_revert = "Revert to";
+    this.lang_close = "Close";
+    this.lang_rsm_edt = "Resume editing";
+    this.lang_no_error_found = "No spelling errors found";
+    this.lang_no_suggestions = "No suggestions";
+    this.lang_learn_word = "Add to dictionary";
+
+    this.show_spell_img = false; // roundcube mod.
+    this.decoration = true;
+    this.use_close_btn = false;
+    this.edit_layer_dbl_click = true;
+    this.report_ta_not_found = true;
+
+    // Extensions
+    this.custom_ajax_error = null;
+    this.custom_no_spelling_error = null;
+    this.custom_menu_builder = []; // Should take an eval function and a build menu function
+    this.custom_item_evaulator = null; // Should take an eval function and a build menu function
+    this.extra_menu_items = [];
+    this.custom_spellcheck_starter = null;
+    this.main_controller = true;
+    this.has_dictionary = has_dict;
+
+    // Observers
+    this.lang_state_observer = null;
+    this.spelling_state_observer = null;
+    this.show_menu_observer = null;
+    this.all_errors_fixed_observer = null;
+
+    // Focus links - used to give the text box focus
+    this.use_focus = false;
+    this.focus_link_t = null;
+    this.focus_link_b = null;
+
+    // Counters
+    this.cnt_errors = 0;
+    this.cnt_errors_fixed = 0;
+
+    // Set document's onclick to hide the language and error menu
+    $(document).bind('click', function(e) {
+        var target = $(e.target);
+        if(target.attr('googie_action_btn') != '1' && ref.isLangWindowShown())
+	        ref.hideLangWindow();
+	    if(target.attr('googie_action_btn') != '1' && ref.isErrorWindowShown())
+            ref.hideErrorWindow();
+    });
+
+
+this.decorateTextarea = function(id)
+{
+    this.text_area = typeof id === 'string' ? document.getElementById(id) : id;
+
+    if (this.text_area) {
+        if (!this.spell_container && this.decoration) {
+            var table = document.createElement('table'),
+                tbody = document.createElement('tbody'),
+                tr = document.createElement('tr'),
+                spell_container = document.createElement('td'),
+                r_width = this.isDefined(this.force_width) ? this.force_width : this.text_area.offsetWidth,
+                r_height = this.isDefined(this.force_height) ? this.force_height : 16;
+
+            tr.appendChild(spell_container);
+            tbody.appendChild(tr);
+            $(table).append(tbody).insertBefore(this.text_area).width('100%').height(r_height);
+            $(spell_container).height(r_height).width(r_width).css('text-align', 'right');
+
+            this.spell_container = spell_container;
         }
-        res.push(val);
-      }
-      return "[" + res.join(",") + "]";
+
+        this.checkSpellingState();
     }
-    res = [];
-    for (var k in o) {
-      var useKey;
-      if (typeof(k) == "number") {
-        useKey = '"' + k + '"';
-      } else if (typeof(k) == "string") {
-        useKey = this.reprString(k);
-      } else {
-        // skip non-string or number keys
-        continue;
-      }
-      val = me(o[k]);
-      if (typeof(val) != "string") {
-        // skip non-serializable values
-        continue;
-      }
-      res.push(useKey + ":" + val);
+    else if (this.report_ta_not_found)
+        alert('Text area not found');
+};
+
+//////
+// API Functions (the ones that you can call)
+/////
+this.setSpellContainer = function(id)
+{
+    this.spell_container = typeof id === 'string' ? document.getElementById(id) : id;
+};
+
+this.setLanguages = function(lang_dict)
+{
+    this.lang_to_word = lang_dict;
+    this.langlist_codes = this.array_keys(lang_dict);
+};
+
+this.setCurrentLanguage = function(lan_code)
+{
+    GOOGIE_CUR_LANG = lan_code;
+
+    //Set cookie
+    var now = new Date();
+    now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000);
+    setCookie('language', lan_code, now);
+};
+
+this.setForceWidthHeight = function(width, height)
+{
+    // Set to null if you want to use one of them
+    this.force_width = width;
+    this.force_height = height;
+};
+
+this.setDecoration = function(bool)
+{
+    this.decoration = bool;
+};
+
+this.dontUseCloseButtons = function()
+{
+    this.use_close_btn = false;
+};
+
+this.appendNewMenuItem = function(name, call_back_fn, checker)
+{
+    this.extra_menu_items.push([name, call_back_fn, checker]);
+};
+
+this.appendCustomMenuBuilder = function(eval_fn, builder)
+{
+    this.custom_menu_builder.push([eval_fn, builder]);
+};
+
+this.setFocus = function()
+{
+    try {
+        this.focus_link_b.focus();
+        this.focus_link_t.focus();
+        return true;
     }
-    return "{" + res.join(",") + "}";
-  },
-
-  /**
-   * Send and recive JSON using GET
-   */
-  loadJSONDoc: function(url) {
-    var d = this.getRequest(url);
-    var eval_req = function(req) {
-      var text = req.responseText;
-      return eval('(' + text + ')');
-    };
-    d.addCallback(eval_req);
-    return d;
-  },
-  
-  
-////
-// Misc.
-////
-  /**
-   * Alert the objects key attrs 
-   */
-  keys: function(obj) {
-    var rval = [];
-    for (var prop in obj) {
-      rval.push(prop);
+    catch(e) {
+        return false;
     }
-    return rval;
-  },
-
-  urlencode: function(str) {
-    return encodeURIComponent(str.toString());
-  },
-
-  /**
-   * @returns True if the object is defined, otherwise false
-   */
-  isDefined: function(o) {
-    return (o != "undefined" && o != null)
-  },
-  
-  /**
-   * @returns True if an object is a array, false otherwise
-   */
-  isArray: function(obj) {
-    try { return (typeof(obj.length) == "undefined") ? false : true; }
-    catch(e)
-    { return false; }
-  },
-
-  isObject: function(obj) {
-    return (obj && typeof obj == 'object');
-  },
-
-  /**
-   * Export DOM elements to the global namespace
-   */
-  exportDOMElements: function() {
-    UL = this.UL;
-    LI = this.LI;
-    TD = this.TD;
-    TR = this.TR;
-    TH = this.TH;
-    TBODY = this.TBODY;
-    TABLE = this.TABLE;
-    INPUT = this.INPUT;
-    SPAN = this.SPAN;
-    B = this.B;
-    A = this.A;
-    DIV = this.DIV;
-    IMG = this.IMG;
-    BUTTON = this.BUTTON;
-    H1 = this.H1;
-    H2 = this.H2;
-    H3 = this.H3;
-    BR = this.BR;
-    TEXTAREA = this.TEXTAREA;
-    FORM = this.FORM;
-    P = this.P;
-    SELECT = this.SELECT;
-    OPTION = this.OPTION;
-    TN = this.TN;
-    IFRAME = this.IFRAME;
-    SCRIPT = this.SCRIPT;
-  },
-
-  /**
-   * Export AmiJS functions to the global namespace
-   */
-  exportToGlobalScope: function() {
-    getElement = this.getElement;
-    getQueryArgument = this.getQueryArgument;
-    isIe = this.isIe;
-    $ = this.getElement;
-    getElements = this.getElements;
-    getBody = this.getBody;
-    getElementsByTagAndClassName = this.getElementsByTagAndClassName;
-    appendChildNodes = this.appendChildNodes;
-    ACN = appendChildNodes;
-    replaceChildNodes = this.replaceChildNodes;
-    RCN = replaceChildNodes;
-    insertAfter = this.insertAfter;
-    insertBefore = this.insertBefore;
-    showElement = this.showElement;
-    hideElement = this.hideElement;
-    isElementHidden = this.isElementHidden;
-    swapDOM = this.swapDOM;
-    removeElement = this.removeElement;
-    isDict = this.isDict;
-    createDOM = this.createDOM;
-    this.exportDOMElements();
-    getXMLHttpRequest = this.getXMLHttpRequest;
-    doSimpleXMLHttpRequest = this.doSimpleXMLHttpRequest;
-    getRequest = this.getRequest;
-    sendXMLHttpRequest = this.sendXMLHttpRequest;
-    reprString = this.reprString;
-    serializeJSON = this.serializeJSON;
-    loadJSONDoc = this.loadJSONDoc;
-    keys = this.keys;
-    isDefined = this.isDefined;
-    isArray = this.isArray;
-  }
-}
+};
+
+
+//////
+// Set functions (internal)
+/////
+this.setStateChanged = function(current_state)
+{
+    this.state = current_state;
+    if (this.spelling_state_observer != null && this.report_state_change)
+        this.spelling_state_observer(current_state, this);
+};
+
+this.setReportStateChange = function(bool)
+{
+    this.report_state_change = bool;
+};
+
+
+//////
+// Request functions
+/////
+this.getUrl = function()
+{
+    return this.server_url + GOOGIE_CUR_LANG;
+};
 
+this.escapeSpecial = function(val)
+{
+    return val ? val.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;") : '';
+};
+
+this.createXMLReq = function (text)
+{
+    return '<?xml version="1.0" encoding="utf-8" ?>'
+	+ '<spellrequest textalreadyclipped="0" ignoredups="0" ignoredigits="1" ignoreallcaps="1">'
+	+ '<text>' + text + '</text></spellrequest>';
+};
+
+this.spellCheck = function(ignore)
+{
+    this.prepare(ignore);
+
+    var req_text = this.escapeSpecial(this.orginal_text),
+        ref = this;
+
+    $.ajax({ type: 'POST', url: this.getUrl(), data: this.createXMLReq(req_text), dataType: 'text',
+	    error: function(o) {
+            if (ref.custom_ajax_error)
+        	    ref.custom_ajax_error(ref);
+            else
+        	    alert('An error was encountered on the server. Please try again later.');
+            if (ref.main_controller) {
+        	    $(ref.spell_span).remove();
+        	    ref.removeIndicator();
+            }
+            ref.checkSpellingState();
+	    },
+        success: function(data) {
+    	    ref.processData(data);
+    	    if (!ref.results.length) {
+        	    if (!ref.custom_no_spelling_error)
+	    	        ref.flashNoSpellingErrorState();
+            	else
+                	ref.custom_no_spelling_error(ref);
+    	    }
+    	    ref.removeIndicator();
+	    }
+    });
+};
+
+this.learnWord = function(word, id)
+{
+    word = this.escapeSpecial(word.innerHTML);
+
+    var ref = this,
+        req_text = '<?xml version="1.0" encoding="utf-8" ?><learnword><text>' + word + '</text></learnword>';
+
+    $.ajax({ type: 'POST', url: this.getUrl(), data: req_text, dataType: 'text',
+	    error: function(o) {
+            if (ref.custom_ajax_error)
+        	    ref.custom_ajax_error(ref);
+            else
+        	    alert('An error was encountered on the server. Please try again later.');
+	    },
+        success: function(data) {
+	    }
+    });
+};
 
 
-AJSDeferred = function(req) {
-  this.callbacks = [];
-  this.req = req;
+//////
+// Spell checking functions
+/////
+this.prepare = function(ignore, no_indicator)
+{
+    this.cnt_errors_fixed = 0;
+    this.cnt_errors = 0;
+    this.setStateChanged('checking_spell');
 
-  this.callback = function (res) {
-    while (this.callbacks.length > 0) {
-      var fn = this.callbacks.pop();
-      res = fn(res);
+    if (!no_indicator && this.main_controller)
+        this.appendIndicator(this.spell_span);
+
+    this.error_links = [];
+    this.ta_scroll_top = this.text_area.scrollTop;
+    this.ignore = ignore;
+    this.hideLangWindow();
+
+    if ($(this.text_area).val() == '' || ignore) {
+        if (!this.custom_no_spelling_error)
+            this.flashNoSpellingErrorState();
+        else
+            this.custom_no_spelling_error(this);
+        this.removeIndicator();
+        return;
     }
-  };
-
-  this.errback = function(e){
-    alert("Error encountered:\n" + e);
-  };
-
-  this.addErrback = function(fn) {
-    this.errback = fn;
-  };
-
-  this.addCallback = function(fn) {
-    this.callbacks.unshift(fn);
-  };
-
-  this.addCallbacks = function(fn1, fn2) {
-    this.addCallback(fn1);
-    this.addErrback(fn2);
-  };
-
-  this.sendReq = function(data) {
-    if(AJS.isObject(data)) {
-      var post_data = [];
-      for(k in data) {
-        post_data.push(k + "=" + AJS.urlencode(data[k]));
-      }
-      post_data = post_data.join("&");
-      this.req.send(post_data);
+
+    this.createEditLayer(this.text_area.offsetWidth, this.text_area.offsetHeight);
+    this.createErrorWindow();
+    $('body').append(this.error_window);
+
+    try { netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead"); }
+    catch (e) { }
+
+    if (this.main_controller)
+        $(this.spell_span).unbind('click');
+
+    this.orginal_text = $(this.text_area).val();
+};
+
+this.parseResult = function(r_text)
+{
+    // Returns an array: result[item] -> ['attrs'], ['suggestions']
+    var re_split_attr_c = /\w+="(\d+|true)"/g,
+        re_split_text = /\t/g,
+        matched_c = r_text.match(/<c[^>]*>[^<]*<\/c>/g),
+        results = [];
+
+    if (matched_c == null)
+        return results;
+
+    for (var i=0, len=matched_c.length; i < len; i++) {
+        var item = [];
+        this.errorFound();
+
+        // Get attributes
+        item['attrs'] = [];
+        var c_attr, val,
+            split_c = matched_c[i].match(re_split_attr_c);
+        for (var j=0; j < split_c.length; j++) {
+            c_attr = split_c[j].split(/=/);
+            val = c_attr[1].replace(/"/g, '');
+            item['attrs'][c_attr[0]] = val != 'true' ? parseInt(val) : val;
+        }
+
+        // Get suggestions
+        item['suggestions'] = [];
+        var only_text = matched_c[i].replace(/<[^>]*>/g, ''),
+            split_t = only_text.split(re_split_text);
+        for (var k=0; k < split_t.length; k++) {
+    	    if(split_t[k] != '')
+        	item['suggestions'].push(split_t[k]);
+    	}
+        results.push(item);
     }
-    else if(AJS.isDefined(data))
-      this.req.send(data);
-    else {
-      this.req.send("");
+
+    return results;
+};
+
+this.processData = function(data)
+{
+    this.results = this.parseResult(data);
+    if (this.results.length) {
+   	    this.showErrorsInIframe();
+   	    this.resumeEditingState();
     }
-  };
 };
-AJSDeferred.prototype = new AJSDeferred();
 
+//////
+// Error menu functions
+/////
+this.createErrorWindow = function()
+{
+    this.error_window = document.createElement('div');
+    $(this.error_window).addClass('googie_window popupmenu').attr('googie_action_btn', '1');
+};
+
+this.isErrorWindowShown = function()
+{
+    return $(this.error_window).is(':visible');
+};
 
+this.hideErrorWindow = function()
+{
+    $(this.error_window).hide();
+    $(this.error_window_iframe).hide();
+};
 
+this.updateOrginalText = function(offset, old_value, new_value, id)
+{
+    var part_1 = this.orginal_text.substring(0, offset),
+        part_2 = this.orginal_text.substring(offset+old_value.length),
+        add_2_offset = new_value.length - old_value.length;
+
+    this.orginal_text = part_1 + new_value + part_2;
+    $(this.text_area).val(this.orginal_text);
+    for (var j=0, len=this.results.length; j<len; j++) {
+        // Don't edit the offset of the current item
+        if (j != id && j > id)
+            this.results[j]['attrs']['o'] += add_2_offset;
+    }
+};
 
+this.saveOldValue = function(elm, old_value) {
+    elm.is_changed = true;
+    elm.old_value = old_value;
+};
 
+this.createListSeparator = function()
+{
+    var td = document.createElement('td'),
+        tr = document.createElement('tr');
 
-/****
-Last Modified: 28/04/06 15:26:06
+    $(td).html(' ').attr('googie_action_btn', '1')
+	    .css({'cursor': 'default', 'font-size': '3px', 'border-top': '1px solid #ccc', 'padding-top': '3px'});
+    tr.appendChild(td);
 
- GoogieSpell
-   Google spell checker for your own web-apps :)
-   Copyright Amir Salihefendic 2006
- LICENSE
-  GPL (see gpl.txt for more information)
-  This basically means that you can't use this script with/in proprietary software!
-  There is another license that permits you to use this script with proprietary software. Check out:... for more info.
-  AUTHOR
-   4mir Salihefendic (http://amix.dk) - amix@amix.dk
- VERSION
-	 3.22
-****/
-var GOOGIE_CUR_LANG = "en";
+    return tr;
+};
 
-function GoogieSpell(img_dir, server_url) {
-  var cookie_value;
-  var lang;
-  cookie_value = getCookie('language');
+this.correctError = function(id, elm, l_elm, rm_pre_space)
+{
+    var old_value = elm.innerHTML,
+        new_value = l_elm.nodeType == 3 ? l_elm.nodeValue : l_elm.innerHTML,
+        offset = this.results[id]['attrs']['o'];
+
+    if (rm_pre_space) {
+        var pre_length = elm.previousSibling.innerHTML;
+        elm.previousSibling.innerHTML = pre_length.slice(0, pre_length.length-1);
+        old_value = " " + old_value;
+        offset--;
+    }
 
-  if(cookie_value != null)
-    GOOGIE_CUR_LANG = cookie_value;
+    this.hideErrorWindow();
+    this.updateOrginalText(offset, old_value, new_value, id);
 
-  this.img_dir = img_dir;
-  this.server_url = server_url;
+    $(elm).html(new_value).css('color', 'green').attr('is_corrected', true);
 
-  this.lang_to_word = {"da": "Dansk", "de": "Deutsch", "en": "English",
-                       "es": "Espa&#241;ol", "fr": "Fran&#231;ais", "it": "Italiano", 
-                       "nl": "Nederlands", "pl": "Polski", "pt": "Portugu&#234;s",
-                       "fi": "Suomi", "sv": "Svenska"};
-  this.langlist_codes = AJS.keys(this.lang_to_word);
+    this.results[id]['attrs']['l'] = new_value.length;
 
-  this.show_change_lang_pic = true;
+    if (!this.isDefined(elm.old_value))
+        this.saveOldValue(elm, old_value);
 
-  this.lang_state_observer = null;
+    this.errorFixed();
+};
 
-  this.spelling_state_observer = null;
+this.ignoreError = function(elm, id)
+{
+    // @TODO: ignore all same words
+    $(elm).removeAttr('class').css('color', '').unbind();
+    this.hideErrorWindow();
+};
 
-  this.request = null;
-  this.error_window = null;
-  this.language_window = null;
-  this.edit_layer = null;
-  this.orginal_text = null;
-  this.results = null;
-  this.text_area = null;
-  this.gselm = null;
-  this.ta_scroll_top = 0;
-  this.el_scroll_top = 0;
+this.showErrorWindow = function(elm, id)
+{
+    if (this.show_menu_observer)
+        this.show_menu_observer(this);
+
+    var ref = this,
+        pos = $(elm).offset(),
+        table = document.createElement('table'),
+        list = document.createElement('tbody');
+
+    $(this.error_window).html('');
+    $(table).addClass('googie_list').attr('googie_action_btn', '1');
+
+    // Check if we should use custom menu builder, if not we use the default
+    var changed = false;
+    for (var k=0; k<this.custom_menu_builder.length; k++) {
+        var eb = this.custom_menu_builder[k];
+        if (eb[0](this.results[id])) {
+            changed = eb[1](this, list, elm);
+            break;
+        }
+    }
 
-  this.lang_chck_spell = "Check spelling";
-  this.lang_rsm_edt = "Resume editing";
-  this.lang_close = "Close";
-  this.lang_no_error_found = "No spelling errors found";
-  this.lang_revert = "Revert to";
-  this.show_spell_img = false;  // modified by roundcube
-}
+    if (!changed) {
+        // Build up the result list
+        var suggestions = this.results[id]['suggestions'],
+            offset = this.results[id]['attrs']['o'],
+            len = this.results[id]['attrs']['l'],
+            row, item, dummy;
+
+        // [Add to dictionary] button
+        if (this.has_dictionary && !$(elm).attr('is_corrected')) {
+            row = document.createElement('tr'),
+            item = document.createElement('td'),
+            dummy = document.createElement('span');
+
+            $(dummy).text(this.lang_learn_word);
+            $(item).attr('googie_action_btn', '1').css('cursor', 'default')
+                .mouseover(ref.item_onmouseover)
+                .mouseout(ref.item_onmouseout)
+			    .click(function(e) {
+			        ref.learnWord(elm, id);
+			        ref.ignoreError(elm, id);
+			    });
+
+            item.appendChild(dummy);
+            row.appendChild(item);
+            list.appendChild(row);
+        }
+/*
+        if (suggestions.length == 0) {
+            row = document.createElement('tr'),
+            item = document.createElement('td'),
+            dummy = document.createElement('span');
 
-GoogieSpell.prototype.setStateChanged = function(current_state) {
-  if(this.spelling_state_observer != null)
-    this.spelling_state_observer(current_state);
-}
+            $(dummy).text(this.lang_no_suggestions);
+            $(item).attr('googie_action_btn', '1').css('cursor', 'default');
 
-GoogieSpell.item_onmouseover = function(e) {
-  var elm = GoogieSpell.getEventElm(e);
-  if(elm.className != "googie_list_close" && elm.className != "googie_list_revert")
-    elm.className = "googie_list_onhover";
-  else
-    elm.parentNode.className = "googie_list_onhover";
-}
+            item.appendChild(dummy);
+            row.appendChild(item);
+            list.appendChild(row);
+        }
+*/
+        for (var i=0, len=suggestions.length; i < len; i++) {
+            row = document.createElement('tr'),
+            item = document.createElement('td'),
+            dummy = document.createElement('span');
 
-GoogieSpell.item_onmouseout = function(e) {
-  var elm = GoogieSpell.getEventElm(e);
-  if(elm.className != "googie_list_close" && elm.className != "googie_list_revert")
-    elm.className = "googie_list_onout";
-  else
-    elm.parentNode.className = "googie_list_onout";
-}
+            $(dummy).html(suggestions[i]);
 
-GoogieSpell.prototype.getGoogleUrl = function() {
-  return this.server_url + GOOGIE_CUR_LANG;
-}
+            $(item).mouseover(this.item_onmouseover).mouseout(this.item_onmouseout)
+        	    .click(function(e) { ref.correctError(id, elm, e.target.firstChild) });
 
-GoogieSpell.prototype.spellCheck = function(elm, name) {
-  this.ta_scroll_top = this.text_area.scrollTop;
+            item.appendChild(dummy);
+            row.appendChild(item);
+            list.appendChild(row);
+        }
 
-  this.appendIndicator(elm);
+        // The element is changed, append the revert
+        if (elm.is_changed && elm.innerHTML != elm.old_value) {
+            var old_value = elm.old_value,
+                revert_row = document.createElement('tr'),
+                revert = document.createElement('td'),
+                rev_span = document.createElement('span');
+
+	        $(rev_span).addClass('googie_list_revert').html(this.lang_revert + ' ' + old_value);
+
+            $(revert).mouseover(this.item_onmouseover).mouseout(this.item_onmouseout)
+        	    .click(function(e) {
+            	    ref.updateOrginalText(offset, elm.innerHTML, old_value, id);
+            	    $(elm).removeAttr('is_corrected').css('color', '#b91414').html(old_value);
+            	    ref.hideErrorWindow();
+        	    });
+
+            revert.appendChild(rev_span);
+            revert_row.appendChild(revert);
+            list.appendChild(revert_row);
+        }
 
-  try {
-    this.hideLangWindow();
-  }
-  catch(e) {}
-  
-  this.gselm = elm;
-
-  this.createEditLayer(this.text_area.offsetWidth, this.text_area.offsetHeight);
-
-  this.createErrorWindow();
-  AJS.getBody().appendChild(this.error_window);
-
-  try { netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead"); } 
-  catch (e) { }
-
-  this.gselm.onclick = null;
-
-  this.orginal_text = this.text_area.value;
-  var me = this;
-
-  //Create request
-  var d = AJS.getRequest(this.getGoogleUrl());
-  var reqdone = function(req) {
-    var r_text = req.responseText;
-    if(r_text.match(/<c.*>/) != null) {
-      var results = GoogieSpell.parseResult(r_text);
-      //Before parsing be sure that errors were found
-      me.results = results;
-      me.showErrorsInIframe(results);
-      me.resumeEditingState();
+        // Append the edit box
+        var edit_row = document.createElement('tr'),
+            edit = document.createElement('td'),
+            edit_input = document.createElement('input'),
+            ok_pic = document.createElement('img'),
+	        edit_form = document.createElement('form');
+
+        var onsub = function () {
+            if (edit_input.value != '') {
+                if (!ref.isDefined(elm.old_value))
+                    ref.saveOldValue(elm, elm.innerHTML);
+
+                ref.updateOrginalText(offset, elm.innerHTML, edit_input.value, id);
+		        $(elm).attr('is_corrected', true).css('color', 'green').html(edit_input.value);
+                ref.hideErrorWindow();
+            }
+            return false;
+        };
+
+	    $(edit_input).width(120).css({'margin': 0, 'padding': 0});
+	    $(edit_input).val(elm.innerHTML).attr('googie_action_btn', '1');
+	    $(edit).css('cursor', 'default').attr('googie_action_btn', '1');
+
+	    $(ok_pic).attr('src', this.img_dir + 'ok.gif')
+	        .width(32).height(16)
+    	    .css({'cursor': 'pointer', 'margin-left': '2px', 'margin-right': '2px'})
+	        .click(onsub);
+
+        $(edit_form).attr('googie_action_btn', '1')
+	        .css({'margin': 0, 'padding': 0, 'cursor': 'default', 'white-space': 'nowrap'})
+	        .submit(onsub);
+
+	    edit_form.appendChild(edit_input);
+	    edit_form.appendChild(ok_pic);
+        edit.appendChild(edit_form);
+        edit_row.appendChild(edit);
+        list.appendChild(edit_row);
+
+        // Append extra menu items
+        if (this.extra_menu_items.length > 0)
+	        list.appendChild(this.createListSeparator());
+
+        var loop = function(i) {
+            if (i < ref.extra_menu_items.length) {
+                var e_elm = ref.extra_menu_items[i];
+
+                if (!e_elm[2] || e_elm[2](elm, ref)) {
+                    var e_row = document.createElement('tr'),
+                      e_col = document.createElement('td');
+
+			        $(e_col).html(e_elm[0])
+                        .mouseover(ref.item_onmouseover)
+                    	.mouseout(ref.item_onmouseout)
+			            .click(function() { return e_elm[1](elm, ref) });
+
+			        e_row.appendChild(e_col);
+                    list.appendChild(e_row);
+                }
+                loop(i+1);
+            }
+        };
+
+        loop(0);
+        loop = null;
+
+        //Close button
+        if (this.use_close_btn) {
+    	    list.appendChild(this.createCloseButton(this.hideErrorWindow));
+        }
     }
-    else {
-      me.flashNoSpellingErrorState();
+
+    table.appendChild(list);
+    this.error_window.appendChild(table);
+
+    // calculate and set position
+    var height = $(this.error_window).height(),
+        width = $(this.error_window).width(),
+        pageheight = $(document).height(),
+        pagewidth = $(document).width(),
+        top = pos.top + height + 20 < pageheight ? pos.top + 20 : pos.top - height,
+        left = pos.left + width < pagewidth ? pos.left : pos.left - width;
+
+    $(this.error_window).css({'top': top+'px', 'left': left+'px'}).show();
+
+    // Dummy for IE - dropdown bug fix
+    if ($.browser.msie) {
+	    if (!this.error_window_iframe) {
+            var iframe = $('<iframe>').css({'position': 'absolute', 'z-index': -1});
+	        $('body').append(iframe);
+    	    this.error_window_iframe = iframe;
+        }
+
+	    $(this.error_window_iframe)
+	        .css({'top': this.error_window.offsetTop, 'left': this.error_window.offsetLeft,
+    	        'width': this.error_window.offsetWidth, 'height': this.error_window.offsetHeight})
+    	    .show();
     }
-    me.removeIndicator();
-  };
-
-  var reqfailed = function(req) {
-    alert("An error was encountered on the server. Please try again later.");
-    AJS.removeElement(me.gselm);
-    me.checkSpellingState();
-    me.removeIndicator();
-  };
-  
-  d.addCallback(reqdone);
-  d.addErrback(reqfailed);
-
-  var req_text = GoogieSpell.escapeSepcial(this.orginal_text);
-  d.sendReq(GoogieSpell.createXMLReq(req_text));
-}
+};
 
-GoogieSpell.escapeSepcial = function(val) {
-  return val.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-}
 
-GoogieSpell.createXMLReq = function (text) {
-  return '<?xml version="1.0" encoding="utf-8" ?><spellrequest textalreadyclipped="0" ignoredups="0" ignoredigits="1" ignoreallcaps="1"><text>' + text + '</text></spellrequest>';
-}
+//////
+// Edit layer (the layer where the suggestions are stored)
+//////
+this.createEditLayer = function(width, height)
+{
+    this.edit_layer = document.createElement('div');
+    $(this.edit_layer).addClass('googie_edit_layer').attr('id', 'googie_edit_layer')
+        .width('auto').height(height);
 
-//Retunrs an array
-//result[item] -> ['attrs']
-//                ['suggestions']
-GoogieSpell.parseResult = function(r_text) {
-  var re_split_attr_c = /\w="\d+"/g;
-  var re_split_text = /\t/g;
-
-  var matched_c = r_text.match(/<c[^>]*>[^<]*<\/c>/g);
-  var results = new Array();
-  
-  for(var i=0; i < matched_c.length; i++) {
-    var item = new Array();
-
-    //Get attributes
-    item['attrs'] = new Array();
-    var split_c = matched_c[i].match(re_split_attr_c);
-    for(var j=0; j < split_c.length; j++) {
-      var c_attr = split_c[j].split(/=/);
-      item['attrs'][c_attr[0]] = parseInt(c_attr[1].replace('"', ''));
+    if (this.text_area.nodeName.toLowerCase() != 'input' || $(this.text_area).val() == '') {
+        $(this.edit_layer).css('overflow', 'auto').height(height-4);
+    } else {
+        $(this.edit_layer).css('overflow', 'hidden');
     }
 
-    //Get suggestions
-    item['suggestions'] = new Array();
-    var only_text = matched_c[i].replace(/<[^>]*>/g, "");
-    var split_t = only_text.split(re_split_text);
-    for(var k=0; k < split_t.length; k++) {
-    if(split_t[k] != "")
-      item['suggestions'].push(split_t[k]);
+    var ref = this;
+
+    if (this.edit_layer_dbl_click) {
+        $(this.edit_layer).dblclick(function(e) {
+            if (e.target.className != 'googie_link' && !ref.isErrorWindowShown()) {
+                ref.resumeEditing();
+                var fn1 = function() {
+                    $(ref.text_area).focus();
+                    fn1 = null;
+                };
+                window.setTimeout(fn1, 10);
+            }
+            return false;
+        });
     }
-    results.push(item);
-  }
-  return results;
-}
+};
 
-/****
- Error window (the drop-down window)
-****/
-GoogieSpell.prototype.createErrorWindow = function() {
-  this.error_window = AJS.DIV();
-  this.error_window.className = "googie_window";
-}
+this.resumeEditing = function()
+{
+    this.setStateChanged('ready');
 
-GoogieSpell.prototype.hideErrorWindow = function() {
-  this.error_window.style.visibility = "hidden";
-}
+    if (this.edit_layer)
+        this.el_scroll_top = this.edit_layer.scrollTop;
 
-GoogieSpell.prototype.updateOrginalText = function(offset, old_value, new_value, id) {
-  var part_1 = this.orginal_text.substring(0, offset);
-  var part_2 = this.orginal_text.substring(offset+old_value.length);
-  this.orginal_text = part_1 + new_value + part_2;
-  var add_2_offset = new_value.length - old_value.length;
-  for(var j=0; j < this.results.length; j++) {
-    //Don't edit the offset of the current item
-    if(j != id && j > id){
-      this.results[j]['attrs']['o'] += add_2_offset;
-    }
-  }
-}
+    this.hideErrorWindow();
 
-GoogieSpell.prototype.saveOldValue = function (id, old_value) {
-  this.results[id]['is_changed'] = true;
-  this.results[id]['old_value'] = old_value;
-}
+    if (this.main_controller)
+        $(this.spell_span).removeClass().addClass('googie_no_style');
 
-GoogieSpell.prototype.showErrorWindow = function(elm, id) {
-  var me = this;
-
-  var abs_pos = GoogieSpell.absolutePosition(elm);
-  abs_pos.y -= this.edit_layer.scrollTop;
-  this.error_window.style.visibility = "visible";
-  this.error_window.style.top = (abs_pos.y+20) + "px";
-  this.error_window.style.left = (abs_pos.x) + "px";
-  this.error_window.innerHTML = "";
-
-  //Build up the result list
-  var table = AJS.TABLE({'class': 'googie_list'});
-  var list = AJS.TBODY();
-
-  var suggestions = this.results[id]['suggestions'];
-  var offset = this.results[id]['attrs']['o'];
-  var len = this.results[id]['attrs']['l'];
-
-  if(suggestions.length == 0) {
-    var row = AJS.TR();
-    var item = AJS.TD();
-    var dummy = AJS.SPAN();
-    item.appendChild(AJS.TN("No suggestions :("));
-    row.appendChild(item);
-    list.appendChild(row);
-  }
-
-  for(i=0; i < suggestions.length; i++) {
-    var row = AJS.TR();
-    var item = AJS.TD();
-    var dummy = AJS.SPAN();
-    dummy.innerHTML = suggestions[i];
-    item.appendChild(AJS.TN(dummy.innerHTML));
-    
-    item.onclick = function(e) {
-      var l_elm = GoogieSpell.getEventElm(e);
-      var old_value = elm.innerHTML;
-      var new_value = l_elm.innerHTML;
-
-      elm.style.color = "green";
-      elm.innerHTML = l_elm.innerHTML;
-      me.hideErrorWindow();
-
-      me.updateOrginalText(offset, old_value, new_value, id);
-
-      //Update to the new length
-      me.results[id]['attrs']['l'] = new_value.length;
-      me.saveOldValue(id, old_value);
-    };
-    item.onmouseover = GoogieSpell.item_onmouseover;
-    item.onmouseout = GoogieSpell.item_onmouseout;
-    row.appendChild(item);
-    list.appendChild(row);
-  }
-  
-  //The element is changed, append the revert
-  if(this.results[id]['is_changed']) {
-    var old_value = this.results[id]['old_value'];
-    var offset = this.results[id]['attrs']['o'];
-    var revert_row = AJS.TR();
-    var revert = AJS.TD();
-
-    revert.onmouseover = GoogieSpell.item_onmouseover;
-    revert.onmouseout = GoogieSpell.item_onmouseout;
-    var rev_span = AJS.SPAN({'class': 'googie_list_revert'});
-    rev_span.innerHTML = this.lang_revert + " " + old_value;
-    revert.appendChild(rev_span);
-
-    revert.onclick = function(e) { 
-      me.updateOrginalText(offset, elm.innerHTML, old_value, id);
-      elm.style.color = "#b91414";
-      elm.innerHTML = old_value;
-      me.hideErrorWindow();
-    };
+    if (!this.ignore) {
+        if (this.use_focus) {
+            $(this.focus_link_t).remove();
+            $(this.focus_link_b).remove();
+        }
+
+        $(this.edit_layer).remove();
+        $(this.text_area).show();
 
-    revert_row.appendChild(revert);
-    list.appendChild(revert_row);
-  }
-
-  //Append the edit box
-  var edit_row = AJS.TR();
-  var edit = AJS.TD();
-
-  var edit_input = AJS.INPUT({'style': 'width: 120px; margin:0; padding:0'});
-
-  var onsub = function () {
-    if(edit_input.value != "") {
-      me.saveOldValue(id, elm.innerHTML);
-      me.updateOrginalText(offset, elm.innerHTML, edit_input.value, id);
-      elm.style.color = "green"
-      elm.innerHTML = edit_input.value;
-      
-      me.hideErrorWindow();
-      return false;
+        if (this.el_scroll_top != undefined)
+            this.text_area.scrollTop = this.el_scroll_top;
     }
-  };
-  
-  var ok_pic = AJS.IMG({'src': this.img_dir + "ok.gif", 'style': 'width: 32px; height: 16px; margin-left: 2px; margin-right: 2px;'});
-  var edit_form = AJS.FORM({'style': 'margin: 0; padding: 0'}, edit_input, ok_pic);
-  ok_pic.onclick = onsub;
-  edit_form.onsubmit = onsub;
-  
-  edit.appendChild(edit_form);
-  edit_row.appendChild(edit);
-  list.appendChild(edit_row);
-
-  //Close button
-  var close_row = AJS.TR();
-  var close = AJS.TD();
-
-  close.onmouseover = GoogieSpell.item_onmouseover;
-  close.onmouseout = GoogieSpell.item_onmouseout;
-
-  var spn_close = AJS.SPAN({'class': 'googie_list_close'});
-  spn_close.innerHTML = this.lang_close;
-  close.appendChild(spn_close);
-  close.onclick = function() { me.hideErrorWindow()};
-  close_row.appendChild(close);
-  list.appendChild(close_row);
-
-  table.appendChild(list);
-  this.error_window.appendChild(table);
-}
+    this.checkSpellingState(false);
+};
 
+this.createErrorLink = function(text, id)
+{
+    var elm = document.createElement('span'),
+        ref = this,
+        d = function (e) {
+    	    ref.showErrorWindow(elm, id);
+    	    d = null;
+    	    return false;
+        };
 
-/****
-  Edit layer (the layer where the suggestions are stored)
-****/
-GoogieSpell.prototype.createEditLayer = function(width, height) {
-  this.edit_layer = AJS.DIV({'class': 'googie_edit_layer'});
-  
-  //Set the style so it looks like edit areas
-  this.edit_layer.className = this.text_area.className;
-  this.edit_layer.style.border = "1px solid #999";
-  this.edit_layer.style.overflow = "auto";
-  this.edit_layer.style.backgroundColor = "#F1EDFE";
-  this.edit_layer.style.padding = "3px";
-
-  this.edit_layer.style.width = (width-8) + "px";
-  this.edit_layer.style.height = height + "px";
-}
+    $(elm).html(text).addClass('googie_link').click(d).removeAttr('is_corrected')
+	    .attr({'googie_action_btn' : '1', 'g_id' : id});
 
-GoogieSpell.prototype.resumeEditing = function(e, me) {
-  this.setStateChanged("check_spelling");
-  me.switch_lan_pic.style.display = "inline";
+    return elm;
+};
 
-  this.el_scroll_top = me.edit_layer.scrollTop;
+this.createPart = function(txt_part)
+{
+    if (txt_part == " ")
+        return document.createTextNode(" ");
 
-  var elm = GoogieSpell.getEventElm(e);
-  AJS.replaceChildNodes(elm, this.createSpellDiv());
+    txt_part = this.escapeSpecial(txt_part);
+    txt_part = txt_part.replace(/\n/g, "<br>");
+    txt_part = txt_part.replace(/    /g, " &nbsp;");
+    txt_part = txt_part.replace(/^ /g, "&nbsp;");
+    txt_part = txt_part.replace(/ $/g, "&nbsp;");
 
-  elm.onclick = function(e) {
-    me.spellCheck(elm, me.text_area.id);
-  };
-  me.hideErrorWindow();
+    var span = document.createElement('span');
+    $(span).html(txt_part);
+    return span;
+};
 
-  //Remove the EDIT_LAYER
-  me.edit_layer.parentNode.removeChild(me.edit_layer);
+this.showErrorsInIframe = function()
+{
+    var output = document.createElement('div'),
+        pointer = 0,
+        results = this.results;
+
+    if (results.length > 0) {
+        for (var i=0, length=results.length; i < length; i++) {
+            var offset = results[i]['attrs']['o'],
+                len = results[i]['attrs']['l'],
+                part_1_text = this.orginal_text.substring(pointer, offset),
+                part_1 = this.createPart(part_1_text);
+
+            output.appendChild(part_1);
+            pointer += offset - pointer;
+
+            // If the last child was an error, then insert some space
+            var err_link = this.createErrorLink(this.orginal_text.substr(offset, len), i);
+            this.error_links.push(err_link);
+            output.appendChild(err_link);
+            pointer += len;
+        }
 
-  me.text_area.value = me.orginal_text;
-  AJS.showElement(me.text_area);
-  me.gselm.className = "googie_no_style";
+        // Insert the rest of the orginal text
+        var part_2_text = this.orginal_text.substr(pointer, this.orginal_text.length),
+            part_2 = this.createPart(part_2_text);
 
-  me.text_area.scrollTop = this.el_scroll_top;
+        output.appendChild(part_2);
+    }
+    else
+        output.innerHTML = this.orginal_text;
 
-  elm.onmouseout = null;
-}
+    $(output).css('text-align', 'left');
 
-GoogieSpell.prototype.createErrorLink = function(text, id) {
-  var elm = AJS.SPAN({'class': 'googie_link'});
-  var me = this;
-  elm.onclick = function () {
-    me.showErrorWindow(elm, id);
-  };
-  elm.innerHTML = text;
-  return elm;
-}
+    var me = this;
+    if (this.custom_item_evaulator)
+        $.map(this.error_links, function(elm){me.custom_item_evaulator(me, elm)});
 
-GoogieSpell.createPart = function(txt_part) {
-  if(txt_part == " ")
-    return AJS.TN(" ");
-  var result = AJS.SPAN();
+    $(this.edit_layer).append(output);
 
-  var is_first = true;
-  var is_safari = (navigator.userAgent.toLowerCase().indexOf("safari") != -1);
+    // Hide text area and show edit layer
+    $(this.text_area).hide();
+    $(this.edit_layer).insertBefore(this.text_area);
 
-  var part = AJS.SPAN();
-  txt_part = GoogieSpell.escapeSepcial(txt_part);
-  txt_part = txt_part.replace(/\n/g, "<br>");
-  txt_part = txt_part.replace(/  /g, " &nbsp;");
-  txt_part = txt_part.replace(/^ /g, "&nbsp;");
-  txt_part = txt_part.replace(/ $/g, "&nbsp;");
-  
-  part.innerHTML = txt_part;
+    if (this.use_focus) {
+        this.focus_link_t = this.createFocusLink('focus_t');
+        this.focus_link_b = this.createFocusLink('focus_b');
 
-  return part;
-}
+        $(this.focus_link_t).insertBefore(this.edit_layer);
+        $(this.focus_link_b).insertAfter(this.edit_layer);
+    }
 
-GoogieSpell.prototype.showErrorsInIframe = function(results) {
-  var output = AJS.DIV();
-  output.style.textAlign = "left";
-  var pointer = 0;
-  for(var i=0; i < results.length; i++) {
-    var offset = results[i]['attrs']['o'];
-    var len = results[i]['attrs']['l'];
-    
-    var part_1_text = this.orginal_text.substring(pointer, offset);
-    var part_1 = GoogieSpell.createPart(part_1_text);
-    output.appendChild(part_1);
-    pointer += offset - pointer;
-    
-    //If the last child was an error, then insert some space
-    output.appendChild(this.createErrorLink(this.orginal_text.substr(offset, len), i));
-    pointer += len;
-  }
-  //Insert the rest of the orginal text
-  var part_2_text = this.orginal_text.substr(pointer, this.orginal_text.length);
-
-  var part_2 = GoogieSpell.createPart(part_2_text);
-  output.appendChild(part_2);
-
-  this.edit_layer.appendChild(output);
-
-  //Hide text area
-  AJS.hideElement(this.text_area);
-  this.text_area.parentNode.insertBefore(this.edit_layer, this.text_area.nextSibling);
-  this.edit_layer.scrollTop = this.ta_scroll_top;
-}
+//    this.edit_layer.scrollTop = this.ta_scroll_top;
+};
 
-GoogieSpell.Position = function(x, y) {
-  this.x = x;
-  this.y = y;
-}	
-
-//Get the absolute position of menu_slide
-GoogieSpell.absolutePosition = function(element) {
-  //Create a new object that has elements y and x pos...
-  var posObj = new GoogieSpell.Position(element.offsetLeft, element.offsetTop);
-
-  //Check if the element has an offsetParent - if it has .. loop until it has not
-  if(element.offsetParent) {
-    var temp_pos =	GoogieSpell.absolutePosition(element.offsetParent);
-    posObj.x += temp_pos.x;
-    posObj.y += temp_pos.y;
-  }
-  return posObj;
-}
 
-GoogieSpell.getEventElm = function(e) {
-	var targ;
-	if (!e) var e = window.event;
-	if (e.target) targ = e.target;
-	else if (e.srcElement) targ = e.srcElement;
-	if (targ.nodeType == 3) // defeat Safari bug
-		targ = targ.parentNode;
-  return targ;
-}
+//////
+// Choose language menu
+//////
+this.createLangWindow = function()
+{
+    this.language_window = document.createElement('div');
+    $(this.language_window).addClass('googie_window popupmenu')
+	    .width(100).attr('googie_action_btn', '1');
+
+    // Build up the result list
+    var table = document.createElement('table'),
+        list = document.createElement('tbody'),
+        ref = this,
+        row, item, span;
+
+    $(table).addClass('googie_list').width('100%');
+    this.lang_elms = [];
+
+    for (i=0; i < this.langlist_codes.length; i++) {
+        row = document.createElement('tr');
+        item = document.createElement('td');
+        span = document.createElement('span');
+
+	    $(span).text(this.lang_to_word[this.langlist_codes[i]]);
+        this.lang_elms.push(item);
+
+        $(item).attr('googieId', this.langlist_codes[i])
+    	    .bind('click', function(e) {
+        	    ref.deHighlightCurSel();
+        	    ref.setCurrentLanguage($(this).attr('googieId'));
+
+        	    if (ref.lang_state_observer != null) {
+            	    ref.lang_state_observer();
+        	    }
+
+        	    ref.highlightCurSel();
+        	    ref.hideLangWindow();
+    	    })
+    	    .bind('mouseover', function(e) {
+        	    if (this.className != "googie_list_selected")
+            	    this.className = "googie_list_onhover";
+    	    })
+    	    .bind('mouseout', function(e) {
+        	    if (this.className != "googie_list_selected")
+            	    this.className = "googie_list_onout";
+    	    });
+
+	    item.appendChild(span);
+        row.appendChild(item);
+        list.appendChild(row);
+    }
 
-GoogieSpell.prototype.removeIndicator = function(elm) {
-  // modified by roundcube
-  if (window.rcube_webmail_client)
-    rcube_webmail_client.set_busy(false);
-  //AJS.removeElement(this.indicator);
-}
+    // Close button
+    if (this.use_close_btn) {
+        list.appendChild(this.createCloseButton(function () { ref.hideLangWindow.apply(ref) }));
+    }
 
-GoogieSpell.prototype.appendIndicator = function(elm) {
-  // modified by roundcube
-  if (window.rcube_webmail_client)
-    rcube_webmail_client.set_busy(true, 'checking');
-/*
-  var img = AJS.IMG({'src': this.img_dir + 'indicator.gif', 'style': 'margin-right: 5px;'});
-  img.style.width = "16px";
-  img.style.height = "16px";
-  this.indicator = img;
-  img.style.textDecoration = "none";
-  AJS.insertBefore(img, elm);
-  */
-}
+    this.highlightCurSel();
 
-/****
- Choose language
-****/
-GoogieSpell.prototype.createLangWindow = function() {
-  this.language_window = AJS.DIV({'class': 'googie_window'});
-  this.language_window.style.width = "130px";
+    table.appendChild(list);
+    this.language_window.appendChild(table);
+};
 
-  //Build up the result list
-  var table = AJS.TABLE({'class': 'googie_list'});
-  var list = AJS.TBODY();
+this.isLangWindowShown = function()
+{
+    return $(this.language_window).is(':visible');
+};
 
-  this.lang_elms = new Array();
+this.hideLangWindow = function()
+{
+    $(this.language_window).hide();
+    $(this.switch_lan_pic).removeClass().addClass('googie_lang_3d_on');
+};
 
-  for(i=0; i < this.langlist_codes.length; i++) {
-    var row = AJS.TR();
-    var item = AJS.TD();
-    item.googieId = this.langlist_codes[i];
-    this.lang_elms.push(item);
-    var lang_span = AJS.SPAN();
-    lang_span.innerHTML = this.lang_to_word[this.langlist_codes[i]];
-    item.appendChild(AJS.TN(lang_span.innerHTML));
+this.showLangWindow = function(elm)
+{
+    if (this.show_menu_observer)
+        this.show_menu_observer(this);
 
-    var me = this;
-    
-    item.onclick = function(e) {
-      var elm = GoogieSpell.getEventElm(e);
-      me.deHighlightCurSel();
+    this.createLangWindow();
+    $('body').append(this.language_window);
 
-      me.setCurrentLanguage(elm.googieId);
+    var pos = $(elm).offset(),
+        height = $(elm).height(),
+        width = $(elm).width(),
+        h = $(this.language_window).height(),
+        pageheight = $(document).height(),
+        left = this.change_lang_pic_placement == 'right' ?
+	        pos.left - 100 + width : pos.left + width,
+        top = pos.top + h < pageheight ? pos.top + height : pos.top - h - 4;
 
-      if(me.lang_state_observer != null) {
-        me.lang_state_observer();
-      }
+    $(this.language_window).css({'top' : top+'px','left' : left+'px'}).show();
 
-      me.highlightCurSel();
-      me.hideLangWindow();
-    };
+    this.highlightCurSel();
+};
 
-    item.onmouseover = function(e) { 
-      var i_it = GoogieSpell.getEventElm(e);
-      if(i_it.className != "googie_list_selected")
-        i_it.className = "googie_list_onhover";
-    };
-    item.onmouseout = function(e) { 
-      var i_it = GoogieSpell.getEventElm(e);
-      if(i_it.className != "googie_list_selected")
-        i_it.className = "googie_list_onout"; 
-    };
+this.deHighlightCurSel = function()
+{
+    $(this.lang_cur_elm).removeClass().addClass('googie_list_onout');
+};
 
-    row.appendChild(item);
-    list.appendChild(row);
-  }
-
-  this.highlightCurSel();
-
-  //Close button
-  var close_row = AJS.TR();
-  var close = AJS.TD();
-  close.onmouseover = GoogieSpell.item_onmouseover;
-  close.onmouseout = GoogieSpell.item_onmouseout;
-  var spn_close = AJS.SPAN({'class': 'googie_list_close'});
-  spn_close.innerHTML = this.lang_close;
-  close.appendChild(spn_close);
-  var me = this;
-  close.onclick = function(e) {
-    me.hideLangWindow(); GoogieSpell.item_onmouseout(e);
-  };
-  close_row.appendChild(close);
-  list.appendChild(close_row);
-
-  table.appendChild(list);
-  this.language_window.appendChild(table);
-}
+this.highlightCurSel = function()
+{
+    if (GOOGIE_CUR_LANG == null)
+        GOOGIE_CUR_LANG = GOOGIE_DEFAULT_LANG;
+    for (var i=0; i < this.lang_elms.length; i++) {
+        if ($(this.lang_elms[i]).attr('googieId') == GOOGIE_CUR_LANG) {
+            this.lang_elms[i].className = 'googie_list_selected';
+            this.lang_cur_elm = this.lang_elms[i];
+        }
+        else {
+            this.lang_elms[i].className = 'googie_list_onout';
+        }
+    }
+};
 
-GoogieSpell.prototype.setCurrentLanguage = function(lan_code) {
-  GOOGIE_CUR_LANG = lan_code;
+this.createChangeLangPic = function()
+{
+    var img = $('<img>')
+	    .attr({src: this.img_dir + 'change_lang.gif', 'alt': 'Change language', 'googie_action_btn': '1'}),
+        switch_lan = document.createElement('span');
+        ref = this;
+
+    $(switch_lan).addClass('googie_lang_3d_on')
+	    .append(img)
+	    .bind('click', function(e) {
+    	    var elm = this.tagName.toLowerCase() == 'img' ? this.parentNode : this;
+    	    if($(elm).hasClass('googie_lang_3d_click')) {
+            	elm.className = 'googie_lang_3d_on';
+        	    ref.hideLangWindow();
+    	    }
+    	    else {
+        	    elm.className = 'googie_lang_3d_click';
+        	    ref.showLangWindow(elm);
+    	    }
+	    });
+
+    return switch_lan;
+};
 
-  //Set cookie
-  var now = new Date();
-  now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000);
-  setCookie('language', lan_code, now);
-}
+this.createSpellDiv = function()
+{
+    var span = document.createElement('span');
 
-GoogieSpell.prototype.hideLangWindow = function() {
-  this.language_window.style.visibility = "hidden";
-  this.switch_lan_pic.className = "googie_lang_3d_on";
-}
+    $(span).addClass('googie_check_spelling_link').text(this.lang_chck_spell);
 
-GoogieSpell.prototype.deHighlightCurSel = function() {
-  this.lang_cur_elm.className = "googie_list_onout";
-}
+    if (this.show_spell_img) {
+	    $(span).append(' ').append($('<img>').attr('src', this.img_dir + 'spellc.gif'));
+    }
+    return span;
+};
 
-GoogieSpell.prototype.highlightCurSel = function() {
-  for(var i=0; i < this.lang_elms.length; i++) {
-    if(this.lang_elms[i].googieId == GOOGIE_CUR_LANG) {
-      this.lang_elms[i].className = "googie_list_selected";
-      this.lang_cur_elm = this.lang_elms[i];
+
+//////
+// State functions
+/////
+this.flashNoSpellingErrorState = function(on_finish)
+{
+    this.setStateChanged('no_error_found');
+
+    var ref = this;
+    if (this.main_controller) {
+	    var no_spell_errors;
+	    if (on_finish) {
+    	    var fn = function() {
+            	on_finish();
+        	    ref.checkSpellingState();
+    	    };
+    	    no_spell_errors = fn;
+	    }
+	    else
+    	    no_spell_errors = function () { ref.checkSpellingState() };
+
+        var rsm = $('<span>').text(this.lang_no_error_found);
+
+        $(this.switch_lan_pic).hide();
+	    $(this.spell_span).empty().append(rsm)
+	    .removeClass().addClass('googie_check_spelling_ok');
+
+        window.setTimeout(no_spell_errors, 1000);
     }
-    else {
-      this.lang_elms[i].className = "googie_list_onout";
+};
+
+this.resumeEditingState = function()
+{
+    this.setStateChanged('resume_editing');
+
+    //Change link text to resume
+    if (this.main_controller) {
+        var rsm = $('<span>').text(this.lang_rsm_edt);
+	var ref = this;
+
+        $(this.switch_lan_pic).hide();
+        $(this.spell_span).empty().unbind().append(rsm)
+    	    .bind('click', function() { ref.resumeEditing() })
+    	    .removeClass().addClass('googie_resume_editing');
     }
-  }
-}
 
-GoogieSpell.prototype.showLangWindow = function(elm, ofst_top, ofst_left) {
-  if(!AJS.isDefined(ofst_top))
-    ofst_top = 20;
-  if(!AJS.isDefined(ofst_left))
-    ofst_left = 50;
-
-  this.createLangWindow();
-  AJS.getBody().appendChild(this.language_window);
-
-  var abs_pos = GoogieSpell.absolutePosition(elm);
-  AJS.showElement(this.language_window);
-  this.language_window.style.top = (abs_pos.y+ofst_top) + "px";
-  this.language_window.style.left = (abs_pos.x+ofst_left-this.language_window.offsetWidth) + "px";
-  this.highlightCurSel();
-  this.language_window.style.visibility = "visible";
-}
+    try { this.edit_layer.scrollTop = this.ta_scroll_top; }
+    catch (e) {};
+};
 
-GoogieSpell.prototype.flashNoSpellingErrorState = function() {
-  this.setStateChanged("no_error_found");
-  var me = this;
-  AJS.hideElement(this.switch_lan_pic);
-  this.gselm.innerHTML = this.lang_no_error_found;
-  this.gselm.className = "googie_check_spelling_ok";
-  this.gselm.style.textDecoration = "none";
-  this.gselm.style.cursor = "default";
-  var fu = function() {
-    AJS.removeElement(me.gselm);
-    me.checkSpellingState();
-  };
-  setTimeout(fu, 1000);
-}
+this.checkSpellingState = function(fire)
+{
+    if (fire)
+        this.setStateChanged('ready');
 
-GoogieSpell.prototype.resumeEditingState = function() {
-  this.setStateChanged("resume_editing");
-  var me = this;
-  AJS.hideElement(me.switch_lan_pic);
-
-  //Change link text to resume
-  me.gselm.innerHTML = this.lang_rsm_edt;
-  me.gselm.onclick = function(e) {
-    me.resumeEditing(e, me);
-  }
-  me.gselm.className = "googie_check_spelling_ok";
-  me.edit_layer.scrollTop = me.ta_scroll_top;
-}
+    if (this.show_change_lang_pic)
+        this.switch_lan_pic = this.createChangeLangPic();
+    else
+        this.switch_lan_pic = document.createElement('span');
 
-GoogieSpell.prototype.createChangeLangPic = function() {
-  var switch_lan = AJS.A({'class': 'googie_lang_3d_on', 'style': 'padding-left: 6px;'}, AJS.IMG({'src': this.img_dir + 'change_lang.gif', 'alt': "Change language"}));
-  switch_lan.onmouseover = function() {
-    if(this.className != "googie_lang_3d_click")
-      this.className = "googie_lang_3d_on";
-  }
-
-  var me = this;
-  switch_lan.onclick = function() {
-    if(this.className == "googie_lang_3d_click") {
-      me.hideLangWindow();
-    }
+    var span_chck = this.createSpellDiv(),
+        ref = this;
+
+    if (this.custom_spellcheck_starter)
+        $(span_chck).bind('click', function(e) { ref.custom_spellcheck_starter() });
     else {
-      me.showLangWindow(switch_lan);
-      this.className = "googie_lang_3d_click";
+        $(span_chck).bind('click', function(e) { ref.spellCheck() });
     }
-  }
-  return switch_lan;
-}
 
-GoogieSpell.prototype.createSpellDiv = function() {
-  var chk_spell = AJS.SPAN({'class': 'googie_check_spelling_link'});
-  chk_spell.innerHTML = this.lang_chck_spell;
-  var spell_img = null;
-  if(this.show_spell_img)
-    spell_img = AJS.IMG({'src': this.img_dir + "spellc.gif"});
-  return AJS.SPAN(spell_img, " ", chk_spell);
-}
+    if (this.main_controller) {
+        if (this.change_lang_pic_placement == 'left') {
+	        $(this.spell_container).empty().append(this.switch_lan_pic).append(' ').append(span_chck);
+        } else {
+	        $(this.spell_container).empty().append(span_chck).append(' ').append(this.switch_lan_pic);
+	    }
+    }
 
-GoogieSpell.prototype.checkSpellingState = function() {
-  this.setStateChanged("check_spelling");
-  var me = this;
-  if(this.show_change_lang_pic)
-    this.switch_lan_pic = this.createChangeLangPic();
-  else
-    this.switch_lan_pic = AJS.SPAN();
-
-  var span_chck = this.createSpellDiv();
-  span_chck.onclick = function() {
-    me.spellCheck(span_chck);
-  }
-  AJS.appendChildNodes(this.spell_container, span_chck, " ", this.switch_lan_pic);
-  // modified by roundcube
-  this.check_link = span_chck;
-}
+    this.spell_span = span_chck;
+};
 
-GoogieSpell.prototype.setLanguages = function(lang_dict) {
-  this.lang_to_word = lang_dict;
-  this.langlist_codes = AJS.keys(lang_dict);
-}
 
-GoogieSpell.prototype.decorateTextarea = function(id, /*optional*/spell_container_id, force_width) {
-  var me = this;
+//////
+// Misc. functions
+/////
+this.isDefined = function(o)
+{
+    return (o !== undefined && o !== null)
+};
+
+this.errorFixed = function()
+{
+    this.cnt_errors_fixed++;
+    if (this.all_errors_fixed_observer)
+        if (this.cnt_errors_fixed == this.cnt_errors) {
+            this.hideErrorWindow();
+            this.all_errors_fixed_observer();
+        }
+};
+
+this.errorFound = function()
+{
+    this.cnt_errors++;
+};
 
-  if(typeof(id) == "string")
-    this.text_area = AJS.getElement(id);
-  else
-    this.text_area = id;
+this.createCloseButton = function(c_fn)
+{
+    return this.createButton(this.lang_close, 'googie_list_close', c_fn);
+};
 
-  var r_width;
+this.createButton = function(name, css_class, c_fn)
+{
+    var btn_row = document.createElement('tr'),
+        btn = document.createElement('td'),
+        spn_btn;
 
-  if(this.text_area != null) {
-    if(AJS.isDefined(spell_container_id)) {
-      if(typeof(spell_container_id) == "string")
-        this.spell_container = AJS.getElement(spell_container_id);
-      else
-        this.spell_container = spell_container_id;
-    }
-    else {
-      var table = AJS.TABLE();
-      var tbody = AJS.TBODY();
-      var tr = AJS.TR();
-      if(AJS.isDefined(force_width)) {
-        r_width = force_width;
-      }
-      else {
-        r_width = this.text_area.offsetWidth + "px";
-      }
-
-      var spell_container = AJS.TD();
-      this.spell_container = spell_container;
-
-      tr.appendChild(spell_container);
-
-      tbody.appendChild(tr);
-      table.appendChild(tbody);
-
-      AJS.insertBefore(table, this.text_area);
-
-      //Set width
-      table.style.width = '100%';  // modified by roundcube (old: r_width)
-      spell_container.style.width = r_width;
-      spell_container.style.textAlign = "right";
+    if (css_class) {
+        spn_btn = document.createElement('span');
+	    $(spn_btn).addClass(css_class).html(name);
+    } else {
+        spn_btn = document.createTextNode(name);
     }
 
-    this.checkSpellingState();
-  }
-  else {
-    alert("Text area not found");
-  }
+    $(btn).bind('click', c_fn)
+	    .bind('mouseover', this.item_onmouseover)
+	    .bind('mouseout', this.item_onmouseout);
+
+    btn.appendChild(spn_btn);
+    btn_row.appendChild(btn);
+
+    return btn_row;
+};
+
+this.removeIndicator = function(elm)
+{
+    //$(this.indicator).remove();
+    // roundcube mod.
+    if (window.rcmail)
+        rcmail.set_busy(false, null, this.rc_msg_id);
+};
+
+this.appendIndicator = function(elm)
+{
+    // modified by roundcube
+    if (window.rcmail)
+	    this.rc_msg_id = rcmail.set_busy(true, 'checking');
+/*
+    this.indicator = document.createElement('img');
+    $(this.indicator).attr('src', this.img_dir + 'indicator.gif')
+	    .css({'margin-right': '5px', 'text-decoration': 'none'}).width(16).height(16);
+
+    if (elm)
+	    $(this.indicator).insertBefore(elm);
+    else
+    	$('body').append(this.indicator);
+*/
 }
+
+this.createFocusLink = function(name)
+{
+    var link = document.createElement('a');
+    $(link).attr({'href': 'javascript:;', 'name': name});
+    return link;
+};
+
+this.item_onmouseover = function(e)
+{
+    if (this.className != 'googie_list_revert' && this.className != 'googie_list_close')
+        this.className = 'googie_list_onhover';
+    else
+        this.parentNode.className = 'googie_list_onhover';
+};
+
+this.item_onmouseout = function(e)
+{
+    if (this.className != 'googie_list_revert' && this.className != 'googie_list_close')
+        this.className = 'googie_list_onout';
+    else
+        this.parentNode.className = 'googie_list_onout';
+};
+
+
+};