Fix typo

thomascube

2010-04-01 1d773d71414316e0b9836a15c35576593427ee21

 program/js/googiespell.js

@@ -1,1308 +1,1004 @@
/*
Last Modified: 28/04/06 16:28:09
 SpellCheck
    jQuery'fied spell checker based on GoogieSpell 4.0
 Copyright Amir Salihefendic 2006
 Copyright Aleksander Machniak 2009
     LICENSE
         GPL
     AUTHORS
         4mir Salihefendic (http://amix.dk) - amix@amix.dk
    Aleksander Machniak - alec [at] alec.pl
*/

  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++;
    }

    if(attrs[0] == null)
      i = 1;

    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";
        }
        res.push(val);
      }
      return "[" + res.join(",") + "]";
    }
    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);
    }
    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);
    }
    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;
  }
}



AJSDeferred = function(req) {
  this.callbacks = [];
  this.req = req;

  this.callback = function (res) {
    while (this.callbacks.length > 0) {
      var fn = this.callbacks.pop();
      res = fn(res);
    }
  };

  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);
    }
    else if(AJS.isDefined(data))
      this.req.send(data);
    else {
      this.req.send("");
    }
  };
};
AJSDeferred.prototype = new AJSDeferred();






/****
Last Modified: 28/04/06 15:26:06

 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";
var SPELL_CUR_LANG = null;
var GOOGIE_DEFAULT_LANG = 'en';

function GoogieSpell(img_dir, server_url) {
  var cookie_value;
  var lang;
  cookie_value = getCookie('language');
    var ref = this;

  if(cookie_value != null)
    GOOGIE_CUR_LANG = cookie_value;
    this.array_keys = function(arr) {
   var res = [];
   for (var key in arr) { res.push([key]); }
   return res;
    }
    
    var cookie_value = getCookie('language');
    GOOGIE_CUR_LANG = cookie_value != null ? cookie_value : GOOGIE_DEFAULT_LANG;

  this.img_dir = img_dir;
  this.server_url = server_url;
    this.img_dir = img_dir;
    this.server_url = server_url;

  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.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.show_change_lang_pic = true;
    this.ta_scroll_top = 0;
    this.el_scroll_top = 0;

  this.lang_state_observer = null;
    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.show_spell_img = false; // roundcube mod.
    this.decoration = true;
    this.use_close_btn = true;
    this.edit_layer_dbl_click = true;
    this.report_ta_not_found = true;

  this.spelling_state_observer = null;
    //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.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;
    //Observers
    this.lang_state_observer = null;
    this.spelling_state_observer = null;
    this.show_menu_observer = null;
    this.all_errors_fixed_observer = null;

  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
    //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) {
        if($(e.target).attr('googie_action_btn') != '1' && ref.isLangWindowShown())
       ref.hideLangWindow();
   if($(e.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');
            var tbody = document.createElement('tbody');
            var tr = document.createElement('tr');
            var spell_container = document.createElement('td');

            var r_width = this.isDefined(this.force_width) ? this.force_width : this.text_area.offsetWidth;
            var 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;
        }

        this.checkSpellingState();
    }
    else 
        if (this.report_ta_not_found)
            alert('Text area not found');
}

GoogieSpell.prototype.setStateChanged = function(current_state) {
  if(this.spelling_state_observer != null)
    this.spelling_state_observer(current_state);
//////
// API Functions (the ones that you can call)
/////
this.setSpellContainer = function(id) {
    this.spell_container = typeof(id) == 'string' ? document.getElementById(id) : id;
}

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";
this.setLanguages = function(lang_dict) {
    this.lang_to_word = lang_dict;
    this.langlist_codes = this.array_keys(lang_dict);
}

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";
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);
}

GoogieSpell.prototype.getGoogleUrl = function() {
  return this.server_url + GOOGIE_CUR_LANG;
this.setForceWidthHeight = function(width, height) {
    // Set to null if you want to use one of them
    this.force_width = width;
    this.force_height = height;
}

GoogieSpell.prototype.spellCheck = function(elm, name) {
  this.ta_scroll_top = this.text_area.scrollTop;
this.setDecoration = function(bool) {
    this.decoration = bool;
}

  this.appendIndicator(elm);
this.dontUseCloseButtons = function() {
    this.use_close_btn = false;
}

  try {
this.appendNewMenuItem = function(name, call_back_fn, checker) {
    this.extra_menu_items.push([name, call_back_fn, checker]);
}

this.appendCustomMenuBuilder = function(eval, builder) {
    this.custom_menu_builder.push([eval, builder]);
}

this.setFocus = function() {
    try {
        this.focus_link_b.focus();
        this.focus_link_t.focus();
        return true;
    }
    catch(e) {
        return false;
    }
}


//////
// 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.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.cnt_errors_fixed = 0;
    this.cnt_errors = 0;
    this.setStateChanged('checking_spell');

    if (this.main_controller)
        this.appendIndicator(this.spell_span);

    this.error_links = [];
    this.ta_scroll_top = this.text_area.scrollTop;
    this.ignore = ignore;
    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();
    }
    else {
      me.flashNoSpellingErrorState();
    }
    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>';
}

//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).val() == '' || ignore) {
        if (!this.custom_no_spelling_error)
            this.flashNoSpellingErrorState();
        else
            this.custom_no_spelling_error(this);
        this.removeIndicator();
        return;
    }

    //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]);
    }
    results.push(item);
  }
  return results;
    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();
    var req_text = this.escapeSpecial(this.orginal_text);
    var 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) {
       var r_text = data;
           ref.results = ref.parseResult(r_text);
           if (r_text.match(/<c.*>/) != null) {
           //Before parsing be sure that errors were found
           ref.showErrorsInIframe();
           ref.resumeEditingState();
           } else {
           if (!ref.custom_no_spelling_error)
          ref.flashNoSpellingErrorState();
           else
                   ref.custom_no_spelling_error(ref);
           }
           ref.removeIndicator();
   }
    });
}

/****
 Error window (the drop-down window)
****/
GoogieSpell.prototype.createErrorWindow = function() {
  this.error_window = AJS.DIV();
  this.error_window.className = "googie_window";
}

