HTMLArea = function() {
    if (arguments.length == 0) {
        return;
    }

    this.id = arguments[0];

    // Default config (a replica of the HTMLArea config object).
    this.config = {
        pageStyle : 'body { background-color: #ffffff; }', 
        killWordOnPaste : true, 
        fontname : {
            // This is the default font list from HtmlArea.Config.
            'Arial'           : 'arial,helvetica,sans-serif',
            'Courier New'     : 'courier new,courier,monospace',
            'Georgia'         : 'georgia,times new roman,times,serif',
            'Tahoma'          : 'tahoma,arial,helvetica,sans-serif',
            'Times New Roman' : 'times new roman,times,serif',
            'Verdana'         : 'verdana,arial,helvetica,sans-serif',
            'Impact'          : 'impact',
            'WingDings'       : 'wingdings'
        }, 
        fontsize : {
            // This is the default font size list from HtmlArea.Config.
            '1 (8 pt)'  : '8pt', 
            '2 (10 pt)' : '10pt', 
            '3 (12 pt)' : '12pt', 
            '4 (14 pt)' : '14pt', 
            '5 (18 pt)' : '18pt', 
            '6 (24 pt)' : '24pt', 
            '7 (36 pt)' : '36pt'
        }
    };

    // Merge in supplied config if provided with one through the constructor.
    // Otherwise the config will be set by manipulating this.config.
    if (arguments.length > 1) {
        config = this._mergeObjects(config, arguments[1]);
    }
};

// A really really basic merge op to merge one object into another.
HTMLArea._mergeObjects = function(dest, source) {
    for (var key in source) {
        dest[key] = source[key];
    }

    return dest;
};

// Compile a list of items into a string that may be passed to theme_avanced_fonts or theme_advanced_font_sizes.
HTMLArea._compileFontList = function(list) {
    // http://tinymce.moxiecode.com/wiki.php/Configuration:theme_advanced_fonts
    // http://tinymce.moxiecode.com/wiki.php/Configuration:theme_advanced_font_sizes
    var results = [];

    for (var item in list) {
        results.push(item + '=' + list[item]);
    }

    return results.join(';');
};

// Construct a configuration object for TinyMCE.
HTMLArea._buildTinymceConfig = function(areaConfig, overrides) {
	areaConfig = areaConfig || config;
    var editorConfig = {
        // Plugins
        plugins : "safari,pagebreak,layer,table,moodlesmileys,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups", 
        // General config
        convert_urls : false, 
        add_form_submit_trigger : true, 
        add_unload_trigger : true, 
        // HTMLArea did not encode many entites.  Default to 'raw' entity encoding.
        // 'raw' entity encoding will try to include the additional apos entity, no nice way to stop that however.
        entity_encoding: 'raw',
		// No inline styles
		apply_source_formatting : false,
		cleanup : false, 
		verify_html : false,
		verify_css_classes : false,
		fix_list_elements : true,
        // Theme
        theme : "advanced", 
        theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,formatselect,fontselect,fontsizeselect,|,undo,redo", 
        theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor", 
        theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,moodlesmileys,media,|,ltr,rtl,|,fullscreen", 
        theme_advanced_toolbar_location : "top", 
        theme_advanced_toolbar_align : "left", 
        theme_advanced_statusbar_location : "bottom", 
        theme_advanced_resizing : true,
        theme_advanced_fonts : this._compileFontList(areaConfig.fontname),
        theme_advanced_font_sizes : this._compileFontList(areaConfig.fontsize)
    };

    // Merge with an object that may have been passed as an argument.
    // This should be used to set mode and elements.
    if (overrides) {
        editorConfig = this._mergeObjects(editorConfig, overrides);
    }

    if (areaConfig.killWordOnPaste) {
        editorConfig = this._mergeObjects(editorConfig, {
            // Be extremely aggressive when stripping out the word formatting.
            paste_create_paragraphs : true, 
            paste_auto_cleanup_on_paste : true, 
            paste_convert_middot_lists : true, 
            paste_convert_headers_to_strong : true, 
            paste_strip_class_attributes : 'all', 
            paste_retain_style_properties : 'none', 
            paste_postprocess : function(pl, o) { 
                tinymce.each(tinyMCE.activeEditor.dom.select('b', o.node), function(node) { 
                    tinyMCE.activeEditor.dom.rename(node, 'strong'); 
                }); 
            }
        });
    }

    return editorConfig;
};

// Initialize an instance of TinyMCE given a config.
HTMLArea._tinymceinit = function(editorConfig) {
    tinyMCE.init(editorConfig);
    HTMLArea._hookSubmit();
};

HTMLArea.prototype.generate = function() {
    var editorConfig = HTMLArea._buildTinymceConfig(this.config, { 
        mode     : 'exact', 
        elements : this.id 
    });

    HTMLArea._tinymceinit(editorConfig);
};

HTMLArea.replaceAll = function(areaConfig) {
    var editorConfig = this._buildTinymceConfig(areaConfig, { 
        mode : 'textareas'
    });

    this._tinymceinit(editorConfig);
};

HTMLArea._hasHookedSubmit = false;
HTMLArea._hookSubmit = function() {
	if (HTMLArea._hasHookedSubmit) {
		return;
	}
	
	tinymce.dom.Event.add(window, 'load', function() {
		var domutils = new tinymce.dom.DOMUtils(document);
		tinymce.each(domutils.select('input[type=\'submit\']'), function(button) {
			tinymce.dom.Event.add(button, 'click', function() {
				tinyMCE.triggerSave();
			});
		});
    });

	HTMLArea._hasHookedSubmit = true;
};
 
function moodleFileBrowser (field_name, url, type, win) {
    var cmsURL = '', 
        width = 0, 
        height = 0;

    switch(type) {
        default:
        case 'file':
        case 'media':
            cmsURL = 'http://www.cife.ws/cursos/lib/editor/tinymce/link.php?id=0';
            width = 480;
            height = 400;
            break;
        case 'image':
            cmsURL = 'http://www.cife.ws/cursos/lib/editor/tinymce/insert_image.php?id=0';
            width = 736;
            height = 430;
            break;
    }

    tinyMCE.activeEditor.windowManager.open({
        file           : cmsURL,
        width          : width,  
        height         : height,
        resizable      : 'yes',
        inline         : 'yes',  // This parameter only has an effect if you use the inlinepopups plugin!
        close_previous : 'no'
    }, {
        window         : win,
        input          : field_name
    });

    return false;
}