Add method to display operation (uploading) progress in UI message

Aleksander Machniak

2014-11-20 0b36d151572e050b51d82e7429fee847ebb33e22

 program/js/googiespell.js

@@ -1,38 +1,61 @@
/*
 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
*/
/**
 * Roundcube SpellCheck script
 *
 * jQuery'fied spell checker based on GoogieSpell 4.0
 * (which was published under GPL "version 2 or any later version")
 *
 * @licstart  The following is the entire license notice for the
 * JavaScript code in this file.
 *
 * Copyright (C) 2006 Amir Salihefendic
 * Copyright (C) 2009 The Roundcube Dev Team
 * Copyright (C) 2011 Kolab Systems AG
 *
 * The JavaScript code in this page is free software: you can
 * redistribute it and/or modify it under the terms of the GNU
 * General Public License (GNU GPL) as published by the Free Software
 * Foundation, either version 3 of the License, or (at your option)
 * any later version.  The code is distributed WITHOUT ANY WARRANTY;
 * without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.
 *
 * As additional permission under GNU GPL version 3 section 7, you
 * may distribute non-source (e.g., minimized or compacted) forms of
 * that code without the copy of the GNU GPL normally required by
 * section 4, provided you include this license notice and a URL
 * through which recipients can access the Corresponding Source.
 *
 * @licend  The above is the entire license notice
 * for the JavaScript code in this file.
 *
 * @author 4mir Salihefendic <amix@amix.dk> 
 * @author Aleksander Machniak - <alec [at] alec.pl>
 */

var SPELL_CUR_LANG = null;
var GOOGIE_DEFAULT_LANG = 'en';
var GOOGIE_CUR_LANG,
    GOOGIE_DEFAULT_LANG = 'en';

function GoogieSpell(img_dir, server_url) {
    var ref = this;
function GoogieSpell(img_dir, server_url, has_dict)
{
    var ref = this,
        cookie_value = rcmail.get_cookie('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;
        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.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"
        "da": "Dansk", "de": "Deutsch", "en": "English",
        "es": "Español", "fr": "Français", "it": "Italiano",
        "nl": "Nederlands", "pl": "Polski", "pt": "Português",
        "ru": "Русский", "fi": "Suomi", "sv": "Svenska"
    };
    this.lang_to_word = this.org_lang_to_word;
    this.langlist_codes = this.array_keys(this.lang_to_word);
@@ -49,58 +72,61 @@
    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 = true;
    this.use_close_btn = false;
    this.edit_layer_dbl_click = true;
    this.report_ta_not_found = true;

    //Extensions
    // 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.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
    // 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
    // Focus links - used to give the text box focus
    this.use_focus = false;
    this.focus_link_t = null;
    this.focus_link_b = null;

    //Counters
    // Counters
    this.cnt_errors = 0;
    this.cnt_errors_fixed = 0;
    
    //Set document on click to hide the language and error menu

    // 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())
        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;
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;
            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);
@@ -112,56 +138,63 @@

        this.checkSpellingState();
    }
    else 
        if (this.report_ta_not_found)
            alert('Text area not found');
}
    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.setSpellContainer = function(id)
{
    this.spell_container = typeof id === 'string' ? document.getElementById(id) : id;
};

}

this.setLanguages = function(lang_dict) {
this.setLanguages = function(lang_dict)
{
    this.lang_to_word = lang_dict;
    this.langlist_codes = this.array_keys(lang_dict);
}
};

this.setCurrentLanguage = function(lan_code) {
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);
}
    rcmail.set_cookie('language', lan_code, now);
};

this.setForceWidthHeight = function(width, height) {
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.setDecoration = function(bool)
{
    this.decoration = bool;
}
};

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