GoogieSpell.prototype.hideErrorWindow = function() {
  this.error_window.style.visibility = "hidden";
}
//////
// Spell checking functions
/////
this.parseResult = function(r_text) {
    // Returns an array: result[item] -> ['attrs'], ['suggestions']
    var re_split_attr_c = /\w+="(\d+|true)"/g;
    var re_split_text = /\t/g;

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;
    }
  }
}
    var matched_c = r_text.match(/<c[^>]*>[^<]*<\/c>/g);
    var results = new Array();

GoogieSpell.prototype.saveOldValue = function (id, old_value) {
  this.results[id]['is_changed'] = true;
  this.results[id]['old_value'] = old_value;
}

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));
    if (matched_c == null)
        return results;
    
    item.onclick = function(e) {
      var l_elm = GoogieSpell.getEventElm(e);
      var old_value = elm.innerHTML;
      var new_value = l_elm.innerHTML;
    for (var i=0; i < matched_c.length; i++) {
        var item = new Array();
        this.errorFound();

      elm.style.color = "green";
      elm.innerHTML = l_elm.innerHTML;
      me.hideErrorWindow();
        //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(/=/);
            var val = c_attr[1].replace(/"/g, '');
            item['attrs'][c_attr[0]] = val != 'true' ? parseInt(val) : val;
        }

      me.updateOrginalText(offset, old_value, new_value, id);
        //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]);
       }
        results.push(item);
    }

      //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'];
    return results;
}


//////
// Error menu functions
/////
this.createErrorWindow = function() {
    this.error_window = document.createElement('div');
    $(this.error_window).addClass('googie_window').attr('googie_action_btn', '1');
}

this.isErrorWindowShown = function() {
    return $(this.error_window).is(':visible');
}

this.hideErrorWindow = function() {
    $(this.error_window).css('visibility', 'hidden');
    $(this.error_window_iframe).css('visibility', 'hidden');
}

this.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;
    $(this.text_area).val(this.orginal_text);
    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.saveOldValue = function(elm, old_value) {
    elm.is_changed = true;
    elm.old_value = old_value;
}

this.createListSeparator = function() {
    var td = document.createElement('td');
    var tr = document.createElement('tr');

    $(td).html(' ').attr('googie_action_btn', '1')
   .css({'cursor': 'default', 'font-size': '3px', 'border-top': '1px solid #ccc', 'padding-top': '3px'});
    tr.appendChild(td);

    return tr;
}

