/*
 * Lightweight RTE - jQuery Plugin
 * Basic Toolbars
 * Copyright (c) 2009 Andrey Gayvoronsky - http://www.gayvoronsky.com
 */
var rte_tag     = '-rte-tmp-tag-';

var rte_toolbar = {
    s1              : {separator: true},
    bold            : {command: 'bold', tags:['b', 'strong']},
    italic          : {command: 'italic', tags:['i', 'em']},
    strikeThrough   : {command: 'strikethrough', tags: ['s', 'strike'] },
    underline       : {command: 'underline', tags: ['u']},
    s2              : {separator: true },
    justifyLeft     : {command: 'justifyleft'},
    justifyCenter   : {command: 'justifycenter'},
    justifyRight    : {command: 'justifyright'},
    justifyFull     : {command: 'justifyfull'},
    s3              : {separator : true},
    indent          : {command: 'indent'},
    outdent         : {command: 'outdent'},
    s4              : {separator : true},
    subscript       : {command: 'subscript', tags: ['sub']},
    superscript     : {command: 'superscript', tags: ['sup']},
    s5              : {separator : true },
    orderedList     : {command: 'insertorderedlist', tags: ['ol'] },
    unorderedList   : {command: 'insertunorderedlist', tags: ['ul'] },
    s6              : {separator : true },
    block           : {command: 'formatblock', select: '\
<select>\
    <option value="">- style -</option>\
    <option value="<p>">Paragraph</option>\
    <option value="<h1>">Header 1</option>\
    <option value="<h2>">Header 2</options>\
    <option value="<h3>">Header 3</option>\
    <option value="<h4>">Header 4</options>\
    <option value="<h5>">Header 5</option>\
    <option value="<h6>">Header 6</options>\
</select>\
    ', arg_cmp:
        function(node, arg) {
            arg = arg.replace(/<([^>]*)>/, '$1');
            return (arg.toLowerCase() == node.nodeName.toLowerCase());
        }
    , tags: ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6']},
    font            : {command: 'fontname', select: '\
<select>\
    <option value="">- font -</option>\
    <option value="arial">Arial</option>\
    <option value="comic sans ms">Comic Sans</option>\
    <option value="courier new">Courier New</options>\
    <option value="georgia">Georgia</option>\
    <option value="helvetica">Helvetica</options>\
    <option value="impact">Impact</option>\
    <option value="times new roman">Times</options>\
    <option value="trebuchet ms">Trebuchet</options>\
    <option value="verdana">Verdana</options>\
</select>\
    ', tags: ['font']},
    size            : {command: 'fontsize', select: '\
<select>\
    <option value="">-</option>\
    <option value="1">1 (8pt)</option>\
    <option value="2">2 (10pt)</option>\
    <option value="3">3 (12pt)</options>\
    <option value="4">4 (14pt)</option>\
    <option value="5">5 (16pt)</options>\
    <option value="6">6 (18pt)</option>\
    <option value="7">7 (20pt)</options>\
</select>\
    ', tags: ['font']},
    color           : {exec:
        function() {
            var self = this;
            var panel = self.create_panel('Set color for text', 385);
            var mouse_down = false;
            var mouse_over = false;
            //panel

            $('.temp_color').remove();

            //panel.parent().css({position:'relative'});

            panel.append('\
        <div class=\'temp_color\' style=\'margin:10px; position:relative;\'>\
<div class=\'colorpicker1\'><div class=\'rgb\' id=\'rgb\'></div></div>\
<div class=\'colorpicker1\'><div class=\'gray\' id=\'gray\'></div></div>\
<div class=\'colorpicker2\'>\
    <div class=\'palette\' id=\'palette\'></div>\
    <div class=\'preview\' id=\'preview\'></div>\
    <div class=\'color\' id=\'color\' style=\'color:#1a1a1a;\'></div>\
</div>\
<div class=\'clear\'></div>\
<p class=\'submit\'><div class=\'button_ok\' id=\'ok\'></div><div class=\'button_cancel\' id=\'cancel\'></div></p></div>').show();
            //alert(panel.html());
            var preview = $('#preview', panel);
            var color = $("#color", panel);
            var palette = $("#palette", panel);
            var colors = [
                '#660000', '#990000', '#cc0000', '#ff0000', '#333333',
                '#006600', '#009900', '#00cc00', '#00ff00', '#666666',
                '#000066', '#000099', '#0000cc', '#0000ff', '#999999',
                '#909000', '#900090', '#009090', '#ffffff', '#cccccc',
                '#ffff00', '#ff00ff', '#00ffff', '#000000', '#eeeeee'
            ];

            for(var i = 0; i < 25; i++)
                $("<div></div>").addClass("item").css('background', colors[i]).appendTo(palette);

            var height = $('#rgb').height();
            var part_width = $('#rgb').width() / 6;

            $('#rgb,#gray,#palette', panel)
                .mousedown( function(e) {mouse_down = true; return false; } )
                .mouseup( function(e) {mouse_down = false; return false; } )
                .mouseout( function(e) {mouse_over = false; return false; } )
                .mouseover( function(e) {mouse_over = true; return false; } );

            $('#rgb').mousemove( function(e) { if(mouse_down && mouse_over) compute_color(this, true, false, false, e); return false;} );
            $('#gray').mousemove( function(e) { if(mouse_down && mouse_over) compute_color(this, false, true, false, e); return false;} );
            $('#palette').mousemove( function(e) { if(mouse_down && mouse_over) compute_color(this, false, false, true, e); return false;} );
            $('#rgb').click( function(e) { compute_color(this, true, false, false, e); return false;} );
            $('#gray').click( function(e) { compute_color(this, false, true, false, e); return false;} );
            $('#palette').click( function(e) { compute_color(this, false, false, true, e); return false;} );

            $('#cancel', panel).click( function() { panel.remove(); return false; } );
            $('#ok', panel).click(
                function() {
                    var value = color.html();

                    if(value.length > 0 && value.charAt(0) =='#') {
                        if(self.iframe_doc.selection) //IE fix for lost focus
                            self.range.select();

                        self.editor_cmd('foreColor', value);
                    }

                    panel.remove();
                    return false;
                }
            );

            function to_hex(n) {
                var s = "0123456789abcdef";
                return s.charAt(Math.floor(n / 16)) + s.charAt(n % 16);
            }

            function get_abs_pos(element) {
                var r = { x: element.offsetLeft, y: element.offsetTop };

                if (element.offsetParent) {
                    var tmp = get_abs_pos(element.offsetParent);
                    r.x += tmp.x;
                    r.y += tmp.y;
                }

                return r;
            };

            function get_xy(obj, event) {
                var x, y;
                event = event || window.event;
                var el = event.target || event.srcElement;

                // use absolute coordinates
                var pos = get_abs_pos(obj);

                //alert('[' + event.pageX + '][' + event.pageY + ']*[' + pos.x + '][' + pos.y + ']');
                //alert(event.pageY);
                // subtract distance to middle
                x = event.pageX  - pos.x;
                y = event.pageY - pos.y;

                return { x: x, y: y };
            }

            function compute_color(obj, is_rgb, is_gray, is_palette, e) {
                var r, g, b, c;

                var mouse = get_xy(obj, e);
                var x = mouse.x;
                var y = mouse.y;

                //if(y < 0) y = -(y) - 100;

                //alert('[' + x + '][' + y + ']*[' + part_width + '][' + height + ']');

                if(is_rgb) {
                    r = (x >= 0)*(x < part_width)*255 + (x >= part_width)*(x < 2*part_width)*(2*255 - x * 255 / part_width) + (x >= 4*part_width)*(x < 5*part_width)*(-4*255 + x * 255 / part_width) + (x >= 5*part_width)*(x < 6*part_width)*255;
                    g = (x >= 0)*(x < part_width)*(x * 255 / part_width) + (x >= part_width)*(x < 3*part_width)*255 + (x >= 3*part_width)*(x < 4*part_width)*(4*255 - x * 255 / part_width);
                    b = (x >= 2*part_width)*(x < 3*part_width)*(-2*255 + x * 255 / part_width) + (x >= 3*part_width)*(x < 5*part_width)*255 + (x >= 5*part_width)*(x < 6*part_width)*(6*255 - x * 255 / part_width);

                    var k = (height - y) / height;

                    r = 128 + (r - 128) * k;
                    g = 128 + (g - 128) * k;
                    b = 128 + (b - 128) * k;
                } else if (is_gray) {
                    r = g = b = (height - y) * 1.7;
                } else if(is_palette) {
                    x = Math.floor(x / 10);
                    y = Math.floor(y / 10);
                    c = colors[x + y * 5];
                }

                if(!is_palette)
                    c = '#' + to_hex(r) + to_hex(g) + to_hex(b);

                preview.css('background', c);
                color.html(c);
            }
        }
    },
    image           : {exec:
        function() {
            var self = this;
            var panel = self.create_panel('Insert image', 385);
            panel.append('\
<p><label>URL</label><input type="text" id="url" size="30" value=""><button id="file">Upload</button><button id="view">View</button></p>\
<div class="clear"></div>\
<p class="submit"><div class="button_ok" id="ok"></div><div class="button_cancel" id="cancel"></div></p>'
).show();

            var url = $('#url', panel);
            var action_url = $(document).getRP_URL('WSRP:APPLICATION:5000') + '&return_format=html' + '&url=http://apps.wsapps.net/pagemaker/uploader.php';
            //alert(action_url);
            var upload = $('#file', panel).upload( {
                autoSubmit: false,
                action: action_url,
                onSelect: function() {
                    var file = this.filename();
                    var ext = (/[.]/.exec(file)) ? /[^.]+$/.exec(file.toLowerCase()) : '';
                    if(!(ext && /^(jpg|png|jpeg|gif|swf)$/.test(ext))){
                        alert('Invalid file extension');
                        return;
                    }

                    this.submit();
                },
                onComplete: function(response) {
                    if(response.length <= 0)
                        return;
                    //alert(response);

                    var file = this.filename();
                    var ext = (/[.]/.exec(file)) ? /[^.]+$/.exec(file.toLowerCase()) : '';

                    response    = eval("(" + response + ")");
                    if(response.error && response.error.length > 0){
                        alert(response.error);
                    }else{
                        url.val((response.file && response.file.length > 0) ? response.file : '');

                            var file = url.val();

                            //if(ext == 'swf'){ //alert(123);
                             //self.editor_cmd('insertObject', file);
                             //panel.remove();
                            //}else{
                             self.editor_cmd('insertImage', file);
                             panel.remove();
                            //}



                            //return false;

                    }
                }
            });

            $('#view', panel).click( function() {
                    (url.val().length >0 ) ? window.open(url.val()) : alert("Enter URL of image to view");
                    return false;
                }
            );

            $('#cancel', panel).click( function() { panel.remove(); return false;} );
            $('#ok', panel).click(
                function() {
                    var file = url.val();
                    self.editor_cmd('insertImage', file);
                    panel.remove();
                    return false;
                }
            )
        }, tags: ['img'] },
    /*link          : {exec:
        function() {
            var self = this;
            var panel = self.create_panel("Create link / Attach file", 385);
            panel.append('\
<p><label>URL</label><input type="text" id="url" size="30" value=""><button id="file">Attach File</button><button id="view">View</button></p>\
<div class="clear"></div>\
<p><label>Title</label><input type="text" id="title" size="30" value=""><label>Target</label><select id="target"><option value="">default</option><option value="_blank">new</option></select></p>\
<div class="clear"></div>\
<p class="submit"><div class="button_ok" id="ok"></div><div class="button_cancel" id="cancel"></div></p>'
).show();

            $('#cancel', panel).click( function() { panel.remove(); return false; } );

            var url = $('#url', panel);
            var upload = $('#file', panel).upload( {
                autoSubmit: true,
                action: 'uploader.php',
                onComplete: function(response) {
                    if(response.length <= 0)
                        return;

                    response    = eval("(" + response + ")");
                    if(response.error && response.error.length > 0)
                        alert(response.error);
                    else
                        url.val((response.file && response.file.length > 0) ? response.file : '');
                }
            });

            $('#view', panel).click( function() {
                    (url.val().length >0 ) ? window.open(url.val()) : alert("Enter URL to view");
                    return false;
                }
            );
            $('#ok', panel).click(
                function() {
                    var url = $('#url', panel).val();
                    var target = $('#target', panel).val();
                    var title = $('#title', panel).val();

                    if(self.get_selected_text().length <= 0) {
                        alert('Select the text you wish to link!');
                        return false;
                    }

                    panel.remove();

                    if(url.length <= 0)
                        return false;

                    self.editor_cmd('unlink');

                    // we wanna well-formed linkage (<p>,<h1> and other block types can't be inside of link due to WC3)
                    self.editor_cmd('createLink', rte_tag);
                    var tmp = $('<span></span>').append(self.get_selected_html());

                    if(target.length > 0)
                        $('a[href*="' + rte_tag + '"]', tmp).attr('target', target);

                    if(title.length > 0)
                        $('a[href*="' + rte_tag + '"]', tmp).attr('title', title);

                    $('a[href*="' + rte_tag + '"]', tmp).attr('href', url);

                    self.selection_replace_with(tmp.html());
                    return false;
                }
            )
        }, tags: ['a'] },*/
    //unlink            : {command: 'unlink'},
    s8              : {separator : true },
    removeFormat    : {exec:
        function() {
            this.editor_cmd('removeFormat');
            this.editor_cmd('unlink');
        }},
    word            : {exec: function() { this.set_content(cleanup_word(this.get_content(), true, true, true)); }},
    clear           : {exec: function() { if(confirm('Clear Document?')) this.set_content(''); }}
};

var html_toolbar = {
    s1              : {separator: true},
    word            : {exec: function() { this.set_content(cleanup_word(this.get_content(), true, true, true)); }},
    clear           : {exec: function() { if(confirm('Clear Document?')) this.set_content(''); }}
};

function cleanup_word(s, bIgnoreFont, bRemoveStyles, bCleanWordKeepsStructure) {
    s = s.replace(/<o:p>\s*<\/o:p>/g, '') ;
    s = s.replace(/<o:p>[\s\S]*?<\/o:p>/g, '&nbsp;') ;

    // Remove mso-xxx styles.
    s = s.replace( /\s*mso-[^:]+:[^;"]+;?/gi, '' ) ;

    // Remove margin styles.
    s = s.replace( /\s*MARGIN: 0cm 0cm 0pt\s*;/gi, '' ) ;
    s = s.replace( /\s*MARGIN: 0cm 0cm 0pt\s*"/gi, "\"" ) ;

    s = s.replace( /\s*TEXT-INDENT: 0cm\s*;/gi, '' ) ;
    s = s.replace( /\s*TEXT-INDENT: 0cm\s*"/gi, "\"" ) ;

    s = s.replace( /\s*TEXT-ALIGN: [^\s;]+;?"/gi, "\"" ) ;

    s = s.replace( /\s*PAGE-BREAK-BEFORE: [^\s;]+;?"/gi, "\"" ) ;

    s = s.replace( /\s*FONT-VARIANT: [^\s;]+;?"/gi, "\"" ) ;

    s = s.replace( /\s*tab-stops:[^;"]*;?/gi, '' ) ;
    s = s.replace( /\s*tab-stops:[^"]*/gi, '' ) ;

    // Remove FONT face attributes.
    if (bIgnoreFont) {
        s = s.replace( /\s*face="[^"]*"/gi, '' ) ;
        s = s.replace( /\s*face=[^ >]*/gi, '' ) ;

        s = s.replace( /\s*FONT-FAMILY:[^;"]*;?/gi, '' ) ;
    }

    // Remove Class attributes
    s = s.replace(/<(\w[^>]*) class=([^ |>]*)([^>]*)/gi, "<$1$3") ;

    // Remove styles.
    if (bRemoveStyles)
        s = s.replace( /<(\w[^>]*) style="([^\"]*)"([^>]*)/gi, "<$1$3" ) ;

    // Remove style, meta and link tags
    s = s.replace( /<STYLE[^>]*>[\s\S]*?<\/STYLE[^>]*>/gi, '' ) ;
    s = s.replace( /<(?:META|LINK)[^>]*>\s*/gi, '' ) ;

    // Remove empty styles.
    s =  s.replace( /\s*style="\s*"/gi, '' ) ;

    s = s.replace( /<SPAN\s*[^>]*>\s*&nbsp;\s*<\/SPAN>/gi, '&nbsp;' ) ;

    s = s.replace( /<SPAN\s*[^>]*><\/SPAN>/gi, '' ) ;

    // Remove Lang attributes
    s = s.replace(/<(\w[^>]*) lang=([^ |>]*)([^>]*)/gi, "<$1$3") ;

    s = s.replace( /<SPAN\s*>([\s\S]*?)<\/SPAN>/gi, '$1' ) ;

    s = s.replace( /<FONT\s*>([\s\S]*?)<\/FONT>/gi, '$1' ) ;

    // Remove XML elements and declarations
    s = s.replace(/<\\?\?xml[^>]*>/gi, '' ) ;

    // Remove w: tags with contents.
    s = s.replace( /<w:[^>]*>[\s\S]*?<\/w:[^>]*>/gi, '' ) ;

    // Remove Tags with XML namespace declarations: <o:p><\/o:p>
    s = s.replace(/<\/?\w+:[^>]*>/gi, '' ) ;

    // Remove comments [SF BUG-1481861].
    s = s.replace(/<\!--[\s\S]*?-->/g, '' ) ;

    s = s.replace( /<(U|I|STRIKE)>&nbsp;<\/\1>/g, '&nbsp;' ) ;

    s = s.replace( /<H\d>\s*<\/H\d>/gi, '' ) ;

    // Remove "display:none" tags.
    s = s.replace( /<(\w+)[^>]*\sstyle="[^"]*DISPLAY\s?:\s?none[\s\S]*?<\/\1>/ig, '' ) ;

    // Remove language tags
    s = s.replace( /<(\w[^>]*) language=([^ |>]*)([^>]*)/gi, "<$1$3") ;

    // Remove onmouseover and onmouseout events (from MS Word comments effect)
    s = s.replace( /<(\w[^>]*) onmouseover="([^\"]*)"([^>]*)/gi, "<$1$3") ;
    s = s.replace( /<(\w[^>]*) onmouseout="([^\"]*)"([^>]*)/gi, "<$1$3") ;

    if (bCleanWordKeepsStructure) {
        // The original <Hn> tag send from Word is something like this: <Hn style="margin-top:0px;margin-bottom:0px">
        s = s.replace( /<H(\d)([^>]*)>/gi, '<h$1>' ) ;

        // Word likes to insert extra <font> tags, when using MSIE. (Wierd).
        s = s.replace( /<(H\d)><FONT[^>]*>([\s\S]*?)<\/FONT><\/\1>/gi, '<$1>$2<\/$1>' );
        s = s.replace( /<(H\d)><EM>([\s\S]*?)<\/EM><\/\1>/gi, '<$1>$2<\/$1>' );
    } else {
        s = s.replace( /<H1([^>]*)>/gi, '<div$1><b><font size="6">' ) ;
        s = s.replace( /<H2([^>]*)>/gi, '<div$1><b><font size="5">' ) ;
        s = s.replace( /<H3([^>]*)>/gi, '<div$1><b><font size="4">' ) ;
        s = s.replace( /<H4([^>]*)>/gi, '<div$1><b><font size="3">' ) ;
        s = s.replace( /<H5([^>]*)>/gi, '<div$1><b><font size="2">' ) ;
        s = s.replace( /<H6([^>]*)>/gi, '<div$1><b><font size="1">' ) ;

        s = s.replace( /<\/H\d>/gi, '<\/font><\/b><\/div>' ) ;

        // Transform <P> to <DIV>
        var re = new RegExp( '(<P)([^>]*>[\\s\\S]*?)(<\/P>)', 'gi' ) ;  // Different because of a IE 5.0 error
        s = s.replace( re, '<div$2<\/div>' ) ;

        // Remove empty tags (three times, just to be sure).
        // This also removes any empty anchor
        s = s.replace( /<([^\s>]+)(\s[^>]*)?>\s*<\/\1>/g, '' ) ;
        s = s.replace( /<([^\s>]+)(\s[^>]*)?>\s*<\/\1>/g, '' ) ;
        s = s.replace( /<([^\s>]+)(\s[^>]*)?>\s*<\/\1>/g, '' ) ;
    }

    return s;
}

if(typeof(myBar) != 'undefined') setTimeout("myBar.loaded('http://static.wsapps.net/j/engine/core/engine.rte.tb.js')", 500);