this.appendNewMenuItem = function(name, call_back_fn, checker) {
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.appendCustomMenuBuilder = function(eval_fn, builder)
{
    this.custom_menu_builder.push([eval_fn, builder]);
};

this.setFocus = function() {
this.setFocus = function()
{
    try {
        this.focus_link_b.focus();
        this.focus_link_t.focus();
@@ -170,46 +203,108 @@
    catch(e) {
        return false;
    }
}
};


//////
// Set functions (internal)
/////
this.setStateChanged = function(current_state) {
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.setReportStateChange = function(bool)
{
    this.report_state_change = bool;
}
};


//////
// Request functions
/////
this.getUrl = function() {
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.escapeSpecial = function(val)
{
    return val ? val.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;") : '';
};

this.createXMLReq = function (text) {
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>';
}
        + '<spellrequest textalreadyclipped="0" ignoredups="0" ignoredigits="1" ignoreallcaps="1">'
        + '<text>' + text + '</text></spellrequest>';
};

this.spellCheck = function(ignore) {
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) {
        }
    });
};


//////
// Spell checking functions
/////
this.prepare = function(ignore, no_indicator)
{
    this.cnt_errors_fixed = 0;
    this.cnt_errors = 0;
    this.setStateChanged('checking_spell');
    this.orginal_text = '';

    if (this.main_controller)
    if (!no_indicator && this.main_controller)
        this.appendIndicator(this.spell_span);

    this.error_links = [];
@@ -217,7 +312,9 @@
    this.ignore = ignore;
    this.hideLangWindow();

    if ($(this.text_area).val() == '' || ignore) {
    var area = $(this.text_area);

    if (area.val() == '' || ignore) {
        if (!this.custom_no_spelling_error)
            this.flashNoSpellingErrorState();
        else
@@ -225,144 +322,125 @@
        this.removeIndicator();
        return;
    }
    
    this.createEditLayer(this.text_area.offsetWidth, this.text_area.offsetHeight);

    this.createEditLayer(area.width(), area.height());
    this.createErrorWindow();
    $('body').append(this.error_window);

    try { netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead"); } 
    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;
    this.orginal_text = area.val();
};

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


//////
// Spell checking functions
/////
this.parseResult = function(r_text) {
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;

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

    for (var i=0, len=matched_c.length; i < len; i++) {
        var item = [];
        this.errorFound();

        //Get attributes
        item['attrs'] = new Array();
        var split_c = matched_c[i].match(re_split_attr_c);
        // 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++) {
            var c_attr = split_c[j].split(/=/);
            var val = c_attr[1].replace(/"/g, '');
            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'] = new Array();
        var only_text = matched_c[i].replace(/<[^>]*>/g, '');
        var split_t = only_text.split(re_split_text);
        // 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]);
       }
            if(split_t[k] != '')
            item['suggestions'].push(split_t[k]);
        }
        results.push(item);
    }
    return results;
}

    return results;
};

this.processData = function(data)
{
    this.results = this.parseResult(data);
    if (this.results.length) {
        this.showErrorsInIframe();
        this.resumeEditingState();
    }
};

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

this.isErrorWindowShown = function() {
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.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);
    var part_2 = this.orginal_text.substring(offset+old_value.length);
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);
    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
    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');
    var tr = document.createElement('tr');
this.createListSeparator = function()
{
    var td = document.createElement('td'),
        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'});
        .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'];
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;
@@ -380,47 +458,71 @@

    if (!this.isDefined(elm.old_value))
        this.saveOldValue(elm, old_value);
    
    this.errorFixed();
}

this.showErrorWindow = function(elm, id) {
    this.errorFixed();
};