this.correctError = function(id, elm, l_elm, rm_pre_space) {
    var old_value = elm.innerHTML;
    var new_value = l_elm.nodeType == 3 ? l_elm.nodeValue : l_elm.innerHTML;
    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();
    };

    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 (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--;
    }
  };
  
  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();
    this.hideErrorWindow();
    this.updateOrginalText(offset, old_value, new_value, id);

  close.onmouseover = GoogieSpell.item_onmouseover;
  close.onmouseout = GoogieSpell.item_onmouseout;
    $(elm).html(new_value).css('color', 'green').attr('is_corrected', true);

  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);
    this.results[id]['attrs']['l'] = new_value.length;

  table.appendChild(list);
  this.error_window.appendChild(table);
}


/****
  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";
}

GoogieSpell.prototype.resumeEditing = function(e, me) {
  this.setStateChanged("check_spelling");
  me.switch_lan_pic.style.display = "inline";

  this.el_scroll_top = me.edit_layer.scrollTop;

  var elm = GoogieSpell.getEventElm(e);
  AJS.replaceChildNodes(elm, this.createSpellDiv());

  elm.onclick = function(e) {
    me.spellCheck(elm, me.text_area.id);
  };
  me.hideErrorWindow();

  //Remove the EDIT_LAYER
  me.edit_layer.parentNode.removeChild(me.edit_layer);

  me.text_area.value = me.orginal_text;
  AJS.showElement(me.text_area);
  me.gselm.className = "googie_no_style";

  me.text_area.scrollTop = this.el_scroll_top;

  elm.onmouseout = null;
}

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;
}

GoogieSpell.createPart = function(txt_part) {
  if(txt_part == " ")
    return AJS.TN(" ");
  var result = AJS.SPAN();

  var is_first = true;
  var is_safari = (navigator.userAgent.toLowerCase().indexOf("safari") != -1);

  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;

  return part;
}

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'];
    if (!this.isDefined(elm.old_value))
        this.saveOldValue(elm, old_value);
    
    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;
    this.errorFixed();
}

this.showErrorWindow = function(elm, id) {
    if (this.show_menu_observer)
        this.show_menu_observer(this);

    var ref = this;
    var pos = $(elm).offset();
    pos.top -= this.edit_layer.scrollTop;

    $(this.error_window).css({'visibility': 'visible',
   'top': (pos.top+20)+'px', 'left': (pos.left)+'px'}).html('');

    var table = document.createElement('table');
    var list = document.createElement('tbody');

    $(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;
        }
    }
    if (!changed) {
        //Build up the result list
        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 = document.createElement('tr');
            var item = document.createElement('td');
            var dummy = document.createElement('span');

            $(dummy).text(this.lang_no_suggestions);
            $(item).attr('googie_action_btn', '1').css('cursor', 'default');

            item.appendChild(dummy);
            row.appendChild(item);
            list.appendChild(row);
        }

        for (i=0; i < suggestions.length; i++) {
            var row = document.createElement('tr');
            var item = document.createElement('td');
            var dummy = document.createElement('span');

            $(dummy).html(suggestions[i]);
            
            $(item).bind('mouseover', this.item_onmouseover)
           .bind('mouseout', this.item_onmouseout)
           .bind('click', function(e) { ref.correctError(id, elm, e.target.firstChild) });

            item.appendChild(dummy);
            row.appendChild(item);
            list.appendChild(row);
        }

        //The element is changed, append the revert
        if (elm.is_changed && elm.innerHTML != elm.old_value) {
            var old_value = elm.old_value;
            var revert_row = document.createElement('tr');
            var revert = document.createElement('td');
            var rev_span = document.createElement('span');
	    
       $(rev_span).addClass('googie_list_revert').html(this.lang_revert + ' ' + old_value);

            $(revert).bind('mouseover', this.item_onmouseover)
           .bind('mouseout', this.item_onmouseout)
           .bind('click', function(e) {
                   ref.updateOrginalText(offset, elm.innerHTML, old_value, id);
                   $(elm).attr('is_corrected', true).css('color', '#b91414').html(old_value);
                   ref.hideErrorWindow();
           });

            revert.appendChild(rev_span);
            revert_row.appendChild(revert);
            list.appendChild(revert_row);
        }

        //Append the edit box
        var edit_row = document.createElement('tr');
        var edit = document.createElement('td');
        var edit_input = document.createElement('input');
        var ok_pic = document.createElement('img');
   var 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'})
       .bind('click', onsub);

        $(edit_form).attr('googie_action_btn', '1')
       .css({'margin': 0, 'padding': 0, 'cursor': 'default', 'white-space': 'nowrap'})
       .bind('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');
                        var e_col = document.createElement('td');

         $(e_col).html(e_elm[0])
                           .bind('mouseover', ref.item_onmouseover)
                           .bind('mouseout', ref.item_onmouseout)
             .bind('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));
        }
    }

    table.appendChild(list);
    this.error_window.appendChild(table);

    //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({'visibility': 'visible',
       'top': this.error_window.offsetTop, 'left': this.error_window.offsetLeft,
           'width': this.error_window.offsetWidth, 'height': this.error_window.offsetHeight});
    }
}


//////
// 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').width(width-10).height(height);

    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');
    }

    var ref = this;
    if (this.edit_layer_dbl_click) {
        $(this.edit_layer).bind('click', 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;
        });
    }
}

this.resumeEditing = function() {
    this.setStateChanged('ready');

    if (this.edit_layer)
        this.el_scroll_top = this.edit_layer.scrollTop;

    this.hideErrorWindow();

    if (this.main_controller)
        $(this.spell_span).removeClass().addClass('googie_no_style');

    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();

        if (this.el_scroll_top != undefined)
            this.text_area.scrollTop = this.el_scroll_top;
    }
    this.checkSpellingState(false);
}

this.createErrorLink = function(text, id) {
    var elm = document.createElement('span');
    var ref = this;
    var d = function (e) {
           ref.showErrorWindow(elm, id);
           d = null;
           return false;
    };
    
    //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);
    $(elm).html(text).addClass('googie_link').bind('click', d)
   .attr({'googie_action_btn' : '1', 'g_id' : id, 'is_corrected' : false});

  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;
    return elm;
}

GoogieSpell.Position = function(x, y) {
  this.x = x;
  this.y = y;
}	
this.createPart = function(txt_part) {
    if (txt_part == " ")
        return document.createTextNode(" ");

//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;
    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;");
    
    var span = document.createElement('span');
    $(span).html(txt_part);
    return span;
}

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;
}
this.showErrorsInIframe = function() {
    var output = document.createElement('div')
    var pointer = 0;
    var results = this.results;

GoogieSpell.prototype.removeIndicator = function(elm) {
  // modified by roundcube
  if (window.rcube_webmail_client)
    rcube_webmail_client.set_busy(false);
  //AJS.removeElement(this.indicator);
}
    if (results.length > 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 = 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;
        }
        //Insert the rest of the orginal text
        var part_2_text = this.orginal_text.substr(pointer, this.orginal_text.length);
        var part_2 = this.createPart(part_2_text);

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);
  */
}
        output.appendChild(part_2);
    }
    else
        output.innerHTML = this.orginal_text;

