jQuery.fn.editable = function(url, options) {
    if (this.length == 0) { 
        return false; 
    };
    var settings = { url: url, name : 'value', id: 'id', type: 'text', width: 'auto', height : 'auto', event: 'click', onblur: 'cancel', session: ''};
    if(options) {
        jQuery.extend(settings, options);
    };
     
    jQuery(this).attr('title', settings.tooltip);

    jQuery(this)[settings.event](function(e) {
        var self = this;
        if (self.editing) {
            return;
        }
        var width = 
            ('auto' == settings.width)  ? jQuery(self).css('width')  : settings.width;
        var height = 
            ('auto' == settings.height) ? jQuery(self).css('height') : settings.height;

        self.editing    = true;
        self.revert     = jQuery(self).html();
        self.innerHTML  = '';
        var f = document.createElement('form');
        var i;
        switch (settings.type) {
            case 'textarea':
                i = document.createElement('textarea');
                if (settings.rows) {
                    i.rows = settings.rows;
                } else {
                    jQuery(i).css('height', height);
                }
                if (settings.cols) {
                    i.cols = settings.cols;
                } else {
                    jQuery(i).css('width', width);
                }   
                break;
            case 'select':
                i = document.createElement('select');
                break;
            default:
                i = document.createElement('input');
                i.type  = settings.type;
                jQuery(i).css('width', width);
                jQuery(i).css('height', height);
                i.setAttribute('autocomplete','off');
        }
        var url;
        var type;
                
        if (settings.getload) {
            url = settings.getload;
            type = 'GET';
        } else if (settings.postload) {
            url = settings.postload;
            type = 'POST';      
        }

        if (url) {
            var data = {};
            data[settings.id] = self.id;
            jQuery.ajax({
               type : type,
               url  : url,
               data : data,
               success: function(str) {
                  i.value = str;
               }
            });
        } else if (settings.data) {
            i.value = settings.data;
        } else { 
            i.value = self.revert;
        }

        i.name  = settings.name;
        f.appendChild(i);

        if (settings.submit) {
            var b = document.createElement('input');
            b.type = 'submit';
            b.value = settings.submit;
            f.appendChild(b);
        }

        if (settings.cancel) {
            var b = document.createElement('input');
            b.type = 'button';
            b.value = settings.cancel;
            f.appendChild(b);
        }
        self.appendChild(f);

        i.focus();
        jQuery(i).keydown(function(e) {
            if (e.keyCode == 27) {
                e.preventDefault();
                reset();
            }
        });
        var t;
        if ('cancel' == settings.onblur) {
            jQuery(i).blur(function(e) {
                t = setTimeout(reset, 500)
            });
        } else if ('submit' == settings.onblur) {
            jQuery(i).blur(function(e) {
                jQuery(f).submit();
            });
        } else {
            jQuery(i).blur(function(e) {
            });
        }

        jQuery(f).submit(function(e) {

            if (t) { 
                clearTimeout(t);
            }

            e.preventDefault(); 
            var p = {};
            p[i.name] = jQuery(i).val();
            p[settings.id] = self.id;

            jQuery(self).html(options.indicator);
            jQuery.post(settings.url, p, function(str) {
                self.innerHTML = str;
                self.editing = false;
            });
            return false;
        });

        function reset() {
            self.innerHTML = self.revert;
            self.editing   = false;
        };
    });
    return(this);
}