this.ignoreError = function(elm, id)
{
    // @TODO: ignore all same words
    $(elm).removeAttr('class').css('color', '').unbind();
    this.hideErrorWindow();
};

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;
    var ref = this,
        pos = $(elm).offset(),
        table = document.createElement('table'),
        list = document.createElement('tbody');

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

    $(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
    // Check if we should use custom menu builder, if not we use the default
    var changed = false;
    if (this.custom_menu_builder != []) {
        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;
            }
    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 (!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) {
            var row = document.createElement('tr');
            var item = document.createElement('td');
            var dummy = document.createElement('span');
            row = document.createElement('tr'),
            item = document.createElement('td'),
            dummy = document.createElement('span');

            $(dummy).text(this.lang_no_suggestions);
            $(item).attr('googie_action_btn', '1').css('cursor', 'default');
@@ -429,51 +531,49 @@
            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');
*/
        for (var i=0, len=suggestions.length; i < len; i++) {
            row = document.createElement('tr'),
            item = document.createElement('td'),
            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).mouseover(this.item_onmouseover).mouseout(this.item_onmouseout)
              .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
        // 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);
            var old_value = elm.old_value,
                revert_row = document.createElement('tr'),
                revert = document.createElement('td'),
                rev_span = document.createElement('span');

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

        // 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 != '') {
@@ -481,98 +581,113 @@
                    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);
                $(elm).attr('is_corrected', true).css('color', 'green').text(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');
        $(edit_input).width(120)
          .css({'margin': 0, 'padding': 0})
          .val($(elm).text()).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);
        $(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'})
       .bind('submit', onsub);
        
   edit_form.appendChild(edit_input);
   edit_form.appendChild(ok_pic);
            .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
        // Append extra menu items
        if (this.extra_menu_items.length > 0)
       list.appendChild(this.createListSeparator());
	
            list.appendChild(this.createListSeparator());

        var loop = function(i) {
                if (i < ref.extra_menu_items.length) {
                    var e_elm = ref.extra_menu_items[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');
                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])
                           .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);
                    $(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));
            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').css('z-index', 0);
       $('body').append(iframe);
           this.error_window_iframe = iframe;
    // 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 (document.all && !window.opera) {
        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});

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


//////
// Edit layer (the layer where the suggestions are stored)
//////
this.createEditLayer = function(width, height) {
this.createEditLayer = function(width, height)
{
    this.edit_layer = document.createElement('div');
    $(this.edit_layer).addClass('googie_edit_layer').width(width-10).height(height);
    $(this.edit_layer).addClass('googie_edit_layer').attr('id', 'googie_edit_layer')
        .width(width).height(height);

    if (this.text_area.nodeName.toLowerCase() != 'input' || $(this.text_area).val() == '') {
        $(this.edit_layer).css('overflow', 'auto').height(height-4);
        $(this.edit_layer).css('overflow', 'auto');
    } else {
        $(this.edit_layer).css('overflow', 'hidden');
    }

    var ref = this;

    if (this.edit_layer_dbl_click) {
        $(this.edit_layer).bind('click', function(e) {
        $(this.edit_layer).dblclick(function(e) {
            if (e.target.className != 'googie_link' && !ref.isErrorWindowShown()) {
                ref.resumeEditing();
                var fn1 = function() {
@@ -584,9 +699,10 @@
            return false;
        });
    }
}
};

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

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

    $(elm).html(text).addClass('googie_link').click(d).removeAttr('is_corrected')
        .attr({'googie_action_btn' : '1', 'g_id' : id});

    return elm;
}
};

this.createPart = function(txt_part) {
this.createPart = function(txt_part)
{
    if (txt_part == " ")
        return document.createTextNode(" ");

@@ -636,36 +754,38 @@
    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;
}
};

this.showErrorsInIframe = function() {
    var output = document.createElement('div')
    var pointer = 0;
    var results = this.results;
this.showErrorsInIframe = function()
{
    var output = document.createElement('div'),
        pointer = 0,
        results = this.results;

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

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

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

        output.appendChild(part_2);
    }
@@ -677,10 +797,10 @@
    var me = this;
    if (this.custom_item_evaulator)
        $.map(this.error_links, function(elm){me.custom_item_evaulator(me, elm)});
    

    $(this.edit_layer).append(output);

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

@@ -693,60 +813,62 @@
    }

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


//////
// Choose language menu
//////
this.createLangWindow = function() {
this.createLangWindow = function()
{
    this.language_window = document.createElement('div');
    $(this.language_window).addClass('googie_window')
   .width(100).attr('googie_action_btn', '1');
    $(this.language_window).addClass('googie_window popupmenu')
        .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;
    // 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 = new Array();
    this.lang_elms = [];

    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]]);
        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'));
            .bind('click', function(e) {
                ref.deHighlightCurSel();
                ref.setCurrentLanguage($(this).attr('googieId'));

           if (ref.lang_state_observer != null) {
                   ref.lang_state_observer();
           }
                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"; 
           });
                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);
        item.appendChild(span);
        row.appendChild(item);
        list.appendChild(row);
    }

    //Close button
    // Close button
    if (this.use_close_btn) {
        list.appendChild(this.createCloseButton(function () { ref.hideLangWindow.apply(ref) }));
    }