/****
 Choose language
****/
GoogieSpell.prototype.createLangWindow = function() {
  this.language_window = AJS.DIV({'class': 'googie_window'});
  this.language_window.style.width = "130px";

  //Build up the result list
  var table = AJS.TABLE({'class': 'googie_list'});
  var list = AJS.TBODY();

  this.lang_elms = new Array();

  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));
    $(output).css('text-align', 'left');

    var me = this;
    if (this.custom_item_evaulator)
        $.map(this.error_links, function(elm){me.custom_item_evaulator(me, elm)});
    
    item.onclick = function(e) {
      var elm = GoogieSpell.getEventElm(e);
      me.deHighlightCurSel();
    $(this.edit_layer).append(output);

      me.setCurrentLanguage(elm.googieId);
    //Hide text area and show edit layer
    $(this.text_area).hide();
    $(this.edit_layer).insertBefore(this.text_area);

      if(me.lang_state_observer != null) {
        me.lang_state_observer();
      }
    if (this.use_focus) {
        this.focus_link_t = this.createFocusLink('focus_t');
        this.focus_link_b = this.createFocusLink('focus_b');

      me.highlightCurSel();
      me.hideLangWindow();
    };

    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"; 
    };

    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);
}

GoogieSpell.prototype.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);
}

GoogieSpell.prototype.hideLangWindow = function() {
  this.language_window.style.visibility = "hidden";
  this.switch_lan_pic.className = "googie_lang_3d_on";
}

GoogieSpell.prototype.deHighlightCurSel = function() {
  this.lang_cur_elm.className = "googie_list_onout";
}

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];
        $(this.focus_link_t).insertBefore(this.edit_layer);
        $(this.focus_link_b).insertAfter(this.edit_layer);
    }

//    this.edit_layer.scrollTop = this.ta_scroll_top;
}


//////
// Choose language menu
//////
this.createLangWindow = function() {
    this.language_window = document.createElement('div');
    $(this.language_window).addClass('googie_window')
   .width(100).attr('googie_action_btn', '1');

    //Build up the result list
    var table = document.createElement('table');
    var list = document.createElement('tbody');
    var ref = this;

    $(table).addClass('googie_list').width('100%');
    this.lang_elms = new Array();

    for (i=0; i < this.langlist_codes.length; i++) {
        var row = document.createElement('tr');
        var item = document.createElement('td');
        var 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);
    }

    //Close button
    if (this.use_close_btn) {
        list.appendChild(this.createCloseButton(function () { ref.hideLangWindow.apply(ref) }));
    }

    this.highlightCurSel();

    table.appendChild(list);
    this.language_window.appendChild(table);
}

this.isLangWindowShown = function() {
    return $(this.language_window).is(':hidden');
}

this.hideLangWindow = function() {
    $(this.language_window).css('visibility', 'hidden');
    $(this.switch_lan_pic).removeClass().addClass('googie_lang_3d_on');
}

this.deHighlightCurSel = function() {
    $(this.lang_cur_elm).removeClass().addClass('googie_list_onout');
}

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";
        }
    }
}

this.showLangWindow = function(elm) {
    if (this.show_menu_observer)
        this.show_menu_observer(this);

    this.createLangWindow();
    $('body').append(this.language_window);

    var pos = $(elm).offset();
    var top = pos.top + $(elm).height();
    var left = this.change_lang_pic_placement == 'right' ? 
   pos.left - 100 + $(elm).width() : pos.left + $(elm).width();

    $(this.language_window).css({'visibility': 'visible', 'top' : top+'px','left' : left+'px'});

    this.highlightCurSel();
}

this.createChangeLangPic = function() {
    var img = $('<img>')
   .attr({src: this.img_dir + 'change_lang.gif', 'alt': 'Change language', 'googie_action_btn': '1'});

    var switch_lan = document.createElement('span');
    var 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;
}

this.createSpellDiv = function() {
    var span = document.createElement('span');

    $(span).addClass('googie_check_spelling_link').text(this.lang_chck_spell);

    if (this.show_spell_img) {
   $(span).append(' ').append($('<img>').attr('src', this.img_dir + 'spellc.gif'));
    }
    return span;
}


//////
// 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);
    }
}

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');
    }

    try { this.edit_layer.scrollTop = this.ta_scroll_top; }
    catch (e) {};
}

this.checkSpellingState = function(fire) {
    if (fire)
        this.setStateChanged('ready');

    if (this.show_change_lang_pic)
        this.switch_lan_pic = this.createChangeLangPic();
    else
        this.switch_lan_pic = document.createElement('span');

    var span_chck = this.createSpellDiv();
    var ref = this;

    if (this.custom_spellcheck_starter)
        $(span_chck).bind('click', function(e) { ref.custom_spellcheck_starter() });
    else {
      this.lang_elms[i].className = "googie_list_onout";
    }
  }
}

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";
}

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);
}

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;
}

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();
    }
    else {
      me.showLangWindow(switch_lan);
      this.className = "googie_lang_3d_click";
    }
  }
  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);
}

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;
}

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;

  if(typeof(id) == "string")
    this.text_area = AJS.getElement(id);
  else
    this.text_area = id;

  var r_width;

  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";
        $(span_chck).bind('click', function(e) { ref.spellCheck() });
    }

    this.checkSpellingState();
  }
  else {
    alert("Text area not found");
  }
    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);
   }
    }

    this.spell_span = span_chck;
}


//////
// 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++;
}

this.createCloseButton = function(c_fn) {
    return this.createButton(this.lang_close, 'googie_list_close', c_fn);
}

this.createButton = function(name, css_class, c_fn) {
    var btn_row = document.createElement('tr');
    var btn = document.createElement('td');
    var spn_btn;

    if (css_class) {
        spn_btn = document.createElement('span');
   $(spn_btn).addClass(css_class).html(name);
    } else {
        spn_btn = document.createTextNode(name);
    }

    $(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);
}

this.appendIndicator = function(elm) {
    // modified by roundcube
    if (window.rcmail)
   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";
}


};