@@ -755,136 +877,149 @@

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

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

this.hideLangWindow = function() {
    $(this.language_window).css('visibility', 'hidden');
this.hideLangWindow = function()
{
    $(this.language_window).hide();
    $(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) {
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();
    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;

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

    this.highlightCurSel();
}
};

this.createChangeLangPic = function() {
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.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;
        .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);
           }
   });
        .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() {
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'));
        $(span).append(' ').append($('<img>').attr('src', this.img_dir + 'spellc.gif'));
    }
    return span;
}
};


//////
// State functions
/////
this.flashNoSpellingErrorState = function(on_finish) {
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 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');
        $(this.spell_span).empty().append(rsm)
        .removeClass().addClass('googie_check_spelling_ok');

        window.setTimeout(no_spell_errors, 1000);
    }
}
};

this.resumeEditingState = function() {
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;
    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');
            .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) {
this.checkSpellingState = function(fire)
{
    if (fire)
        this.setStateChanged('ready');

@@ -893,8 +1028,8 @@
    else
        this.switch_lan_pic = document.createElement('span');

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

    if (this.custom_spellcheck_starter)
        $(span_chck).bind('click', function(e) { ref.custom_spellcheck_starter() });
@@ -904,103 +1039,114 @@

    if (this.main_controller) {
        if (this.change_lang_pic_placement == 'left') {
       $(this.spell_container).empty().append(this.switch_lan_pic).append(' ').append(span_chck);
            $(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_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.isDefined = function(o)
{
    return (o !== undefined && o !== null)
};

this.errorFixed = function() { 
    this.cnt_errors_fixed++; 
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.errorFound = function()
{
    this.cnt_errors++;
}
};

this.createCloseButton = function(c_fn) {
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;
this.createButton = function(name, css_class, c_fn)
{
    var btn_row = document.createElement('tr'),
        btn = document.createElement('td'),
        spn_btn;

    if (css_class) {
        spn_btn = document.createElement('span');
   $(spn_btn).addClass(css_class).html(name);
        $(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);
        .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.removeIndicator = function(elm)
{
    //$(this.indicator).remove();
    // roundcube mod.
    if (window.rcmail)
   rcmail.set_busy(false);
}
        rcmail.set_busy(false, null, this.rc_msg_id);
};

this.appendIndicator = function(elm) {
this.appendIndicator = function(elm)
{
    // modified by roundcube
    if (window.rcmail)
   rcmail.set_busy(true, 'checking');
/*    
        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);
    
        .css({'margin-right': '5px', 'text-decoration': 'none'}).width(16).height(16);

    if (elm)
   $(this.indicator).insertBefore(elm);
        $(this.indicator).insertBefore(elm);
    else
   $('body').append(this.indicator);
*/				    
        $('body').append(this.indicator);
*/
}

this.createFocusLink = function(name) {
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";
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";
        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";
}
        this.parentNode.className = 'googie_list_onout';
};


};