source: trunk/expressoMail1_2/js/draw_api.js @ 660

Revision 660, 93.8 KB checked in by niltonneto, 15 years ago (diff)

Resolve #422

  • Property svn:eol-style set to native
  • Property svn:executable set to *
Line 
1var openTab = {
2        'type' : [], // 8 types of tabs, further info. see expressolivre.org/dev/wiki/mail/Documentacao
3        'content_id' : [],
4        'imapUid' : [], // Stores the imap email number of current tab
5        'countFile' : [0,0,0,0,0,0,0,0,0,0], // Stores the number of files attached in current tab
6        'imapBox' : [], // Stores the folder name
7        'toPreserve' : [], // Check if the message should be removed from draft after send
8        'autosave_timer' : [] // The timeout timer for autosave function
9};
10var tabTypes = {
11        'new':4,
12        'forward':6,
13        'reply_with_history':7,
14        'reply_to_all_with_history':7,
15        'reply_without_history':7,
16        'reply_to_all_without_history':7,
17        'edit':5
18        }
19var currentTab,numBox = 0; // Open Tab and num of mailboxes opened at context
20
21function draw_tree_folders(folders){
22        // Check if the tree folders alredy exist.
23
24        if (Element('dftree_tree_folders')){
25                var update_tree_folders = function(data){
26                        build_quota(data);
27                        for (var i=0; i<data.length; i++){
28                                var folder_unseen = Element('dftree_'+data[i].folder_id+'_unseen');
29                               
30                                if ((folder_unseen) && (data[i].folder_unseen > 0))
31                                {
32                                        folder_unseen.innerHTML = data[i].folder_unseen;
33                                }
34                                else if (data[i].folder_unseen > 0)
35                                {
36                                        tree_folders.getNodeById(data[i].folder_id).alter({caption:lang_folder(data[i].folder_name) + '<font style=color:red>&nbsp(</font><span id="dftree_'+data[i].folder_id+'_unseen" style=color:red>'+data[i].folder_unseen+'</span><font style=color:red>)</font>'});
37                                        tree_folders.getNodeById(data[i].folder_id)._refresh();
38                                }
39                                else if (data[i].folder_unseen <= 0)
40                                {
41                                        tree_folders.getNodeById(data[i].folder_id).alter({caption:lang_folder(data[i].folder_name)});
42                                        tree_folders.getNodeById(data[i].folder_id)._refresh();
43                                }
44
45                                if(data[i].folder_id == get_current_folder()){                                 
46                                        var old_new_m = isNaN(parseInt(Element('new_m').innerHTML)) ? parseInt(Element('new_m').firstChild.innerHTML) : parseInt(Element('new_m').innerHTML);
47//                                      if(!isNaN(old_new_m) && old_new_m < data[i].folder_unseen){
48//                                              Element('tot_m').innerHTML = parseInt(Element('tot_m').innerHTML) + (parseInt(data[i].folder_unseen)-old_new_m);
49//                                      }
50                                        Element('new_m').innerHTML = data[i].folder_unseen ? '<font color="RED">'+data[i].folder_unseen+'</font>' : 0;
51                                        draw_paging(Element('tot_m').innerHTML);
52                                }
53                        }
54                }
55                cExecute ("$this.imap_functions.get_folders_list", update_tree_folders);
56                return;
57        }
58        else{
59                tree_folders = new dFTree({name: 'tree_folders'});
60
61                var n_root = new dNode({id:'root', caption: get_lang("My Folders")});
62                tree_folders.add(n_root,'anything'); //Places the root; second argument can be anything.
63       
64                for (var i=0; i<folders.length; i++){
65                        if (folders[i].folder_unseen > 0)
66                        {
67                                var nn = new dNode({id:folders[i].folder_id, caption:lang_folder(folders[i].folder_name) + '<font style=color:red>&nbsp(</font><span id="dftree_'+folders[i].folder_id+'_unseen" style=color:red>'+folders[i].folder_unseen+'</span><font style=color:red>)</font>', onClick:"change_folder('"+folders[i].folder_id+"','"+folders[i].folder_name+"')", plusSign:folders[i].folder_hasChildren});
68                               
69                                if( folders[i].folder_name.toLowerCase() == 'inbox' )
70                                        Element('new_m').innerHTML = '<font style="color:red">' + folders[i].folder_unseen + '</font>';
71                        }
72                        else
73                                var nn = new dNode({id:folders[i].folder_id, caption:lang_folder(folders[i].folder_name), onClick:"change_folder('"+folders[i].folder_id+"','"+folders[i].folder_name+"')", plusSign:folders[i].folder_hasChildren});
74                       
75                        if (folders[i].folder_parent == '')
76                                folders[i].folder_parent = 'root';
77                        else if (folders[i].folder_parent == 'user'){
78                                if (!tree_folders.getNodeById('user')){
79                                        var n_root_shared_folders = new dNode({id:'user', caption:get_lang("Shared folders"), plusSign:true});
80                                        tree_folders.add(n_root_shared_folders,'root');
81                                }
82                        }
83                        tree_folders.add(nn,folders[i].folder_parent);
84                }
85                tree_folders.draw(Element('content_folders'));
86                n_root.changeState();
87                tree_folders.getNodeById('INBOX')._select();           
88                draw_paging(Element('tot_m').innerHTML);
89                // Draw right menu folders.
90                /*
91                var treeroot = document.getElementById('chroottree_folders');
92                for (var linkBox = treeroot.firstChild; linkBox != null; linkBox = linkBox.nextSibling)
93                        _dragArea.makeMenuBox(linkBox);
94                */
95        }
96       
97        var folder_create = "";
98        var nm1 = "";
99        if(tree_folders._folderPr.length > 0){
100                var nm_folder = "";
101                for(var i=0; i < tree_folders._folderPr.length; i++){
102                        nm_folder = tree_folders._folderPr[i].split(cyrus_delimiter);
103                        if(nm_folder[0] == "INBOX"){
104                                if(nm1 == ""){
105                                        nm1 = nm_folder[1];
106                                        folder_create = "INBOX" + cyrus_delimiter + nm_folder[1] + ";";
107                                }else{
108                                        if( nm1 != nm_folder[1]){
109                                                folder_create += "INBOX" + cyrus_delimiter + nm_folder[1] + ";";
110                                                nm1 = nm_folder[1];
111                                        }
112                                }
113                        }
114                }
115        }
116        if(folder_create != ""){
117                if(confirm(get_lang("There are folders with invalid format. Do you want to fix them?"))){
118                        var handler_correct_folders = function(data){
119                                //Timeout to release HTTPRequest , loadScript and update tree folders.
120                                if(data)
121                                        setTimeout("connector.loadScript('TreeShow');ttreeBox.update_folder();",500);
122                        }
123                        cExecute("$this.imap_functions.create_extra_mailbox",handler_correct_folders,"nw_folders="+folder_create);
124                }
125        }
126}
127
128function update_menu(data){
129                /*
130                 * @AUTHOR Rodrigo Souza dos Santos
131                 * @DATE 2008/09/15
132                 * @BRIEF When occurs a error in imap server show the message that is in file "error.html".
133                 */
134                if ( data && data.imap_error )
135                {
136                        connector.newRequest('error.html', 'templates/default/error.html', 'GET',
137                                function(data)
138                                {
139                                        var target = document.getElementById('divAppbox');
140                                        if ( target )
141                                                target.innerHTML = data;
142                                }
143                        );
144                        return false;
145                }
146
147                draw_tree_folders(data);
148                if(data) {
149                        build_quota(data);                     
150                        var f_unseen = Element('dftree_'+get_current_folder()+'_unseen');
151                        if(f_unseen && f_unseen.innerHTML)
152                                Element('new_m').innerHTML = '<font face="Verdana" size="1" color="RED">'+f_unseen.innerHTML+'</font>';
153                        else
154                        {
155                                if( parseInt(Element('new_m').innerHTML) == 0 )
156                                        Element('new_m').innerHTML = 0;                 
157                        }
158                        folders = data;
159                        cExecute ("$this.imap_functions.get_range_msgs2&folder=INBOX&msg_range_begin=1&msg_range_end="+preferences.max_email_per_page+"&sort_box_type=SORTARRIVAL&search_box_type=ALL&sort_box_reverse=1", handler_draw_box);
160                }
161}
162
163var handler_draw_box = function(data){
164        draw_box(data, 'INBOX', true);
165        //alternate_border(0);
166}
167
168// Action on change folders.
169function change_folder(folder, folder_name){
170        if (openTab.imapBox[0] != folder)
171        {
172                current_folder = folder;
173                var handler_draw_box = function(data)
174                {
175                        if(!verify_session(data))
176                                return;
177                        alternate_border(0);
178                        Element("border_id_0").innerHTML = "&nbsp;" + lang_folder(folder_name) + '&nbsp;<font face="Verdana" size="1" color="#505050">[<span id="new_m">&nbsp;</span> / <span id="tot_m"></span>]</font>';
179                        draw_box(data, folder, true);
180                        draw_paging(data.num_msgs);
181                        Element("tot_m").innerHTML = data.num_msgs;
182                        update_menu();
183                        return true;
184                }
185                cExecute ("$this.imap_functions.get_range_msgs2&folder="+current_folder+"&msg_range_begin=1&msg_range_end="+preferences.max_email_per_page+"&sort_box_type="+sort_box_type+ "&search_box_type="+ search_box_type +"&sort_box_reverse="+sort_box_reverse+"", handler_draw_box);
186        } else
187                alternate_border(0);
188}
189
190function open_folder(folder, folder_name){
191        if (get_current_folder()!= folder) {
192                current_folder = folder;
193                var handler_draw_box = function(data){
194                        if(!verify_session(data))
195                                return false;
196                        numBox++;
197                        create_border(folder_name,numBox.toString());
198                        draw_box(data, current_folder, false);
199                        alternate_border(numBox);
200                        return true;
201                }
202                cExecute ("$this.imap_functions.get_range_msgs2&folder="+current_folder+"&msg_range_begin=1&msg_range_end="+preferences.max_email_per_page+"&sort_box_type="+sort_box_type+ "&search_box_type="+ search_box_type +"&sort_box_reverse="+sort_box_reverse+"", handler_draw_box);
203        }
204        else
205                alternate_border(numBox);
206        return true;
207}
208
209var lastPage = 1;
210var numPages = 5;
211var last_folder = 'INBOX';
212function draw_paging(num_msgs){
213        num_msgs = parseInt(num_msgs);
214        total_pages = 1;
215
216        if(last_folder != get_current_folder()){
217                lastPage = 1;
218                current_page = 1;
219                last_folder = get_current_folder();
220        }
221
222        if(num_msgs > parseInt(preferences.max_email_per_page)) {       
223                total_pages = parseInt(num_msgs/preferences.max_email_per_page);
224                if((num_msgs/preferences.max_email_per_page) > total_pages)
225                        total_pages++;                 
226        }
227
228        if(total_pages == 1) {
229                if(span_paging = document.getElementById("span_paging")) {
230                        span_paging.parentNode.removeChild(span_paging);
231                }
232                return;
233        }
234       
235        span_paging = document.getElementById("span_paging");
236        if(!span_paging){
237                span_paging = document.createElement("DIV");
238                span_paging.id = "span_paging";
239                span_paging.align="right";
240                document.getElementById("div_menu_c3").appendChild(span_paging);       
241        }
242        span_paging.style.width="100%";                                 
243        span_paging.innerHTML="";
244        msg_range_begin = 1;
245        msg_range_end = preferences.max_email_per_page;
246        if(current_page != 1) {
247                lnk_page = document.createElement("A");
248                lnk_page.setAttribute("href", "javascript:current_page=1;kill_current_box(); draw_paging("+num_msgs+"); cExecute ('$this.imap_functions.get_range_msgs2&folder='+get_current_folder()+'&msg_range_begin="+msg_range_begin+"&msg_range_end="+msg_range_end+"&sort_box_type="+sort_box_type+ "&search_box_type="+ search_box_type +"&sort_box_reverse="+sort_box_reverse+"', function handler(data){draw_box(data, get_current_folder());})");
249        }
250        else {
251                lnk_page = document.createElement("SPAN");
252        }
253        span_paging.appendChild(lnk_page);
254
255        lnk_page.innerHTML = "&lt;&lt;";
256        lnk_page.title = get_lang("First");
257        span_paging.innerHTML += "&nbsp;";
258               
259        if(current_page == lastPage + numPages)
260                lastPage = current_page - 1;           
261        else if((lastPage != 1 && lastPage == current_page) || current_page == total_pages)             
262                lastPage = current_page - (numPages - 1);
263        else if(current_page == 1)
264                lastPage = 1;
265
266        if(lastPage < 1)
267                lastPage = 1;
268        else if(lastPage > 1 && (lastPage > (total_pages -(numPages - 1))))
269                lastPage = total_pages -(numPages - 1);
270
271        var     hasMarked = false;
272
273        for(i = lastPage; i <= total_pages; i++) {
274                       
275                if(current_page == i || (i == total_pages && !hasMarked)) {                     
276                        lnk_page = document.createElement("SPAN");
277                        span_paging.appendChild(lnk_page);
278                        lnk_page.innerHTML = "&nbsp;<b>"+i+"</b>&nbsp;";
279                        hasMarked = true;
280                        continue;
281                }
282                else{                   
283                        lnk_page = document.createElement("A");
284                        span_paging.appendChild(lnk_page);
285                        msg_range_begin = ((i*preferences.max_email_per_page)-(preferences.max_email_per_page-1));
286                        msg_range_end = (i*preferences.max_email_per_page);
287                        lnk_page.setAttribute("href", "javascript:current_page="+i+";kill_current_box(); draw_paging("+num_msgs+"); cExecute ('$this.imap_functions.get_range_msgs2&folder='+get_current_folder()+'&msg_range_begin="+msg_range_begin+"&msg_range_end="+msg_range_end+"&sort_box_type="+sort_box_type+ "&search_box_type="+ search_box_type +"&sort_box_reverse="+sort_box_reverse+"', function handler(data){draw_box(data, get_current_folder());})");
288                }
289               
290                lnk_page.innerHTML = "&nbsp;...&nbsp;";
291               
292                if(i == (lastPage + numPages))
293                                break;                 
294                else if(lastPage == 1 || i != lastPage)                                                 
295                        lnk_page.innerHTML = "&nbsp;"+i+"&nbsp;";
296               
297                span_paging.innerHTML += "&nbsp;";                                                                                                                                                                     
298        }
299       
300        if(current_page != total_pages) {
301                lnk_page = document.createElement("A");
302                msg_range_begin = ((total_pages*preferences.max_email_per_page)-(preferences.max_email_per_page-1));
303                msg_range_end = (total_pages*preferences.max_email_per_page);           
304                lnk_page.setAttribute("href", "javascript:current_page="+total_pages+";kill_current_box(); draw_paging("+num_msgs+"); cExecute ('$this.imap_functions.get_range_msgs2&folder='+get_current_folder()+'&msg_range_begin="+msg_range_begin+"&msg_range_end="+msg_range_end+"&sort_box_type="+sort_box_type+ "&search_box_type="+ search_box_type +"&sort_box_reverse="+sort_box_reverse+"', function handler(data){draw_box(data, get_current_folder());})");
305        }
306        else {
307                lnk_page = document.createElement("SPAN");
308        }
309        span_paging.innerHTML += "&nbsp;";
310        span_paging.appendChild(lnk_page);
311
312        lnk_page.title = get_lang("Last");
313        lnk_page.innerHTML = "&gt;&gt;";
314}
315
316
317// Draw the inbox and another folders
318function draw_box(headers_msgs, msg_folder, alternate){
319        if (alternate)
320                kill_current_box();
321       
322        if(is_ie)
323                document.getElementById("border_table").width = "99.5%";
324
325        openTab.content_id[numBox] = document.getElementById("content_id_"+numBox);     
326        openTab.imapBox[numBox] = msg_folder;
327       
328        table_message_header_box = document.getElementById("table_message_header_box_"+numBox);
329        if (table_message_header_box == null){
330                var table_element = document.createElement("TABLE");
331                var tbody_element = document.createElement("TBODY");
332                table_element.setAttribute("id", "table_message_header_box_"+numBox);
333                table_element.className = "table_message_header_box";
334               
335                tr_element = document.createElement("TR");
336                tr_element.className = "message_header";
337                td_element1 = document.createElement("TD");
338                td_element1.setAttribute("width", "1%");
339                chk_box_element = document.createElement("INPUT");
340                chk_box_element.id  = "chk_box_select_all_messages";
341                chk_box_element.setAttribute("type", "checkbox");
342                chk_box_element.className = "checkbox";
343                chk_box_element.onclick = function(){select_all_messages(this.checked);};
344                chk_box_element.onmouseover = function () {this.title=get_lang('Select all messages.')};
345                chk_box_element.onkeydown = function (e){
346                        if (is_ie)
347                        {
348                                if ((window.event.keyCode) == 46)
349                                        delete_msgs(get_current_folder(),'selected','null');
350                        }
351                        else
352                        {
353                                if ((e.keyCode) == 46)
354                                        delete_msgs(get_current_folder(),'selected','null');
355                        }
356                };
357               
358                td_element1.appendChild(chk_box_element);
359               
360                td_element2 = document.createElement("TD");
361                td_element2.setAttribute("width", "2%");
362       
363                td_element3 = document.createElement("TD");
364                td_element3.setAttribute("width", "31%");
365                td_element3.onclick = function () {sort_box(search_box_type,'SORTFROM');};
366                td_element3.id = "message_header_SORTFROM_"+numBox;
367                td_element3.align = "left";
368                td_element3.innerHTML = get_lang("Who");
369               
370                td_element4 = document.createElement("TD");
371                td_element4.setAttribute("width", "41%");
372                td_element4.onclick = function () {sort_box(search_box_type,'SORTSUBJECT');};
373                td_element4.id = "message_header_SORTSUBJECT_"+numBox;
374                td_element4.align = "left";
375                td_element4.innerHTML = get_lang("Subject");
376       
377                td_element5 = document.createElement("TD");
378                td_element5.setAttribute("width", "14%");
379                td_element5.onclick = function () {sort_box(search_box_type,'SORTARRIVAL');};
380                td_element5.id = "message_header_SORTARRIVAL_"+numBox;
381                td_element5.align = "center";
382                td_element5.innerHTML = get_lang("Date");
383                td_element6 = document.createElement("TD");
384                td_element6.setAttribute("width", "14%");
385                td_element6.onclick = function () {sort_box(search_box_type,'SORTSIZE');}
386                td_element6.id = "message_header_SORTSIZE_"+numBox;
387                td_element6.align = "left";
388                td_element6.innerHTML = get_lang("Size");
389
390                tr_element.appendChild(td_element1);
391                tr_element.appendChild(td_element2);
392                tr_element.appendChild(td_element3);
393                tr_element.appendChild(td_element4);
394                tr_element.appendChild(td_element5);
395                tr_element.appendChild(td_element6);
396                tbody_element.appendChild(tr_element);
397                table_element.appendChild(tbody_element);
398                openTab.content_id[numBox].appendChild(table_element);
399        }
400        draw_header_box();
401        var table_element = document.createElement("TABLE");
402        var tbody_element = document.createElement("TBODY");
403       
404        table_element.id = "table_box";
405        table_element.className = "table_box";
406        table_element.borderColorDark = "#bbbbbb";
407        table_element.frame = "void";
408        table_element.rules = "rows";
409        table_element.cellPadding = "0";
410        table_element.cellSpacing = "0";
411       
412        table_element.onkeydown = function (e){
413                if (is_ie)
414                {
415                        if ((window.event.keyCode) == 46)
416                        {
417                                //delete_all_selected_msgs_imap();
418                                delete_msgs(get_current_folder(),'selected','null');
419                        }
420                }
421                else
422                {
423                        if ((e.keyCode) == 46)
424                        {
425                                //delete_all_selected_msgs_imap();
426                                delete_msgs(get_current_folder(),'selected','null');
427                        }
428                }
429        };
430        if (is_ie)
431                table_element.style.cursor = "hand";
432       
433        tbody_element.setAttribute("id", "tbody_box");
434        table_element.appendChild(tbody_element);
435
436        var _divScroll = document.getElementById("divScrollMain_"+numBox);
437
438        var bar = document.getElementById("toolbar");
439        var offset = 0;
440
441        if(!_divScroll){               
442                _divScroll = document.createElement("DIV");
443                _divScroll.id = "divScrollMain_"+numBox;
444        }
445       
446        if(is_ie) {
447                _divScroll.style.overflowY = "auto";                                                           
448                _divScroll.style.overflowX = "hidden";
449                _divScroll.style.width  ="100%";
450        }                                                                                                       
451        else{
452                _divScroll.style.overflow = "-moz-scrollbars-vertical";
453                _divScroll.style.width  ="99.3%";
454        }
455        // Inicio: Redimensiona DIV SCROLL
456        var bar = Element("toolbar");
457        var offset = 0;
458        if(bar.style.visibility != 'hidden')
459                offset = (bar.offsetHeight ? bar.offsetHeight :  bar.clientHeight);             
460        var screenHeight = document.body.clientHeight ? document.body.clientHeight : document.body.offsetHeight;
461        var defaultHeight = screenHeight - offset;             
462        _divScroll.style.height         = defaultHeight - 110;
463        Element('content_folders').style.height = defaultHeight - (is_ie ? 165 : 150);
464        // Fim: Redimensiona DIV SCROLL
465        _divScroll.appendChild(table_element);
466        openTab.content_id[numBox].appendChild(_divScroll);
467       
468        var f_unseen = 0;
469
470                if (headers_msgs.num_msgs == 0){
471                        td_info = document.createElement("H3");
472                        td_info.setAttribute("height", "25%");
473                        td_info.setAttribute("background", "#FFF");
474                        td_info.setAttribute("id", "msg_info");
475                        td_info.align = "center";
476                        td_info.innerHTML = get_lang("This mail box is empty");
477                        tbody_element.appendChild(td_info);
478                }
479       
480       
481        for (var i=0; i < headers_msgs.length; i++){
482                        if ((headers_msgs[i].Unseen == 'U') || (headers_msgs[i].Recent == 'N'))
483                                f_unseen++;
484                        tr_element = this.make_tr_message(headers_msgs[i], msg_folder);
485                        tbody_element.appendChild(tr_element);
486                        _dragArea.makeDragged(tr_element, headers_msgs[i].msg_number, headers_msgs[i].subject, true);
487        }
488
489        if ((preferences.use_shortcuts == '1') && (headers_msgs[0]))
490                select_msg(headers_msgs[0].msg_number, 'null', true);
491
492        var tdFolders  =  Element("folderscol");
493        tdFolders.style.display = preferences.hide_folders == '1'  ? "none" : "";
494        alternate_border(numBox);
495        draw_footer_box(headers_msgs.num_msgs);
496        Element('main_table').style.display = '';
497        if(debug) {
498                var _eTime = new Date();
499                _eTime = _eTime.getTime();
500                alert("Carregou em "+(_eTime - _bTime)+" ms");
501        }
502        var msg_folder = Element('msg_folder').value;
503        var msg_number = Element('msg_number').value;   
504        if(!msg_folder && msg_number) {
505                new_message('new','null');
506        }
507        else if(msg_folder && msg_number){
508                cExecute("$this.imap_functions.get_info_msg&msg_number="+ msg_number + "&msg_folder=" + msg_folder, show_msg);
509                Element('msg_folder').value = '';
510                Element('msg_number').value = '';
511        }
512
513        if(!is_ie) {
514                var scripts = new Array("ccQuickAdd",
515                                                        "color_palette",
516                                                        "filter",
517                                                        "filters",
518                                                        "html2xhtml",
519                                                        "preferences",
520                                                        "QuickCatalogSearch",
521                                                        "QuickSearchUser",
522                                                        "rich_text_editor",
523                                                        "sharemailbox",
524                                                        "search",
525                                                        "TreeS",
526                                                        "TreeShow");
527                                                       
528                connector.loadAllScripts(scripts);
529        }
530}
531
532function make_tr_message(headers_msgs, msg_folder){
533                var tr_element = document.createElement('tr');
534                tr_element.style.height = preferences.line_height;
535                var _fontSize = preferences.font_size ? preferences.font_size : "11";
536                tr_element.id = headers_msgs.msg_number;
537
538                if ((headers_msgs.Unseen == 'U') || (headers_msgs.Recent == 'N')){
539                        if ((headers_msgs.Flagged == 'F') || (headers_msgs.Importance.toLowerCase().indexOf("high")!=-1))
540                                add_className(tr_element, 'flagged_msg');
541                        add_className(tr_element, 'tr_msg_unread');
542                }
543                else{
544                        if ((headers_msgs.Flagged == 'F') || (headers_msgs.Importance.toLowerCase().indexOf("high")!=-1))
545                                add_className(tr_element,'flagged_msg');
546                        add_className(tr_element, 'tr_msg_read');
547                }
548
549                td_element1 = document.createElement("TD");
550                td_element1.setAttribute("width", "1%");
551                chk_box_element = document.createElement("INPUT");
552                chk_box_element.setAttribute("type", "checkbox");
553                chk_box_element.className = "checkbox";
554                chk_box_element.setAttribute("id", "check_box_message_"+headers_msgs.msg_number);
555                chk_box_element.onclick = function(e){
556                        if (is_ie)
557                                changeBgColor(window.event,headers_msgs.msg_number);
558                        else
559                                changeBgColor(e,headers_msgs.msg_number);
560                };
561                td_element1.appendChild(chk_box_element);
562               
563                td_element2 = document.createElement("TD");
564                td_element2.setAttribute("width", "2%");
565                if (headers_msgs.attachment && headers_msgs.attachment.number_attachments > 0)
566                        td_element2.innerHTML = "<img src ='templates/default/images/clip.gif' title='" + url_decode(headers_msgs.attachment.names) + "'>";
567                       
568                td_element21 = document.createElement("TD");
569                td_element21.setAttribute("width", "1%");
570                td_element21.id = "td_message_answered_"+headers_msgs.msg_number;
571
572                if ((headers_msgs.Forwarded == 'F')  || (headers_msgs.Draft == 'X' && headers_msgs.Answered == 'A')){
573                        td_element21.innerHTML += "<img src ='templates/default/images/forwarded.gif' title='"+get_lang('Forwarded')+"'>";
574                        headers_msgs.Draft = ''
575                        headers_msgs.Answered = '';
576                        headers_msgs.Forwarded == 'F';
577                }
578                else if (headers_msgs.Draft == 'X')
579                        td_element2.innerHTML += "<img src ='templates/default/images/draft.gif' title='"+get_lang('Draft')+"'>";
580                else if (headers_msgs.Answered == 'A')
581                        td_element21.innerHTML += "<img src ='templates/default/images/answered.gif' title='"+get_lang('Answered')+"'>";
582
583                td_element22 = document.createElement("TD");
584                td_element22.setAttribute("width", "1%");
585                td_element22.id = "td_message_important_"+headers_msgs.msg_number;
586
587                // preload image
588                var _img_important = new Image();
589                _img_important.src = "templates/default/images/important.gif";
590
591                if ((headers_msgs.Flagged == 'F') || (headers_msgs.Importance.toLowerCase().indexOf("high")!=-1))
592                        td_element22.innerHTML += "<img src ='templates/default/images/important.gif' title='"+get_lang('Important')+"'>";
593                else
594                        td_element22.innerHTML += "&nbsp;&nbsp;&nbsp;";
595                       
596                       
597                td_element23 = document.createElement("TD");
598                td_element23.setAttribute("width", "1%");
599                td_element23.id = "td_message_sent_"+headers_msgs.msg_number;
600                td_element23.innerHTML = "&nbsp;&nbsp;&nbsp;";
601                // preload image
602                var _img_sent = new Image();
603                _img_sent.src    = "templates/default/images/sent.gif";
604
605                td_element3 = document.createElement("TD");
606                td_element3.id = "td_who_"+ headers_msgs.msg_number;
607                td_element3.setAttribute("width", "30%");
608                var _onclick = function(){InfoContact.hide();cExecute("$this.imap_functions.get_info_msg&msg_number="+ headers_msgs.msg_number + "&msg_folder=" + msg_folder, show_msg);};
609                td_element3.onclick = _onclick;
610                td_element3.innerHTML = '&nbsp;';
611               
612                if(headers_msgs.from.email.toLowerCase() == Element("user_email").value)
613                {
614                        td_element3.onmouseover = function () {this.title=headers_msgs.to.email;};
615                        if (headers_msgs.Draft == 'X')
616                                td_element3.innerHTML += "<span style=\"color:red\">("+get_lang("Draft")+") </span>";
617                        else{                           
618                                if(headers_msgs.to.email.toLowerCase() != Element("user_email").value)
619                                        td_element23.innerHTML = "<img valign='center' src ='templates/default/images/sent.gif' title='"+get_lang('Sent')+"'>";
620                       
621                                if ((headers_msgs.to)&&(headers_msgs.to.name != null))
622                                        td_element3.innerHTML += headers_msgs.to.name;
623                                else if (headers_msgs.to){
624                                        td_element3.innerHTML += headers_msgs.to.email;
625                                }
626                        }
627                }
628                else{
629                        td_element3.onmouseover = function (event) {try {InfoContact.begin(this,headers_msgs.from.email)} catch(e){};};
630                        td_element3.onmouseout = function (){ try {clearTimeout(InfoContact.timeout);} catch(e){}};
631                        if (headers_msgs.Draft == 'X'){
632                                td_element3.innerHTML = "<span style=\"color:red\">("+get_lang("Draft")+") </span>";
633                        }
634                        else{
635                                if (headers_msgs.from.name != null)
636                                        td_element3.innerHTML += headers_msgs.from.name;
637                                else
638                                        td_element3.innerHTML += headers_msgs.from.email;
639                        }
640                }       
641                if (td_element3.innerHTML.indexOf(" ") == '-1' && td_element3.innerHTML.length > 25){
642                        td_element3.innerHTML = td_element3.innerHTML.substring(0,25) + "...";
643                }
644                else if (td_element3.innerHTML.length > 40 ){
645                        td_element3.innerHTML = td_element3.innerHTML.substring(0,40) + "...";
646                }
647               
648                td_element4 = document.createElement("TD");
649                td_element4.setAttribute("width", "40%");
650                td_element4.onclick = _onclick;
651                td_element4.innerHTML = !is_ie ? "<a id='a_message_"+tr_element.id+"'>&nbsp;" : "&nbsp;";
652               
653                if ((headers_msgs.subject)&&(headers_msgs.subject.length > 50))
654                        td_element4.innerHTML += headers_msgs.subject.substring(0,50) + "...";
655                else
656                        td_element4.innerHTML += headers_msgs.subject;
657                                       
658                if(!is_ie){
659                        td_element4.innerHTML += "</a>";
660                        tr_element.onmouseover = function(){};
661                }
662               
663
664                td_element5 = document.createElement("TD");
665                td_element5.setAttribute("width", "14%");
666                td_element5.onclick = _onclick;
667                td_element5.setAttribute("align", "center");
668                td_element5.innerHTML = headers_msgs.udate;
669
670                td_element6 = document.createElement("TD");
671                td_element6.setAttribute("width", "14%");
672                td_element6.onclick = _onclick;
673                td_element6.setAttribute("noWrap","true");
674                td_element6.setAttribute("align", "center");
675               
676                td_element3.style.fontSize= _fontSize;
677                td_element4.style.fontSize= _fontSize;
678                td_element5.style.fontSize= _fontSize;
679                td_element6.style.fontSize= _fontSize;
680                msg_size = headers_msgs.Size;
681                if (msg_size < 1048576 && msg_size > 1024)
682                        td_element6.innerHTML = this.round(msg_size / 1024, 0) + ' Kb';
683                else if(msg_size > 1024)
684                        td_element6.innerHTML = this.round(msg_size / (1024*1024), 1) + ' Mb';
685                else
686                        td_element6.innerHTML = "1 Kb";
687
688                tr_element.appendChild(td_element1);
689                tr_element.appendChild(td_element2);
690                tr_element.appendChild(td_element21);
691                tr_element.appendChild(td_element22);
692                tr_element.appendChild(td_element23);
693                tr_element.appendChild(td_element3);
694                tr_element.appendChild(td_element4);
695                tr_element.appendChild(td_element5);
696                tr_element.appendChild(td_element6);
697                return tr_element;
698}
699
700function sort_box(search, sort){
701        var message_header = Element("message_header_"+search);
702        var handler_draw_box = function(data){
703                draw_box(data, get_current_folder(),true);
704                draw_paging(Element('tot_m').innerHTML);
705                //Mostrar as msgs nao lidas de acordo com o filtro de relevancia
706                var msgs_unseen = 0;
707                for(i in data){
708                        if(data[i].Unseen == 'U')
709                                msgs_unseen++;
710        }
711                Element("new_m").innerHTML = '<font style="color:'+(msgs_unseen == 0 ? '': 'red')+'">' + msgs_unseen + '</font>';
712        }
713
714        if(sort_box_type == sort && search_box_type == search){
715                sort_box_reverse = sort_box_reverse ? 0 : 1;
716        }
717        else if(sort_box_type != sort){
718                if ( (sort == 'SORTFROM') || (sort == 'SORTSUBJECT') )
719                        sort_box_reverse = 0;
720                else
721                        sort_box_reverse = 1;
722        }
723               
724        // Global variable.
725        sort_box_type = sort;
726        search_box_type = search;
727
728        cExecute ("$this.imap_functions.get_range_msgs2&folder="+current_folder+"&msg_range_begin=1&msg_range_end="+preferences.max_email_per_page+"&sort_box_type="+sort+"&search_box_type="+search+"&sort_box_reverse="+sort_box_reverse+"", handler_draw_box);
729        current_page = 1;
730        //Comentado para nao sobrepor o numero de msgs nao lidas ao utilizar os filtros
731        //update_menu();
732}
733function draw_header_box(){
734        switch(sort_box_type){
735                case 'SORTFROM':
736                        type_name = get_lang("Who");
737                        break;
738                case 'SORTSUBJECT':
739                        type_name = get_lang("Subject");
740                        break;
741                case 'SORTARRIVAL':
742                        type_name = get_lang("Date");
743                        break;
744                case 'SORTSIZE':
745                        type_name = get_lang("Size");
746                        break;
747                default:
748                        type_name = get_lang("Date");
749                        break;
750        }
751        document.getElementById("message_header_SORTFROM_"+numBox).innerHTML    = get_lang("Who");
752        document.getElementById("message_header_SORTSUBJECT_"+numBox).innerHTML = get_lang("Subject");
753        document.getElementById("message_header_SORTARRIVAL_"+numBox).innerHTML = get_lang("Date");
754        document.getElementById("message_header_SORTSIZE_"+numBox).innerHTML    = get_lang("Size");     
755        document.getElementById("message_header_"+(sort_box_type.lastIndexOf("SORT") != "-1" ? sort_box_type : "SORTARRIVAL")+"_"+numBox ).innerHTML = "<B>"+type_name+"</B><img src ='templates/default/images/arrow_"+(sort_box_reverse == 1 ? 'desc' : 'asc')+"endant.gif'>";
756}
757function draw_message(info_msg, ID){
758        var content = document.getElementById('content_id_' + ID);
759        var defaultWidth = document.body.offsetWidth - 37;
760       
761        var menuHidden = Element("folderscol").style.display == 'none' ? true : false;
762        if(!menuHidden)
763                defaultWidth -= Element("folderscol").offsetWidth;
764         //////////////////////////////////////////////////////////////////////////////////////////////////////
765        //Make the next/previous buttom.
766        //////////////////////////////////////////////////////////////////////////////////////////////////////
767        var next_previous_msg_td = document.createElement("TD");
768        next_previous_msg_td.setAttribute("noWrap","true");
769        next_previous_msg_td.align = "right";
770        next_previous_msg_td.width = "40px";
771        var img_next_msg = document.createElement("IMG");
772        img_next_msg.id = 'msg_opt_next_' + ID;
773        img_next_msg.src = './templates/default/images/down.button.png';
774        img_next_msg.title = get_lang('Next');
775        img_next_msg.style.cursor = 'pointer';
776
777        // Old
778        //img_next_msg.onclick = function () {cExecute ("$this.imap_functions.get_info_next_msg&msg_number="+ info_msg.msg_number + "&msg_folder="+ info_msg.msg_folder + "&sort_box_type="+ sort_box_type +  "&search_box_type="+ search_box_type +"&sort_box_reverse="+ sort_box_reverse +"&reuse_border="+ID, show_msg)};
779        var folder = document.getElementById(ID.substr(0, ID.indexOf('_')));
780        if (!folder){
781                delete_border(ID);
782                return;
783                }
784        if (folder.nextSibling){
785                var nextMsgBox = folder.nextSibling.name?folder.nextSibling.name:info_msg.msg_folder;
786                img_next_msg.onclick = function()
787                {
788                        currentTab = ID;
789                        openTab.type[ID] = 2;
790                        cExecute("$this.imap_functions.get_info_msg&msg_number="+folder.nextSibling.id+"&msg_folder="+nextMsgBox, show_msg);
791                };
792        }
793        else
794                img_next_msg.onclick = function()
795                        {
796                                /*current_page++;
797                                msg_range_end = (current_page*preferences.max_email_per_page);
798                                msg_range_begin = (msg_range_end-(preferences.max_email_per_page)+1);
799                                kill_current_box();
800                                cExecute ('$this.imap_functions.get_range_msgs2&folder='+get_current_folder()+'&msg_range_begin='+msg_range_begin+'&msg_range_end='+msg_range_end+'&sort_box_reverse=1', function handler(data){draw_box(data, get_current_folder());}) */
801                                        delete_border(ID);
802                        };
803
804        var img_space = document.createElement("SPAN");
805        img_space.innerHTML = "&nbsp;";
806        var img_previous_msg = document.createElement("IMG");
807        img_previous_msg.id = 'msg_opt_previous_' + ID;
808        img_previous_msg.src = './templates/default/images/up.button.png';
809        img_previous_msg.title = get_lang('Previous');
810        img_previous_msg.style.cursor = 'pointer';
811
812        //Old
813        //img_previous_msg.onclick = function () {cExecute ("$this.imap_functions.get_info_previous_msg&msgs_number="+ info_msg.msg_number + "&folder="+ info_msg.msg_folder + "&sort_box_type="+ sort_box_type+ "&search_box_type="+ search_box_type + "&sort_box_reverse="+ sort_box_reverse +"&reuse_border="+ID, show_msg)}
814        folder = document.getElementById(ID.substr(0, ID.indexOf('_')));
815        if (!folder){
816                delete_border(ID);
817                return;
818                }
819        if (folder.previousSibling)
820        {
821                var previousMsgBox = folder.previousSibling.name?folder.previousSibling.name:info_msg.msg_folder;
822                img_previous_msg.onclick = function()
823                {
824                        currentTab = ID;
825                        openTab.type[ID] = 2;
826                        cExecute("$this.imap_functions.get_info_msg&msg_number="+folder.previousSibling.id+"&msg_folder=" + previousMsgBox, show_msg);
827                };
828        }
829        else
830                img_previous_msg.onclick = function()
831                {
832                        delete_border(ID);
833                };
834
835        next_previous_msg_td.appendChild(img_previous_msg);
836        next_previous_msg_td.appendChild(img_space);
837        next_previous_msg_td.appendChild(img_next_msg);
838        //////////////////////////////////////////////////////////////////////////////////////////////////////
839        //Make the header message.
840        //////////////////////////////////////////////////////////////////////////////////////////////////////
841        var table_message = document.createElement("TABLE");
842        var tbody_message = document.createElement("TBODY");
843        table_message.border = "0";
844        table_message.width = defaultWidth ;
845
846        //////////////////////////////////////////////////////////////////////////////////////////////////////
847        //Make the options message.
848        //////////////////////////////////////////////////////////////////////////////////////////////////////
849        var tr0 = document.createElement("TR");
850        tr0.className = "tr_message_header";
851        var td0 = document.createElement("TD");
852        var table_message_options = document.createElement("TABLE");
853        table_message_options.width = "100%";
854        table_message_options.border = '0';
855        table_message_options.className = 'table_message';
856        var tbody_message_options = document.createElement("TBODY");
857        var tr = document.createElement("TR");
858        var td = document.createElement("TD");
859        td.setAttribute("noWrap","true");
860        var _name = '';
861        var _maxChar = menuHidden ? 40 : 15;
862        if (info_msg.from.name)
863                _name = info_msg.from.name.length > _maxChar ? info_msg.from.name.substring(0,_maxChar) + "..." : info_msg.from.name;   
864        else           
865                _name = info_msg.from.email.length > _maxChar ? info_msg.from.email.substring(0,_maxChar) + "..." : info_msg.from.email;
866
867        td.innerHTML = _name.bold() + ', ' + info_msg.smalldate;
868        if (info_msg.attachments.length > 0)
869                td.innerHTML += "&nbsp<img style='cursor:pointer' onclick='javascript:Element(\"option_hide_more_"+ID+"\").onclick()' src ='templates/default/images/clip.gif' title='"+info_msg.attachments.names+"'>";
870       
871        if (typeof(info_msg.signature) == 'string')
872        {       
873                if (info_msg.signature != "void")
874                        td.innerHTML += '&nbsp;<img style="cursor:pointer" onclick="alert(\''+ get_lang("This message is signed, and you can trust.") + info_msg.signature +'\');" src="templates/default/images/signed.gif">';
875                else
876                        td.innerHTML += "&nbsp;<img style='cursor:pointer' onclick='alert(\""+get_lang("This message is signed, but it is invalid. You should not trust on it.")+"\");' title='"+get_lang("Voided message")+"' src='templates/default/images/invalid.gif'>";
877        }
878       
879        if (info_msg.DispositionNotificationTo)
880        {
881                td.innerHTML += '&nbsp;<img style="cursor:pointer" alt="'+ get_lang('Message with read notification') + '" title="'+ get_lang('Message with read notification') + '" src="templates/default/images/notification.gif">';
882        }
883       
884        // NORMAL MSG
885        if(info_msg.Draft != 'X')
886        {
887        var options = document.createElement("TD");
888        options.width = "100%";
889        options.setAttribute("noWrap","true");
890        var option_hide_more = document.createElement("SPAN");
891        option_hide_more.className = 'message_options';
892        options.align = 'right';
893        option_hide_more.value = 'more_options';
894        option_hide_more.id = 'option_hide_more_'+ID;
895        option_hide_more.onclick = function(){
896                var _height = Element("div_message_scroll_"+ID).style.height;
897                _height = parseInt(_height.replace("px",""));
898                var _offset = 35;
899                if (this.value == 'more_options'){
900                        this.innerHTML = "<b><u>"+get_lang('Options')+"</u></b>";
901                        this.value = 'hide_options';
902                        Element("div_message_scroll_"+ID).style.height = (_height - _offset)+"px";
903                        Element('table_message_others_options_'+ID).style.display = '';
904                        Element('tr_other_options_'+ID).style.display = '';
905                       
906                }
907                else{
908                        this.innerHTML = get_lang('Options');
909                        this.value = 'more_options';
910                        Element("div_message_scroll_"+ID).style.height = (_height + _offset)+"px";
911                        Element('table_message_others_options_'+ID).style.display = 'none';
912                        Element('tr_other_options_'+ID).style.display = 'none';                 
913                }
914        };
915
916        option_hide_more.innerHTML = get_lang('Options');
917        options.appendChild(option_hide_more);
918       
919        var space0 = document.createElement("SPAN");
920        space0.innerHTML = '&nbsp;';
921        var space1 = document.createElement("SPAN");
922        space1.innerHTML = '&nbsp;';
923        var space2 = document.createElement("SPAN");
924        space2.innerHTML = '&nbsp;';
925        var space3 = document.createElement("SPAN");
926        space3.innerHTML = '&nbsp;';
927        var space4 = document.createElement("SPAN");
928        space4.innerHTML = '&nbsp;';
929
930        var option_print = document.createElement("SPAN");
931        option_print.id = 'msg_opt_print_'+ID;
932        option_print.className = 'message_options';
933        option_print.onclick = function(){print_msg(info_msg.msg_folder,info_msg.msg_number,ID);};
934        option_print.innerHTML = get_lang('Print');
935        options.appendChild(space0);
936        options.appendChild(option_print);
937        var option_forward = document.createElement("SPAN");
938        option_forward.id = 'msg_opt_forward_'+ID;
939        option_forward.className = 'message_options';
940        option_forward.onclick = function(){new_message('forward', ID);};
941        option_forward.innerHTML = get_lang('Forward');
942        options.appendChild(space1);
943        options.appendChild(option_forward);
944        var option_reply = document.createElement("SPAN");
945        option_reply.id = 'msg_opt_reply_'+ID;
946        option_reply.className = 'message_options';
947        option_reply.onclick = function(){new_message('reply_with_history', ID);};
948        option_reply.innerHTML = get_lang('Reply');
949        options.appendChild(space2);
950        options.appendChild(option_reply);
951        var option_delete = document.createElement("SPAN");
952        option_delete.id = 'msg_opt_delete_'+ID;
953        option_delete.className = 'message_options';
954        option_delete.onclick = function(){delete_msgs(info_msg.msg_folder, info_msg.msg_number, ID);};
955        option_delete.innerHTML = get_lang('Delete');
956        options.appendChild(space3);
957        options.appendChild(option_delete);
958       
959        tr.appendChild(td);
960        tr.appendChild(options);
961        tr.appendChild(next_previous_msg_td);
962        tbody_message_options.appendChild(tr);
963       
964        ////////// OTHER OPTIONS ////////////////////
965        var tr_other_options = document.createElement("TR");
966        tr_other_options.id = 'tr_other_options_' + ID;
967        tr_other_options.style.display = 'none';
968       
969        var td_other_options = document.createElement("TD");
970        td_other_options.colSpan = '3';
971        //td_other_options.align = 'right';
972        //td_other_options.setAttribute("noWrap","true");
973        var div_other_options = document.createElement("DIV");
974
975        var option_mark_as                                              = '<span>'+get_lang("Mark as")+'</span>: ';
976        var option_mark_as_unseen                               = '<span class="message_options" onclick="set_messages_flag(\'unseen\','+info_msg.msg_number+');write_msg(\''+get_lang('Message marked as ')+get_lang("Unseen")+'.\');">'+get_lang("Unseen")+'</span>, ';
977        var option_mark_as_important                    = '<span class="message_options" onclick="set_messages_flag(\'flagged\','+info_msg.msg_number+');write_msg(\''+get_lang('Message marked as ')+get_lang("Important")+'.\');">'+get_lang("Important")+'</span>, ';
978        var option_mark_as_normal                               = '<span class="message_options" onclick="set_messages_flag(\'unflagged\','+info_msg.msg_number+');write_msg(\''+get_lang('Message marked as ')+get_lang("Normal")+'.\');">'+get_lang("Normal")+'</span> | ';
979       
980        var option_move                                                 = '<span class="message_options" onclick=wfolders.makeWindow("'+ID+'","move_to");>'+get_lang("Move")+'</span> | ';
981        var option_reply_to_all                                 = '<span class="message_options" onclick=new_message("reply_to_all_with_history","'+ID+'");>'+get_lang("Reply to all")+'</span> | ';
982        var option_reply_without_history                = '<span class="message_options" onclick=new_message("reply_without_history","'+ID+'");>'+get_lang("Reply without history")+'</span> | ';
983        var option_reply_to_all_without_history = '<span class="message_options" onclick=new_message("reply_to_all_without_history","'+ID+'");>'+get_lang("Reply to all without history")+'</span> | ';
984        var option_source_msg                                   = '<span class="message_options" onclick=source_msg("'+ID+'","'+url_encode(info_msg.msg_folder)+'");>'+get_lang("Message Font")+'</span>';     
985
986        div_other_options.innerHTML = option_mark_as + option_mark_as_unseen + option_mark_as_important + option_mark_as_normal + option_move + option_reply_to_all + option_reply_without_history + option_reply_to_all_without_history + option_source_msg;
987        if (use_spam_filter) {
988                if(info_msg.msg_folder == 'INBOX'+cyrus_delimiter+'Spam')
989                        div_other_options.innerHTML += ' | <span class="message_options" onclick="nospam('+info_msg.msg_number+',\'null\', \''+info_msg.msg_folder+'\')";>'+get_lang("Not Spam")+'</span>';     
990                else
991                        div_other_options.innerHTML += ' | <span class="message_options" onclick="spam(\''+info_msg.msg_folder+'\', '+info_msg.msg_number+',\'null\')";>'+get_lang("Mark as Spam")+'</span>';   
992        }
993               
994        td_other_options.appendChild(div_other_options);
995        //td_other_options.innerHTML = option_print + option_reply_to_all + option_source_msg;
996       
997        tr_other_options.appendChild(td_other_options);
998        tbody_message_options.appendChild(tr_other_options);
999        ////////// END OTHER OPTIONS ////////////////
1000        table_message_options.appendChild(tbody_message_options);
1001        td0.appendChild(table_message_options);
1002        tr0.appendChild(td0);
1003        tbody_message.appendChild(tr0);
1004        }
1005        // IF DRAFT
1006        else
1007        {
1008                var options = document.createElement("TD");
1009                options.width = "1%";
1010                options.setAttribute("noWrap","true");
1011                var option_edit   = '<span class="message_options" onclick="new_message(\'edit\',\''+ID+'\');">'+get_lang('Edit')+'</span> | ';
1012                var option_print = '<span class="message_options" onclick="print_msg(\''+info_msg.msg_folder+'\',\''+info_msg.msg_number+'\',\''+ID+'\');">'+get_lang('Print')+'</span> | ';
1013                var option_delete = '<span class="message_options" onclick="delete_msgs(\''+info_msg.msg_folder+'\',\''+info_msg.msg_number+'\',\''+ID+'\');">'+get_lang('Delete')+'</span> | ';               
1014                var option_hide_more = document.createElement("SPAN");
1015                option_hide_more.className = 'message_options';
1016                options.align = 'right';
1017                option_hide_more.value = 'more_options';
1018                option_hide_more.id = 'option_hide_more_'+ID;
1019                option_hide_more.innerHTML = get_lang('Options');
1020                option_hide_more.onclick = function(){
1021                        var _height = Element("div_message_scroll_"+ID).style.height;
1022                        _height = parseInt(_height.replace("px",""));
1023                        var _offset = 35;
1024                        if (this.value == 'more_options'){
1025                                this.innerHTML = "<b><u>"+get_lang('Options')+"</u></b>";
1026                                this.value = 'hide_options';
1027                                Element("div_message_scroll_"+ID).style.height = (_height - _offset)+"px";
1028                                Element('table_message_others_options_'+ID).style.display = '';
1029                        }
1030                        else{
1031                                this.innerHTML = get_lang('Options');
1032                                this.value = 'more_options';
1033                                Element("div_message_scroll_"+ID).style.height = (_height + _offset)+"px";
1034                                Element('table_message_others_options_'+ID).style.display = 'none';
1035                        }
1036                };
1037                options.innerHTML = option_edit + option_print + option_delete;
1038                options.appendChild(option_hide_more);
1039                tr.appendChild(td);
1040                tr.appendChild(options);
1041                tr.appendChild(next_previous_msg_td);
1042                tbody_message_options.appendChild(tr);
1043                table_message_options.appendChild(tbody_message_options);
1044                td0.appendChild(table_message_options);
1045                tr0.appendChild(td0);
1046                tbody_message.appendChild(tr0);
1047        }
1048        //////////////////////////////////////////////////////////////////////////////////////////////////////
1049        // END options message.
1050        //////////////////////////////////////////////////////////////////////////////////////////////////////
1051
1052        var table_message_others_options = document.createElement("TABLE");
1053        table_message_others_options.id = 'table_message_others_options_' + ID;
1054        table_message_others_options.width =  defaultWidth - 30;
1055        table_message_others_options.style.display = 'none';
1056        table_message_others_options.className = "table_message";
1057        var tbody_message_others_options = document.createElement("TBODY");
1058        var tr1 = document.createElement("TR");
1059        tr1.className = "tr_message_header";
1060        var td1 = document.createElement("TD");
1061        td1.innerHTML = get_lang("From: ");
1062        td1.appendChild(deny_email(info_msg.from.email));
1063        td1.width = "7%";
1064       
1065        if (info_msg.sender){
1066                var tr111 = document.createElement("TR");
1067                tr111.className = "tr_message_header";
1068                var td111 = document.createElement("TD");
1069                td111.innerHTML = get_lang("Sent by")+": ";
1070                td111.appendChild(deny_email(info_msg.sender.email));
1071                td111.setAttribute("noWrap","true");
1072                var sender = document.createElement("TD");
1073                sender.id = "sender_"+ID;
1074                var sender_values = document.createElement("INPUT");
1075                sender_values.id = "sender_values_"+ID;
1076                sender_values.type = "HIDDEN";
1077                sender_values.value = info_msg.sender.full; //Veio do IMAP, sem images nem links.
1078                sender.innerHTML += draw_plugin_cc(ID, info_msg.sender.full);
1079                sender.className = "header_message_field";
1080                tr111.appendChild(td111);
1081                tr111.appendChild(sender);
1082                tr111.appendChild(sender_values);
1083                tbody_message_others_options.appendChild(tr111);
1084        }
1085       
1086       
1087        var from = document.createElement("TD");
1088        from.id = "from_"+ID;
1089        from.innerHTML = info_msg.from.full;
1090        if (info_msg.Draft != "X"){
1091                from.innerHTML += draw_plugin_cc(ID, info_msg.from);
1092                tbody_message_others_options.appendChild(tr1);
1093        }
1094        from.className = "header_message_field";
1095        var from_values = document.createElement("INPUT");
1096        from_values.id = "from_values_"+ID;
1097        from_values.type = "HIDDEN";
1098        from_values.value = info_msg.from.full; //Veio do IMAP, sem images nem links.
1099        tr1.appendChild(td1);
1100        tr1.appendChild(from);
1101        tr1.appendChild(from_values);
1102        if (info_msg.reply_to){
1103                var tr11 = document.createElement("TR");
1104                tr11.className = "tr_message_header";
1105                var td11 = document.createElement("TD");
1106                td11.innerHTML = get_lang("Reply to")+": ";
1107                td11.setAttribute("noWrap","true");
1108                var reply_to = document.createElement("TD");
1109                reply_to.id = "reply_to_"+ID;
1110               
1111                var reply_to_values = document.createElement("INPUT");
1112                reply_to_values.id = "reply_to_values_"+ID;
1113                reply_to_values.type = "HIDDEN";
1114                reply_to_values.value = info_msg.reply_to; //Veio do IMAP, sem images nem links.
1115                reply_to.innerHTML = draw_plugin_cc(ID, info_msg.reply_to);
1116                reply_to.className = "header_message_field";
1117                tr11.appendChild(td11);
1118                tr11.appendChild(reply_to);
1119                tr11.appendChild(reply_to_values);
1120                tbody_message_others_options.appendChild(tr11);
1121        }
1122        //////////////////////////////////////////////////////////////////////////////////////////////////////
1123        var tr2 = document.createElement("TR");
1124        tr2.className = "tr_message_header";
1125        var td2 = document.createElement("TD");
1126        td2.innerHTML = get_lang("To: ");
1127        var to = document.createElement("TD");
1128        to.id = "to_"+ID;
1129
1130        var to_values = document.createElement("INPUT");
1131        to_values.id = "to_values_"+ID;
1132        to_values.type = "HIDDEN";
1133        to_values.value = info_msg.toaddress2; //Veio do IMAP, sem images nem links.   
1134
1135        // Salva a pasta da mensagem
1136        var input_current_folder = document.createElement('input');     
1137        input_current_folder.id = "input_folder_"+ID;
1138        input_current_folder.name = "input_folder";
1139        input_current_folder.type = "hidden";
1140        input_current_folder.value = info_msg.msg_folder;
1141        td2.appendChild(input_current_folder); 
1142        // fim
1143        toaddress_array[ID] = info_msg.toaddress2.split(",");
1144        if (toaddress_array[ID].length > 1){
1145                to.innerHTML += draw_plugin_cc(ID, toaddress_array[ID][0]);
1146                var div_toaddress = document.createElement("SPAN");
1147                div_toaddress.id = "div_toaddress_"+ID;
1148                div_toaddress.style.display="";
1149                div_toaddress.innerHTML += " (<a STYLE='color: RED;' onclick=javascript:show_div_address_full('"+ID+"','to');>"+get_lang('more')+"</a>)";
1150                to.appendChild(div_toaddress);         
1151        }
1152        else {
1153                to.innerHTML += draw_plugin_cc(ID,toaddress_array[ID]);
1154        }
1155        to.className = "header_message_field";
1156        tr2.appendChild(td2);
1157        tr2.appendChild(to);
1158        tr2.appendChild(to_values);
1159        tbody_message_others_options.appendChild(tr2);
1160
1161        if (info_msg.cc){
1162                var tr3 = document.createElement("TR");
1163                tr3.className = "tr_message_header";
1164                var td3 = document.createElement("TD");
1165                td3.innerHTML = "CC: ";
1166                var cc = document.createElement("TD");
1167                cc.id = "cc_"+ID;
1168
1169                var cc_values = document.createElement("INPUT");
1170                cc_values.id = "cc_values_"+ID;
1171                cc_values.type = "HIDDEN";
1172                cc_values.value = info_msg.cc;
1173               
1174                ccaddress_array[ID] = info_msg.cc.split(",");           
1175                if (ccaddress_array[ID].length > 1){
1176                        var div_ccaddress = document.createElement("SPAN");
1177                        div_ccaddress.id = "div_ccaddress_"+ID;
1178                        var div_ccaddress_full = document.createElement("SPAN");
1179                        div_ccaddress_full.id = "div_ccaddress_full_"+ID;               
1180                        div_ccaddress.style.display="";
1181                        cc.innerHTML = draw_plugin_cc(ID, ccaddress_array[ID][0]);
1182                        div_ccaddress.innerHTML += " (<a STYLE='color: RED;' onclick=javascript:show_div_address_full('"+ID+"','cc');>"+get_lang('more')+"</a>)";
1183                        cc.appendChild(div_ccaddress);
1184                }
1185                else{
1186                        cc.innerHTML = draw_plugin_cc(ID, info_msg.cc);
1187                }
1188                cc.className = "header_message_field";
1189                tr3.appendChild(td3);
1190                tr3.appendChild(cc);
1191                tr3.appendChild(cc_values);
1192                tbody_message_others_options.appendChild(tr3);
1193        }
1194
1195        /*
1196         * @AUTHOR Rodrigo Souza dos Santos
1197         * @MODIFY-DATE 2008/09/11
1198         * @BRIEF Adding routine to create bcc field if there is one.
1199         */
1200        if (info_msg.bcc)
1201        {
1202                var tr3 = document.createElement("tr");
1203                tr3.className = "tr_message_header";
1204                var td3 = document.createElement("td");
1205                td3.innerHTML = get_lang("BCC") + " : ";
1206                var cco = document.createElement("td");
1207                cco.id = "cco_"+ID;
1208
1209                var cco_values = document.createElement("input");
1210                cco_values.id = "cco_values_"+ID;
1211                cco_values.type = "hidden";
1212                cco_values.value = info_msg.cco;
1213
1214                ccoaddress_array[ID] = info_msg.bcc.split(",");         
1215                if (ccoaddress_array[ID].length > 1){
1216                        var div_ccoaddress = document.createElement("SPAN");
1217                        div_ccoaddress.id = "div_ccoaddress_"+ID;
1218                        var div_ccoaddress_full = document.createElement("SPAN");
1219                        div_ccoaddress_full.id = "div_ccoaddress_full_"+ID;             
1220                        div_ccoaddress.style.display="";
1221
1222                        /*
1223                         * The function below is ugly, doesn't possible use its.
1224                         * The problem is that the code's function was written
1225                         * on a hardcode concept.
1226                         */
1227                        //cco.innerHTML = draw_plugin_cc(ID, ccoaddress_array[ID][0]);
1228                        cco.innerHTML = ccoaddress_array[ID][0];
1229                        div_ccoaddress.innerHTML += " (<a STYLE='color: RED;' onclick=javascript:show_div_address_full('"+ID+"','cco');>"+get_lang('more')+"</a>)";
1230                        cco.appendChild(div_ccoaddress);
1231                }
1232                else{
1233                        /*
1234                         * The function below is ugly, it is not possible to use them.
1235                         * The problem is that the code's function was written
1236                         * on a hardcode concept.
1237                         */
1238                        //cco.innerHTML = draw_plugin_cc(ID, info_msg.cco);
1239                        cco.innerHTML = info_msg.bcc;
1240                }
1241                cco.className = "header_message_field";
1242                tr3.appendChild(td3);
1243                tr3.appendChild(cco);
1244                tr3.appendChild(cco_values);
1245                tbody_message_others_options.appendChild(tr3);
1246        }
1247
1248        var tr4 = document.createElement("TR");
1249        tr4.className = "tr_message_header";
1250        var td4 = document.createElement("TD");
1251        td4.innerHTML = get_lang("Date: ");
1252        var date = document.createElement("TD");
1253        date.id = "date_"+ID;
1254        date.innerHTML = info_msg.fulldate;
1255        var date_day = document.createElement("INPUT");
1256        date_day.id = "date_day_"+ID;
1257        date_day.type = "HIDDEN";
1258        date_day.value = info_msg.msg_day;
1259        var date_hour = document.createElement("INPUT");
1260        date_hour.id = "date_hour_"+ID;
1261        date_hour.type = "HIDDEN";
1262        date_hour.value = info_msg.msg_hour
1263       
1264        date.className = "header_message_field";
1265        tr4.appendChild(td4);
1266        tr4.appendChild(date);
1267        tr4.appendChild(date_day);
1268        tr4.appendChild(date_hour);
1269        tbody_message_others_options.appendChild(tr4);
1270       
1271        var tr5 = document.createElement("TR");
1272        tr5.className = "tr_message_header";
1273        var td5 = document.createElement("TD");
1274        td5.innerHTML = get_lang("Subject");
1275        var subject = document.createElement("TD");
1276        subject.id = "subject_"+ID;
1277        subject.innerHTML = info_msg.subject;
1278        subject.className = "header_message_field";
1279        tr5.appendChild(td5);
1280        tr5.appendChild(subject);
1281        tbody_message_others_options.appendChild(tr5);
1282
1283        if (info_msg.attachments.length > 0){
1284                var tr6 = document.createElement("TR");
1285                tr6.className = "tr_message_header";
1286                var td6 = document.createElement("TD");
1287                td6.innerHTML = get_lang("Attachments: ");
1288               
1289                var attachments = document.createElement("TD");
1290                td6.vAlign = "top";
1291                attachments.align='left';
1292                var zipped_attachments = '';
1293                if(info_msg.attachments.length >= 1){
1294                        var zipped_attachments  = document.createElement("TABLE");
1295                        zipped_attachments.style.marginBottom = "4px";
1296                        zipped_attachments.cellPadding="0";
1297                        zipped_attachments.cellSpacing="0";
1298                        var tr = document.createElement("TR");
1299                        var td = document.createElement("TD");                 
1300                        if(info_msg.attachments.length != 1) {
1301                        var link_attachment     = document.createElement("A");
1302                        link_attachment.setAttribute("href", "javascript:download_all_attachments('"+info_msg.msg_folder+"','"+info_msg.msg_number+"')");
1303                        link_attachment.innerHTML = " "+info_msg.attachments.length+' '+get_lang('files')+' :: '+get_lang('Download all atachments');
1304                        link_attachment.innerHTML += '<BR>';
1305                        td.appendChild(link_attachment);
1306                        }
1307                        var del_attachments = document.createElement("A");
1308                        del_attachments.setAttribute("href", "javascript:remove_all_attachments('"+info_msg.msg_folder+"','"+info_msg.msg_number+"')");                 
1309                        del_attachments.innerHTML = get_lang('remove all attachments');
1310               
1311                        td.appendChild(del_attachments);
1312                        tr.appendChild(td);
1313                        zipped_attachments.appendChild(tr);
1314                }
1315                if(zipped_attachments)
1316                        attachments.appendChild(zipped_attachments);
1317                attachments.id = "attachments_" + ID;
1318                for (var i=0; i<info_msg.attachments.length; i++){
1319                        var link_attachment = document.createElement("A");
1320                        link_attachment.setAttribute("href", "javascript:download_attachments('"+info_msg.msg_folder+"','"+info_msg.msg_number+"',"+i+",'"+info_msg.attachments[i].pid+"','"+info_msg.attachments[i].encoding+"')");
1321                        link_attachment.innerHTML = url_decode(info_msg.attachments[i].name);
1322                        msg_size = info_msg.attachments[i].fsize;
1323                        if (msg_size < 1048576 && msg_size > 1024)
1324                                link_attachment.innerHTML += ' (' + this.round(msg_size / 1024, 0) + ' Kb)';
1325                        else if(msg_size > 1024)
1326                                link_attachment.innerHTML += ' (' + this.round(msg_size / (1024*1024), 1) + ' Mb)';
1327                        else
1328                                link_attachment.innerHTML += ' (' + msg_size + ' bytes)';
1329                        if((url_decode(info_msg.attachments[i].name).indexOf(".ics")!=-1) || (url_decode(info_msg.attachments[i].name).indexOf(".vcard")!=-1)){
1330                                //Link para importar calendário
1331                                var link_import_attachment = document.createElement("A");
1332                                link_import_attachment.setAttribute("href","../index.php?menuaction=calendar.uiicalendar.import_from_mail&msg_folder="+info_msg.msg_folder+"&msg_number="+info_msg.msg_number+"&msg_part="+info_msg.attachments[i].pid+"&idx_file="+i+"&encoding="+info_msg.attachments[i].encoding);
1333                                link_import_attachment.innerHTML=get_lang("Import to calendar")+"<br>";
1334                                var space = document.createElement("span");
1335                                space.innerHTML = "&nbsp;&nbsp;&nbsp;&nbsp;";
1336                                attachments.appendChild(link_attachment);
1337                                attachments.appendChild(space);
1338                                attachments.appendChild(link_import_attachment);
1339                        }
1340                        else {
1341                        link_attachment.innerHTML += '<BR>';
1342                        attachments.appendChild(link_attachment);
1343                        }
1344                }
1345                tr6.appendChild(td6);
1346                tr6.appendChild(attachments);
1347                tbody_message_others_options.appendChild(tr6);
1348        }
1349
1350
1351        // BEGIN MAKE THE SCROLL HEIGHT
1352        var bar = document.getElementById("toolbar");
1353        var offset = 0;
1354        if(bar.style.visibility != 'hidden')
1355                offset = bar.offsetHeight ? bar.offsetHeight :  bar.clientHeight;               
1356        var div = document.createElement("DIV");
1357        div.id = "div_message_scroll_"+ID;
1358        div.style.background = 'WHITE';
1359        div.style.height = document.body.clientHeight - offset - 125;
1360        content.style.height = document.body.clientHeight - offset - 80;
1361        div.style.overflow = "auto";
1362        div.style.width = defaultWidth - (is_ie ? 5 : 0);
1363        // END MAKE THE SCROLL HEIGHT
1364        table_message_others_options.appendChild(tbody_message_others_options);
1365        var tr = document.createElement("TR");
1366        var td = document.createElement("TD");
1367        td.colSpan = '2';
1368        div.appendChild(table_message_others_options);
1369        td.appendChild(div);
1370        tr.appendChild(td)
1371        tbody_message.appendChild(tr);
1372
1373
1374        ////////////////////////////////////////////////////////////////////////////////////////////////////// 
1375        //Make the body message.
1376        //////////////////////////////////////////////////////////////////////////////////////////////////////
1377        var tr = document.createElement("TR");
1378        tr.className = "tr_message_body";
1379        var td = document.createElement("TD");
1380        //td.setAttribute("colSpan","2");
1381        info_msg.body = info_msg.body.replace("<body","<span");
1382        info_msg.body = info_msg.body.replace("<BODY","<span");
1383        div.innerHTML+= "<span id='body_"+ID+"'>"+info_msg.body+"</span><br><br>";
1384        ////////////////////////////////////////////////////////////////////////////////////////////////////// 
1385        //Make the thumbs of the message.
1386        //////////////////////////////////////////////////////////////////////////////////////////////////////
1387        if ((info_msg.thumbs)&&(info_msg.thumbs.length > 0)){
1388                var table_message_thumbs = document.createElement("TABLE");
1389                table_message_thumbs.width = "80%";
1390                table_message_thumbs.style.borderTop = "2px solid rgb(170, 170, 170)";
1391                var tbody_message_thumbs = document.createElement("TBODY");
1392                var tr = document.createElement("TR");
1393                tr.className = "tr_message_body";
1394                var td = document.createElement("TD");
1395                td.setAttribute("colSpan","2");
1396                td.id = "body_thumbs_"+ID;
1397                td.innerHTML += "&nbsp;<font color='DARKBLUE' size='2'><b>"+info_msg.attachments.length+" "+get_lang("attachment")+(info_msg.attachments.length > 1 ? "s" : "")+" "+get_lang("in this message")+"</font></b>";
1398                var _link_attachments = '';
1399                if(info_msg.thumbs.length > 1){
1400                        _link_attachments       = document.createElement("A");
1401                        _link_attachments.className = "message_options";
1402                        _link_attachments.setAttribute("href", "javascript:download_all_attachments('"+info_msg.msg_folder+"','"+info_msg.msg_number+"')");
1403                        _link_attachments.innerHTML = get_lang('Download all atachments');
1404                }
1405               
1406                if(_link_attachments){
1407                        td.innerHTML += " :: ";
1408                        td.appendChild(_link_attachments);
1409                }
1410               
1411                td.innerHTML += "<BR><img src='templates/default/images/menu/ktip.png'>"+get_lang("<b>Tip:</b> For faster save, click over the image with <u>right button</u>.");
1412                td.innerHTML += "<BR>";
1413
1414                for (var i=0; i<info_msg.thumbs.length; i++){
1415                        if ((i % 4) == 0)
1416                                td.innerHTML += "<BR>";
1417                        td.innerHTML += info_msg.thumbs[i];
1418                        td.innerHTML += "&nbsp;&nbsp;";
1419                }
1420                tr.appendChild(td);
1421                tbody_message_thumbs.appendChild(tr);
1422                table_message_thumbs.appendChild(tbody_message_thumbs);
1423                div.appendChild(table_message_thumbs);
1424        }
1425        //////////////////////////////////////////////////////////////////////////////////////////////////////
1426        table_message.appendChild(tbody_message);
1427        content.appendChild(table_message);
1428        var msg_number = document.createElement('INPUT');
1429        msg_number.id = "msg_number_" + ID;
1430        msg_number.type = "hidden";
1431        msg_number.value = info_msg.msg_number;
1432        content.appendChild(msg_number);
1433        //////////////////////////////////////////////////////////////////////////////////////////////////////
1434}
1435
1436function draw_new_message(border_ID){
1437        var ID = create_border("",border_ID);
1438        if (ID == false)
1439                return false;
1440        hold_session = true;
1441/////////////////////////////////////////////////////////////////////////////////////////////////////////
1442        var form = document.createElement("FORM");
1443        form.name = "form_message_"+ID;
1444        form.method = "POST";
1445        form.onsubmit = function(){return false;}
1446        if(!is_ie)
1447                form.enctype="multipart/form-data";
1448        else
1449                form.encoding="multipart/form-data";
1450/////////////////////////////////////////////////////////////////////////////////////////////////////////
1451        //ConstructMenuNewMessage(ID);
1452////////////////////////////////////////////////////////////////////////////////////////////////////////       
1453        var content = Element('content_id_' + ID);
1454        var table_message = document.createElement("TABLE");
1455        table_message.width = "100%";
1456        var tbody_message = document.createElement("TBODY");
1457        var tr0 = document.createElement("TR");
1458        tr0.className = "tr_message_header";
1459        var td0 = document.createElement("TD");
1460        td0.colSpan = '3';
1461       
1462        var table_menu_new_message = document.createElement("TABLE");
1463        table_menu_new_message.width = "100%";
1464        table_menu_new_message.border = '0';
1465        table_menu_new_message.className = 'table_message';
1466        var tbody_menu_new_message = document.createElement("TBODY");
1467        var tr_menu_new_message = document.createElement("TR");
1468        var td_menu_new_message = document.createElement("TD");
1469        td_menu_new_message.setAttribute("noWrap","true");
1470       
1471        if ((preferences.save_in_folder == '-1') || (preferences.save_in_folder == '')){
1472                //var option_send = '<span class="message_options" onclick=send_message("'+ID+'","null","null");>'+get_lang("Send")+'</span> | ';
1473                var option_send   = '<input type="button" id="send_button_'+ID+'" class="em_button_like_span" tabindex="1" value="'+get_lang("Send")+'" onclick=send_message("'+ID+'","null","null");>' + ' | ';
1474                var option_send_and_file= '<span class="message_options" onclick=wfolders.makeWindow("'+ID+'","send_and_file");>'+get_lang("Send and file")+'</span> | ';
1475        }
1476        else{
1477                //var option_send = '<span class="message_options" onclick="send_message(\''+ID+'\',\''+preferences.save_in_folder+'\',\'null\');">'+get_lang("Send")+'</span> | ';
1478                var option_send   = '<input type="button" id="send_button_'+ID+'" class="em_button_like_span" tabindex="1" value="'+get_lang("Send")+'" onclick="send_message(\''+ID+'\',\''+preferences.save_in_folder+'\',\'null\');">' + ' | ';
1479                var option_send_and_file='';
1480                wfolders.alert = true;
1481        }
1482//      var option_save_as              = '<span class="message_options" onclick=wfolders.makeWindow("'+ID+'","save");>'+get_lang("Save as")+'</span> | ';
1483        var option_save                 = '<span id="save_message_options_'+ID+'" class="message_options" onclick="openTab.toPreserve['+ID+'] = true; save_msg('+ID+');">'+get_lang("Save")+'</span> | ';
1484        var option_search               = '<span class="message_options" onclick=openListUsers("'+ID+'");>'+get_lang("Search")+'</span>';
1485        td_menu_new_message.innerHTML = option_send + option_send_and_file + option_save + option_search;
1486       
1487        tr_menu_new_message.appendChild(td_menu_new_message);
1488        tbody_menu_new_message.appendChild(tr_menu_new_message);
1489        table_menu_new_message.appendChild(tbody_menu_new_message);
1490       
1491        content.appendChild(table_menu_new_message);
1492        tr0.appendChild(td0);
1493        tbody_message.appendChild(tr0);
1494////////////////////////////////////////////////////////////////////////////////////////////////////////
1495        var tr1_1 = document.createElement("TR");
1496        tr1_1.style.display = 'none';
1497        var td1_1 = document.createElement("TD");
1498        td1_1.innerHTML = get_lang("From")+":";
1499        td1_1.setAttribute("noWrap","true");
1500        td1_1.style.width = "1%";
1501       
1502        var td_from = document.createElement("TD");
1503        td_from.setAttribute("noWrap","true");
1504        td_from.style.width = "100%";
1505                       
1506        var sel_from = document.createElement('SELECT');       
1507        sel_from.id = "from_"+ID;
1508        sel_from.name = "input_from";
1509        sel_from.style.width = "70%";
1510        sel_from.setAttribute("wrap","soft");
1511        td_from.appendChild(sel_from); 
1512        tr1_1.appendChild(td1_1);
1513        tr1_1.appendChild(td_from);
1514        tbody_message.appendChild(tr1_1);       
1515////////////////////////////////////////////////////////////////////////////////////////////////////////
1516        var tr1 = document.createElement("TR");
1517        var td1 = document.createElement("TD");
1518        td1.innerHTML = get_lang("To")+":";
1519        td1.setAttribute("noWrap","true");
1520        td1.style.width = "1%";
1521       
1522        var td_to = document.createElement("TD");
1523        td_to.setAttribute("noWrap","true");
1524        td_to.style.width = "100%";
1525       
1526        var input_to = document.createElement('TEXTAREA');
1527        input_to.id = "to_"+ID;
1528        input_to.name = "input_to";
1529        input_to.setAttribute("tabIndex","1"); 
1530        input_to.style.width = "100%";
1531        input_to.setAttribute("wrap","soft");
1532        input_to.onfocus = function(){clearTimeout(parseInt(setTimeOutLayer)); search_contacts('onfocus', this.id);};
1533        input_to.onblur = function(){setTimeOutLayer=setTimeout('search_contacts("lostfocus","'+this.id+'")',100);};
1534        if (!is_ie)
1535        {
1536                input_to.rows = 2;
1537                input_to.onkeypress = function (e)
1538        {
1539            if ((e.keyCode) == 120) //F9
1540            {
1541                emQuickSearch(input_to.value, 'to', ID);
1542            }
1543            else
1544            {
1545                if (((e.keyCode == 13) || ((e.keyCode == 38)||(e.keyCode == 40))) && (document.getElementById('tipDiv').style.visibility!='hidden'))
1546                {
1547                    e.preventDefault();
1548                    search_contacts(e.keyCode,this.id);
1549                }
1550            }
1551        }
1552        input_to.onkeyup = function (e)
1553        {
1554            if ((e.keyCode != 13) && (e.keyCode != 38) && (e.keyCode != 40))
1555            {
1556                search_contacts(e.keyCode,this.id);
1557            }
1558        }
1559        }
1560        else
1561        {
1562                input_to.rows = 3;
1563                input_to.onkeyup = function (e)
1564        {
1565            if ((window.event.keyCode) == 120) //F9
1566            {
1567                emQuickSearch(input_to.value, 'to', ID);
1568            }
1569            else
1570            {
1571                search_contacts(window.event.keyCode,this.id);
1572            }   
1573        }
1574        }
1575        td_to.appendChild(input_to);
1576       
1577        var img_search = document.createElement("IMG");
1578        img_search.src = "./templates/default/images/search.gif";
1579        img_search.title = get_lang('Search') + " | " + get_lang('Use F9 Key as shortcut.');
1580        img_search.onclick = function () {emQuickSearch(document.getElementById('to_'+ID).value, 'to', ID);};
1581        var span_search = document.createElement("SPAN");
1582        span_search.innerHTML = get_lang('Search');
1583       
1584        var td1_img_search = document.createElement("TD");
1585        td1_img_search.setAttribute("noWrap","true");
1586        var td1_span_search = document.createElement("TD");
1587        td1_span_search.setAttribute("noWrap","true"); 
1588       
1589        td1_img_search.appendChild(img_search);
1590        td1_span_search.appendChild(span_search);
1591       
1592        tr1.appendChild(td1);
1593        tr1.appendChild(td_to);
1594        tr1.appendChild(td1_img_search);
1595
1596        tbody_message.appendChild(tr1);
1597//////////////////////////////////////////////////////////////////////////////////////////////////////
1598        var tr2 = document.createElement("TR");
1599        tr2.id = "tr_cc_"+ID;
1600        tr2.style.display = 'none';
1601        var td2 = document.createElement("TD");
1602        td2.innerHTML = "Cc:";
1603        td2.setAttribute("noWrap","true");     
1604        td2.style.width = "1%";
1605       
1606        var td_cc = document.createElement("TD");
1607        td_cc.setAttribute("noWrap","true");
1608        td_cc.style.width = "100%";
1609       
1610        var input_cc = document.createElement('TEXTAREA');
1611        input_cc.id = "cc_"+ID;
1612        input_cc.name = "input_cc";
1613        input_cc.setAttribute("tabIndex","1");
1614        input_cc.style.width = "100%";
1615        input_cc.onfocus = function(){clearTimeout(parseInt(setTimeOutLayer)); search_contacts('onfocus',this.id);};
1616        input_cc.onblur = function(){setTimeOutLayer=setTimeout('search_contacts("lostfocus","'+this.id+'")',100);};
1617    if (!is_ie)
1618    {
1619        input_cc.rows = 2;
1620        input_cc.onkeypress = function (e)
1621        {
1622            if ((e.keyCode) == 120) //F9
1623            {
1624                emQuickSearch(input_cc.value, 'cc', ID);
1625            }
1626            else
1627            {
1628                if (((e.keyCode == 13) || ((e.keyCode == 38)||(e.keyCode == 40))) && (document.getElementById('tipDiv').style.visibility!='hidden'))
1629                {
1630                    e.preventDefault();
1631                    search_contacts(e.keyCode,this.id);
1632                }
1633            }
1634        }
1635        input_cc.onkeyup = function (e)
1636        {
1637            if ((e.keyCode != 13) && (e.keyCode != 38) && (e.keyCode != 40))
1638            {
1639                search_contacts(e.keyCode,this.id);
1640            }
1641        }
1642    }
1643    else if (is_ie)
1644    {
1645        input_cc.rows = 3;
1646        input_cc.onkeyup = function (e)
1647        {
1648            if ((window.event.keyCode) == 120) //F9
1649            {
1650                emQuickSearch(input_cc.value, 'cc', ID);
1651            }
1652            else
1653            {
1654                search_contacts(window.event.keyCode,this.id);
1655            }
1656        }
1657    }
1658       
1659        td_cc.appendChild(input_cc);
1660        var img_search = document.createElement("IMG");
1661        img_search.src = "./templates/default/images/search.gif";
1662        img_search.onclick = function () {emQuickSearch(document.getElementById('cc_'+ID).value, 'cc', ID)}
1663        img_search.title = get_lang('Search') + " | " + get_lang('Use F9 Key as shortcut.');
1664        var span_search = document.createElement("SPAN");
1665        span_search.innerHTML = get_lang('Search');
1666       
1667        var td2_img_search = document.createElement("TD");
1668        td2_img_search.setAttribute("noWrap","true");
1669        var td2_span_search = document.createElement("TD");
1670        td2_span_search.setAttribute("noWrap","true"); 
1671       
1672        td2_img_search.appendChild(img_search);
1673        td2_span_search.appendChild(span_search);
1674               
1675        tr2.appendChild(td2);
1676        tr2.appendChild(td_cc);
1677        tr2.appendChild(td2_img_search);
1678        tbody_message.appendChild(tr2);
1679//////////////////////////////////////////////////////////////////////////////////////////////////////
1680        var tr3 = document.createElement("TR");
1681        tr3.id = "tr_cco_"+ID;
1682        tr3.style.display = 'none';
1683        var td3 = document.createElement("TD");
1684        td3.setAttribute("noWrap","true");
1685        td3.innerHTML = get_lang("CCo")+":";
1686        td3.style.width = "1%";
1687       
1688        var td_cco = document.createElement("TD");
1689        td_cco.setAttribute("noWrap","true");
1690        td_cco.style.width = "100%";
1691       
1692        var input_cco = document.createElement('TEXTAREA');
1693        input_cco.id = "cco_"+ID;
1694        input_cco.name = "input_cco";
1695        input_cco.setAttribute("tabIndex","1");
1696        input_cco.style.width = "100%";
1697        input_cco.onfocus = function(){clearTimeout(parseInt(setTimeOutLayer)); search_contacts('onfocus',this.id);};
1698        input_cco.onblur = function(){setTimeOutLayer=setTimeout('search_contacts("lostfocus","'+this.id+'")',100);};
1699       
1700        if (!is_ie)
1701    {
1702        input_cco.rows = 2;
1703        input_cco.onkeypress = function (e)
1704        {
1705            if ((e.keyCode) == 120) //F9
1706            {
1707                emQuickSearch(input_cco.value, 'cco', ID);
1708            }
1709            else
1710            {
1711                if (((e.keyCode == 13) || ((e.keyCode == 38)||(e.keyCode == 40))) && (document.getElementById('tipDiv').style.visibility!='hidden'))
1712                {
1713                    e.preventDefault();
1714                    search_contacts(e.keyCode,this.id);
1715                }
1716            }
1717        }
1718        input_cco.onkeyup = function (e)
1719        {
1720            if ((e.keyCode != 13) && (e.keyCode != 38) && (e.keyCode != 40))
1721            {
1722                search_contacts(e.keyCode,this.id);
1723            }
1724        }
1725    }
1726    else if (is_ie)
1727    {
1728        input_cco.rows = 3;
1729        input_cco.onkeyup = function (e)
1730        {
1731            if ((window.event.keyCode) == 120) //F9
1732            {
1733                emQuickSearch(input_cco.value, 'cco', ID);
1734            }
1735            else
1736            {
1737                search_contacts(window.event.keyCode,this.id);
1738            }   
1739        }
1740    }
1741       
1742        td_cco.appendChild(input_cco);
1743        var img_search = document.createElement("IMG");
1744        img_search.src = "./templates/default/images/search.gif";
1745        img_search.title = get_lang('Search') + " | " + get_lang('Use F9 Key as shortcut.');   
1746        img_search.onclick = function () {emQuickSearch(document.getElementById('cco_'+ID).value, 'cco', ID);};
1747        var span_search = document.createElement("SPAN");
1748        span_search.innerHTML = get_lang('Search');
1749
1750        var td3_img_search = document.createElement("TD");
1751        td3_img_search.setAttribute("noWrap","true");
1752        var td3_span_search = document.createElement("TD");
1753        td3_span_search.setAttribute("noWrap","true"); 
1754       
1755        td3_img_search.appendChild(img_search);
1756        td3_span_search.appendChild(span_search);
1757               
1758        tr3.appendChild(td3);
1759        tr3.appendChild(td_cco);
1760        tr3.appendChild(td3_img_search);       
1761        tbody_message.appendChild(tr3);
1762//////////////////////////////////////////////////////////////////////////////////////////////////////
1763        var tr_link = document.createElement("TR");
1764        tr_link.id = "tr_link_"+ID;             
1765        var td1_link = document.createElement("TD");
1766        var td2_link = document.createElement("TD");
1767        td1_link.innerHTML = "&nbsp;";
1768        var a_cc_link = document.createElement('A');
1769        a_cc_link.innerHTML = get_lang('Add CC');
1770        a_cc_link.id = "a_cc_link_"+ID;
1771        a_cc_link.setAttribute("href","javascript:void(0)");
1772        a_cc_link.setAttribute("tabIndex","-1");
1773        a_cc_link.onclick = function () {this.style.display='none';document.getElementById('tr_cc_'+ID).style.display='';document.getElementById('space_link_'+ID).style.display='none';input_cc.focus(); return false;}
1774        td2_link.appendChild(a_cc_link);       
1775        var space = document.createElement("span");
1776        space.id ="space_link_"+ID;
1777        space.innerHTML="&nbsp;|&nbsp;";
1778        td2_link.appendChild(space);
1779        var a_cco_link = document.createElement('A');
1780        a_cco_link.innerHTML = get_lang('Add BCC');
1781        a_cco_link.id = "a_cco_link_"+ID;
1782        a_cco_link.setAttribute("href","javascript:void(0)");
1783        a_cco_link.setAttribute("tabIndex","-1");
1784        a_cco_link.onclick = function () {this.style.display='none';document.getElementById('tr_cco_'+ID).style.display='';document.getElementById('space_link_'+ID).style.display='none';input_cco.focus(); return false;}
1785        td2_link.appendChild(a_cco_link);       
1786        tr_link.appendChild(td1_link);
1787        tr_link.appendChild(td2_link);
1788        tbody_message.appendChild(tr_link);
1789//////////////////////////////////////////////////////////////////////////////////////////////////////
1790        var tr4 = document.createElement("TR");
1791        var td4 = document.createElement("TD");
1792        //td4.setAttribute("noWrap","true");   
1793        td4.innerHTML = get_lang("Subject")+":";
1794        var td_subject = document.createElement("TD");
1795        var input_subject = document.createElement('input');
1796        input_subject.id = "subject_"+ID;
1797        input_subject.name = "input_subject";
1798        input_subject.setAttribute("tabIndex","1");
1799        input_subject.style.width = "90%";
1800        input_subject.setAttribute("autocomplete","off");
1801        td_subject.appendChild(input_subject);
1802        tr4.appendChild(td4);
1803        tr4.appendChild(td_subject);
1804        tbody_message.appendChild(tr4);
1805////////////////////////////////////////////////////////////////////////////////////////////////////// 
1806        var tr5 = document.createElement("TR");
1807        var td5 = document.createElement("TD");
1808        td5.innerHTML = "&nbsp;";
1809        var td_return_receipt = document.createElement("TD");
1810        td_return_receipt.setAttribute("noWrap","true");
1811        td_return_receipt.innerHTML = get_lang("Return receipt")+":";
1812        var input_return_receipt = document.createElement('input');
1813        input_return_receipt.type = "checkbox";
1814        input_return_receipt.className = "checkbox";
1815        input_return_receipt.id = "return_receipt_"+ID;
1816        input_return_receipt.name = "input_return_receipt";
1817        input_return_receipt.setAttribute("tabIndex","-1");
1818        td_return_receipt.appendChild(input_return_receipt);   
1819        tr5.appendChild(td5);
1820        tr5.appendChild(td_return_receipt);
1821        tbody_message.appendChild(tr5);
1822//////////////////////////////////////////////////////////////////////////////////////////////////////
1823        var trn = document.createElement("TR");
1824        var tdn = document.createElement("TD");
1825        tdn.innerHTML = "&nbsp;";
1826        var td_important_msg = document.createElement("TD");
1827        td_important_msg.setAttribute("noWrap","true");
1828        td_important_msg.innerHTML = get_lang("Important message")+":";
1829        var input_important_message = document.createElement('input');
1830        input_important_message.type = "checkbox";
1831        input_important_message.className = "checkbox";
1832        input_important_message.id = "important_message_"+ID;
1833        input_important_message.name = "input_important_message";
1834        input_important_message.setAttribute("tabIndex","-1");
1835        td_important_msg.appendChild(input_important_message); 
1836        trn.appendChild(tdn);
1837        trn.appendChild(td_important_msg);
1838        tbody_message.appendChild(trn);
1839
1840//////////////////////////////////////////////////////////////////////////////////////////////////////
1841        var add_files = document.createElement("A");
1842        add_files.setAttribute("href", "javascript:void(0)");
1843        add_files.onclick = function () { addFile(ID); return false;};
1844        add_files.innerHTML =  get_lang("Attachments: add+");
1845        add_files.setAttribute("tabIndex","-1");
1846        var divfiles = document.createElement("DIV");
1847        divfiles.id = "divFiles_"+ID;
1848        var tr5 = document.createElement("TR");
1849        var td5_link = document.createElement("TD");
1850        var td5_input = document.createElement("TD");   
1851        td5_input.innerHTML = "&nbsp;"
1852        td5_link.setAttribute("valign","top");
1853        td5_link.setAttribute("colSpan","2");
1854        td5_link.appendChild(add_files);
1855        tr5.appendChild(td5_input);
1856        tr5.appendChild(td5_link);
1857        tbody_message.appendChild(tr5);
1858        var tr6 = document.createElement("TR");
1859        var td6_link  = document.createElement("TD");
1860        var td6_input = document.createElement("TD");
1861        tr6.appendChild(td6_link);
1862        td6_input.appendChild(divfiles);
1863        tr6.appendChild(td6_input);     
1864        tbody_message.appendChild(tr6);
1865//////////////////////////////////////////////////////////////////////////////////////////////////////
1866        var tr5 = document.createElement("TR");
1867        var td5 = document.createElement("TD");
1868        td5.innerHTML = "&nbsp;";
1869        var td_body = document.createElement("TD");
1870        td_body.setAttribute("colSpan","2");
1871        var div_body_position = document.createElement("DIV");
1872        div_body_position.id = "body_position_" + ID;
1873        td_body.appendChild(div_body_position);
1874        tr5.appendChild(td5);
1875        tr5.appendChild(td_body);
1876        tbody_message.appendChild(tr5);
1877// BEGIN MAKE THE SCROLL HEIGHT
1878        var defaultWidth = document.body.clientWidth - (is_ie ? 200 : 195);
1879        var _bar = document.getElementById("toolbar");
1880        var _offset = 0;
1881        if(_bar.style.visibility != 'hidden')
1882                _offset = _bar.offsetHeight ? _bar.offsetHeight :  _bar.clientHeight;           
1883        var _div = document.createElement("DIV");
1884        _div.id = "div_message_scroll_"+ID;
1885//      _div.style.background = 'WHITE';
1886        _div.style.height = document.body.clientHeight - _offset - 105;
1887        content.style.height = document.body.clientHeight - _offset - 80;
1888       
1889        _div.style.overflow = "auto";
1890        _div.style.width = defaultWidth;
1891        // END MAKE THE SCROLL HEIGHT
1892
1893        // Hide the contac tips and re-position the pallete color.
1894        _div.onscroll = function() {
1895                var intElemScrollTop = Element("div_message_scroll_"+ID).scrollTop;
1896                if (!is_ie)
1897                        ColorPalette.repos(intElemScrollTop);
1898                Tooltip.scrollChanged();
1899        };
1900//////////////////////////////////////////////////////////////////////////////////////////////////////
1901        _div.appendChild(form);
1902        content.appendChild(_div);
1903        table_message.appendChild(tbody_message);
1904        form.appendChild(table_message);
1905        connector.loadScript("rich_text_editor");
1906        RichTextEditor.loadEditor(ID);
1907//////////////////////////////////////////////////////////////////////////////////////////////////////
1908        draw_from_field(sel_from,tr1_1);
1909        return ID;
1910}
1911
1912//      Verify if any user is sharing his name/email address
1913//      for use in the new messages's "From " field.
1914function draw_from_field(sel_from,tr1_1){
1915
1916        var el_shared_users = Element("el_shared_users");
1917        // The element was loaded and populated...so return.
1918        if(el_shared_users){   
1919                // Nothing to work...so return.
1920                if(el_shared_users.options.length == 0)
1921                        return;
1922                tr1_1.style.display = '';
1923                for (var x = 0; x < el_shared_users.options.length; x++) {
1924                        var _option = document.createElement("OPTION");
1925                        _option.text = el_shared_users.options[x].text;
1926                        _option.value = el_shared_users.options[x].value;
1927                        sel_from.options[sel_from.options.length] = _option     ;
1928                }
1929                return;
1930        }
1931        // Get the shared folders.....
1932        var RegExp_name = new RegExp("(user)"+cyrus_delimiter+"(.*)$", "i");
1933        var sharedFolders = new Array();
1934        for(var i = 0; i < folders.length; i++) {
1935                var x = folders[i].folder_id;
1936        if (RegExp_name.test(x)){
1937                sharedFolders[sharedFolders.length] = x;
1938        }
1939    }
1940
1941    var matchUser = '#';
1942    var sharedUsers = new Array();
1943        // Filter the shared folders (only root folders) .....
1944        for(var i = 0; i < sharedFolders.length; i++) {
1945      if(!sharedFolders[i].match(matchUser)) {
1946                matchUser = sharedFolders[i];
1947                sharedUsers[sharedUsers.length] = matchUser.substring(("user"+cyrus_delimiter).length,matchUser.length);
1948      }
1949    }
1950
1951        // Handler function for cExecute
1952        var h_user = function(data) {
1953                if(data.length > 0) {
1954                        tr1_1.style.display = '';
1955                        var _option = document.createElement("OPTION");
1956                        _option.text =  '"'+data.myname+'" <'+Element("user_email").value+'>';
1957                        _option.value  = data.myname+";"+Element("user_email").value;
1958                        sel_from.options[sel_from.options.length] = _option;
1959       
1960                        var options = '';
1961                        for (var x = 0; x < data.length; x++)   {
1962                                var _option = document.createElement("OPTION");
1963                                _option.text = '"'+data[x].cn[0] + '" <'+data[x].mail[0]+'>';
1964                                _option.value = data[x].cn[0] + ';'+data[x].mail[0];
1965                                sel_from.options[sel_from.options.length] = _option     ;
1966                        }
1967                }
1968                var shared_users_from = Element("el_shared_users");
1969                if(!shared_users_from) {
1970                        shared_users_from = sel_from.cloneNode(true);
1971                        shared_users_from.id = "el_shared_users";
1972                        shared_users_from.style.display = 'none';
1973                        document.body.appendChild(shared_users_from);
1974                }
1975        }
1976        // First time, so execute.....
1977        cExecute ("$this.ldap_functions.getSharedUsersFrom&uids="+sharedUsers.join(';'), h_user);
1978}
1979
1980function changeBgColorToON(all_messages, begin, end){
1981        for (begin; begin<=end; begin++)
1982        {
1983                add_className(all_messages[begin], 'selected_msg');
1984                Element("check_box_message_" + all_messages[begin].id).checked = true;
1985        }
1986}
1987
1988function changeBgColor(event, msg_number){
1989        actual_tr = Element(msg_number);
1990
1991        if (event.shiftKey)
1992        {
1993                last_tr = Element(last_message_selected);
1994                if(!last_tr)
1995                        last_tr = actual_tr;
1996
1997                all_messages = actual_tr.parentNode.childNodes;
1998               
1999                for (var i=0; i < all_messages.length; i++)
2000                {
2001                        if (actual_tr.id == all_messages[i].id)
2002                                first_order = i;
2003                        if (last_tr.id == all_messages[i].id)
2004                                last_order = i;
2005                }
2006               
2007                if (parseInt(first_order) > parseInt(last_order))
2008                        changeBgColorToON(all_messages, last_order, first_order);
2009                else
2010                        changeBgColorToON(all_messages, first_order, last_order);
2011        }
2012        else{
2013                //if ( exist_className(actual_tr, 'selected_msg') )
2014                if ( Element('check_box_message_' + msg_number).checked )
2015                        add_className(actual_tr, 'selected_msg');
2016                else
2017                        remove_className(actual_tr, 'selected_msg');
2018        }
2019        last_message_selected = msg_number;
2020}
2021
2022function build_quota(data){
2023        id = "content_quota";
2024        q_limit = data['quota_limit'];
2025        var div = document.getElementById(id);
2026        if(!q_limit){
2027            div.innerHTML = '<span><font size="2" style="color:red"><strong>'+get_lang("Without Quota")+'</strong></font></span>';
2028        }
2029        else{
2030        if(div)
2031                div.innerHTML = '';
2032        value = data['quota_percent'];
2033        q_used = data['quota_used'];
2034        table = document.getElementById("table_quota");
2035        if(table)
2036                table.parentNode.removeChild(table);
2037        table = document.createElement("TABLE");       
2038        tbody = document.createElement("TBODY");       
2039        table.appendChild(tbody);
2040        table.id = "table_quota";
2041        table.width="102";
2042        table.border="0";
2043        table.cellSpacing = 0;
2044        table.cellPadding = 0;
2045       
2046        //tr1 = document.createElement("TR");
2047        td11 = document.createElement("TD");
2048        td11.align="center";
2049        td11.setAttribute("noWrap","true");
2050        td11.innerHTML += '&nbsp;' + value+"% ("+q_used+"M/"+q_limit+"M)";
2051        //tr1.appendChild(td11);
2052       
2053        tr2 = document.createElement("TR");
2054        td21 = document.createElement("TD");
2055        td21.setAttribute("noWrap","true");
2056        td21.height="15";
2057        td22 = document.createElement("TD");   
2058        td21.setAttribute("background","templates/default/images/dsunused.gif");
2059        table221 = document.createElement("TABLE");
2060        tbody221 = document.createElement("TBODY");
2061        table221.appendChild(tbody221);
2062        table221.style.width=value+"%";
2063        td21.width="102";
2064        table221.border="0";
2065        table221.cellSpacing = 0;
2066        table221.cellPadding = 0;
2067        tr221 = document.createElement("TR");
2068        td221 = document.createElement("TD");
2069        td221.height="15";
2070        if(value > 90) {
2071                if(value >= 100)
2072                        write_msg(get_lang("Your Mailbox is 100% full! You must free more space or will not receive messages."));
2073                else
2074                        write_msg(get_lang("Warning: Your Mailbox is almost full!"));
2075                td221.setAttribute("background","templates/default/images/dsalert.gif");
2076        }
2077        else if(value > 80)
2078                td221.setAttribute("background","templates/default/images/dswarn.gif");
2079        else
2080                td221.setAttribute("background","templates/default/images/dsused.gif");
2081       
2082        tr221.appendChild(td221);
2083        tbody221.appendChild(tr221);
2084        td21.appendChild(table221);     
2085        tr2.appendChild(td21);
2086        tr2.appendChild(td11);
2087
2088        //tr2.appendChild(td1);
2089
2090        tbody.appendChild(tr2); //Desenho
2091        //tbody.appendChild(tr1); //Letras
2092        div.appendChild(table);
2093        }
2094}
2095
2096function draw_quota(data){
2097        build_quota(data);
2098}
2099
2100function update_quota(folder_id){
2101        cExecute ("$this.imap_functions.get_quota&folder_id="+folder_id,build_quota);
2102}
2103
2104function draw_search(headers_msgs){
2105        Element("border_id_0").innerHTML = "&nbsp;&nbsp;" + get_lang('Search Result') + "&nbsp;&nbsp;";
2106
2107        var tbody = Element('tbody_box');
2108        for (var i=0; i<(headers_msgs.length); i++){
2109                var tr = this.make_tr_message(headers_msgs[i], headers_msgs[i].msg_folder);
2110                tbody.appendChild(tr);
2111        }
2112}
2113
2114function draw_search_header_box(){
2115        var table_message_header_box = Element("table_message_header_box");
2116        table_message_header_box.parentNode.removeChild(table_message_header_box);
2117
2118        var content_id_0 = Element("content_id_0");
2119        var table_element = document.createElement("TABLE");
2120        var tbody_element = document.createElement("TBODY");
2121        table_element.setAttribute("id", "table_message_header_box");
2122        table_element.className = "table_message_header_box";
2123        tr_element = document.createElement("TR");
2124        tr_element.className = "message_header";
2125        td_element1 = document.createElement("TD");
2126        td_element1.setAttribute("width", "1%");
2127        chk_box_element = document.createElement("INPUT");
2128        chk_box_element.id  = "chk_box_select_all_messages";
2129        chk_box_element.setAttribute("type", "checkbox");
2130        chk_box_element.className = "checkbox";
2131        chk_box_element.onclick = function(){select_all_messages(this.checked);};
2132        chk_box_element.onmouseover = function () {this.title=get_lang('Select all messages.')};
2133        chk_box_element.onkeydown = function (e){
2134                if (is_ie)
2135                {
2136                        if ((window.event.keyCode) == 46)
2137                        {
2138                                //delete_all_selected_msgs_imap();
2139                                delete_msgs(get_current_folder(),'selected','null');
2140                        }
2141                }
2142                else
2143                {
2144                        if ((e.keyCode) == 46)
2145                        {
2146                                //delete_all_selected_msgs_imap();
2147                                delete_msgs(get_current_folder(),'selected','null');
2148                        }
2149                }
2150        };
2151       
2152        td_element1.appendChild(chk_box_element);
2153        td_element2 = document.createElement("TD");
2154        td_element2.setAttribute("width", "3%");
2155        td_element3 = document.createElement("TD");
2156        td_element3.setAttribute("width", "30%");
2157        td_element3.id = "message_header_SORTFROM";
2158        td_element3.align = "left";
2159        td_element3.innerHTML = get_lang("From");
2160        td_element4 = document.createElement("TD");
2161        td_element4.setAttribute("width", "49%");
2162        td_element4.id = "message_header_SORTSUBJECT";
2163        td_element4.align = "left";
2164        td_element4.innerHTML = get_lang("Subject");   
2165        td_element5 = document.createElement("TD");
2166        td_element5.setAttribute("width", "10%");
2167        td_element5.id = "message_header_SORTARRIVAL";
2168        td_element5.align = "center";
2169        td_element5.innerHTML = "<B>"+get_lang("Date")+"</B>"; 
2170        td_element5.innerHTML += "<img src ='templates/default/images/arrow_descendant.gif'>";
2171        td_element6 = document.createElement("TD");
2172        td_element6.setAttribute("width", "10%");
2173        td_element6.id = "message_header_SORTSIZE";
2174        td_element6.align = "right";
2175        td_element6.innerHTML = get_lang("Size");
2176        tr_element.appendChild(td_element1);
2177        tr_element.appendChild(td_element2);
2178        tr_element.appendChild(td_element3);
2179        tr_element.appendChild(td_element4);
2180        tr_element.appendChild(td_element5);
2181        tr_element.appendChild(td_element6);
2182       
2183        tbody_element.appendChild(tr_element);
2184        table_element.appendChild(tbody_element);
2185        content_id_0.appendChild(table_element);
2186}
2187
2188function draw_search_division(msg){
2189        var tbody = Element('tbody_box');
2190        var tr = document.createElement("TR");
2191        var td = document.createElement("TD");
2192        td.colSpan = '7';
2193        td.width = '100%';
2194
2195        var action_info_table = document.createElement("TABLE");
2196        var action_info_tbody = document.createElement("TBODY");
2197       
2198        action_info_table.className = "action_info_table";
2199        action_info_table.width = "100%";
2200       
2201        var action_info_tr = document.createElement("TR");
2202       
2203        var action_info_th1 = document.createElement("TH");
2204        action_info_th1.width = "40%";
2205        action_info_th1.innerHTML = "&nbsp;";
2206
2207        var action_info_th2 = document.createElement("TH");
2208       
2209        action_info_th2.innerHTML = msg;
2210        action_info_th2.className = "action_info_th";
2211        action_info_th2.setAttribute("noWrap", "true");
2212       
2213        var action_info_th3 = document.createElement("TH");
2214        action_info_th3.width = "40%";
2215        action_info_th3.innerHTML = "&nbsp;";
2216       
2217        action_info_tr.appendChild(action_info_th1);
2218        action_info_tr.appendChild(action_info_th2);
2219        action_info_tr.appendChild(action_info_th3);
2220        action_info_tbody.appendChild(action_info_tr);
2221        action_info_table.appendChild(action_info_tbody);
2222
2223        td.appendChild(action_info_table);
2224        tr.appendChild(td);
2225        tbody.appendChild(tr);
2226}
2227
2228function draw_search_box(){
2229        var content_id_0 = Element("content_id_0");
2230        var table = document.createElement("TABLE");
2231        table.id = "table_box";
2232        table.width = 'auto';
2233        var tbody = document.createElement("TBODY");
2234        tbody.id = "tbody_box";
2235
2236        table.className = "table_box";
2237        table.setAttribute("frame", "below");
2238        table.setAttribute("rules", "none");
2239        table.setAttribute("cellpadding", "0");
2240        table.onkeydown = function (e){
2241                if (is_ie)
2242                {
2243                        if ((window.event.keyCode) == 46)
2244                        {
2245                                //delete_all_selected_msgs_imap();
2246                                delete_msgs(get_current_folder(),'selected','null');
2247                        }
2248                }
2249                else
2250                {
2251                        if ((e.keyCode) == 46)
2252                        {
2253                                //delete_all_selected_msgs_imap();
2254                                delete_msgs(get_current_folder(),'selected','null');
2255                        }
2256                }
2257        };
2258        if (is_ie)
2259                table.style.cursor = "hand";
2260       
2261        table.appendChild(tbody);
2262        content_id_0.appendChild(table);
2263}
2264        var idx_cc = 0;
2265function draw_plugin_cc(ID, addrs)      {
2266        connector.loadScript("ccQuickAdd");
2267
2268        var array_addrs = '';
2269        var array_name  = '';   
2270        var cc_data = new Array();
2271        if(typeof(addrs.name) != 'undefined') {
2272                array_name      = LTrim(addrs.name).split(" ");
2273                array_addrs = new Array(addrs.email);           
2274        }
2275        else {
2276                array_addrs = (typeof addrs == 'object' ? addrs.toString().split("\" ") : addrs.split("\" "));
2277                array_name      = LTrim(array_addrs[0]).replace('"','').split(" ");     
2278        }
2279
2280        var _split = array_name[0].split('@');
2281        cc_data[0] = _split[0];
2282        cc_data[1] = _split[0];
2283        cc_data[2] = '';
2284
2285        for (i=1; i < array_name.length; i++)
2286                cc_data[2] += array_name[i] + " ";                     
2287       
2288
2289        if(array_addrs.length > 1)                     
2290                cc_data[3] = array_addrs[1] ? array_addrs[1].replace("&lt;",'').replace("&gt;",'') : '';               
2291        else
2292                cc_data[3] = array_addrs[0];
2293       
2294        var sm_envelope_img1 = '<img style="cursor:'+ (is_ie ? 'hand' : 'pointer') +'" title="' + get_lang("Add Contact") +
2295        '" onclick="ccQuickAddOne.showList(\''+cc_data+'\')" src="./templates/default/images/user_card.png">';
2296        var to_addybook_add = "<SPAN id='insert_plugin_"+idx_cc+"_"+ID+"'>";
2297        to_addybook_add += addrs;
2298        to_addybook_add +=  sm_envelope_img1;
2299        idx_cc++;
2300        to_addybook_add += "</SPAN>";
2301        return to_addybook_add;
2302}
2303function deny_email(email){
2304        connector.loadScript("filter");
2305        connector.loadScript("filters");
2306        var dn_em       = document.createElement("SPAN");
2307                dn_em.id = "tt_d";
2308                dn_em.onclick = function(){filter_rules.new_rule(email);};
2309                dn_em.setAttribute("title",get_lang("Block Sender"));
2310                dn_em.style.cursor = "pointer";         
2311                dn_em.innerHTML = "<img align='top' onclick=filter.new_rule('"+email+"') src='./templates/default/images/deny.gif'>";
2312        return dn_em;
2313       
2314}
2315function show_div_address_full(id, type) {
2316        var div_address_full = Element("div_"+type+"address_full_"+id);
2317        if(!div_address_full) {
2318                div_address_full = document.createElement("SPAN");
2319                div_address_full.id = "div_"+type+"address_full_"+id;   
2320                div_address_full.style.display="none"; 
2321                var _address = eval(type+"address_array['"+id+"']");
2322                var isOverLimit = (_address.length > 100);
2323               
2324                if(isOverLimit) {
2325                        alert("Esse campo possui muitos endereços ("+_address.length+" destinatários).\r\n"+
2326                        "Para evitar o travamento do navegador, o botão 'Adicionar Contato' foi desabilitado!");
2327                }
2328
2329                for(var idx = 1 ; idx  < _address.length;idx++) {
2330                        div_address_full.innerHTML += isOverLimit ?  '<br>'+_address[idx] : ','+draw_plugin_cc(id,_address[idx]);
2331                }               
2332                div_address_full.innerHTML += " (<a STYLE='color: RED;' onclick=document.getElementById('div_"+type+"address_full_"+id+"').style.display='none';document.getElementById('div_"+type+"address_"+id+"').style.display='';>"+get_lang('less')+"</a>)";
2333                Element(type+"_"+id).appendChild(div_address_full);
2334        }
2335        Element('div_'+type+'address_'+id).style.display='none';
2336        div_address_full.style.display='';
2337}
2338function draw_footer_box(num_msgs){
2339        var span_R = Element("table_message"); 
2340        var span_options = Element("span_options");     
2341        if(!span_options) {
2342                span_options = document.createElement("TD");   
2343                span_options.style.fontSize = "12";
2344                span_options.id = "span_options";
2345                span_R.appendChild(span_options);
2346        }
2347
2348        span_options.innerHTML =
2349                '<span title="'+get_lang("Delete")+'" style="margin-left:8px" class="message_options" onclick=delete_msgs(\'null\',\'selected\',\'null\')>'+get_lang("Delete")+'</span> | '+
2350                '<span title="'+get_lang("Move")+'" class="message_options" onclick=wfolders.makeWindow(\"\",\"move_to\")>'+get_lang("Move")+'</span> | '+
2351                '<span title="'+get_lang("Print")+'" class="message_options" onclick=print_all()>'+get_lang("Print")+'</span> | '+
2352                '<span title="'+get_lang("Export")+'" class="message_options" onclick="export_all_selected_msgs()">'+get_lang("Export")+'</span> | ' +
2353                '<span title="'+get_lang("Import")+'" class="message_options" onclick="import_window()">'+get_lang("Import")+'</span>';
2354       
2355        if (use_spam_filter) {
2356                if ( get_current_folder() == 'INBOX'+cyrus_delimiter+'Spam' )   {
2357                        span_options.innerHTML += ' | <span title="'+get_lang("Not Spam")+'" class="message_options" onclick="nospam(\'selected\',\'null\',\'null\')">'+get_lang("Not Spam")+'</span>';
2358                }
2359                else {
2360                        span_options.innerHTML += ' | <span title="'+get_lang("Mark as Spam")+'" class="message_options" onclick="spam(\'null\', \'selected\',\'null\')">'+get_lang("Mark as Spam")+'</span>';
2361                }
2362        }
2363        var span_D = Element("span_D");
2364        if(!span_D){
2365                span_D = document.createElement("TD"); 
2366                span_D.align = "right";
2367                span_D.style.fontSize = "12";
2368                span_D.id = "span_D";
2369                span_R.appendChild(span_D);
2370        }
2371        span_D.innerHTML =
2372                 get_lang("List")+': '+
2373        '<span id="span_flag_SORTARRIVAL" style="'+(search_box_type == 'ALL' ? 'font-weight:bold;text-decoration:underline' : '')+'" title="'+get_lang("All")+'" class="message_options" onclick="if(\'ALL\' == \''+search_box_type+'\') return false;sort_box(\'ALL\',\''+sort_box_type+'\')">'+get_lang("All")+'</span>, '+
2374        '<span id="span_flag_UNSEEN" style="'+(search_box_type == 'UNSEEN' ? 'font-weight:bold;text-decoration:underline' : '')+'" title="'+get_lang("l_unseen")+'" class="message_options" onclick="if(\'UNSEEN\' == \''+search_box_type+'\') return false;sort_box(\'UNSEEN\',\''+sort_box_type+'\')">'+get_lang("l_unseen")+'</span>, '+
2375        '<span id="span_flag_SEEN" style="'+(search_box_type == 'SEEN' ? 'font-weight:bold;text-decoration:underline' : '')+'" title="'+get_lang("l_seen")+'" class="message_options" onclick="if(\'SEEN\' == \''+search_box_type+'\') return false;sort_box(\'SEEN\',\''+sort_box_type+'\')">'+get_lang("l_seen")+'</span>, '+
2376        '<span id="span_flag_ANSWERED" style="'+(search_box_type == 'ANSWERED' ? 'font-weight:bold;text-decoration:underline' : '')+'" title="'+get_lang("l_answered")+'" class="message_options" onclick="if(\'ANSWERED\' == \''+search_box_type+'\') return false;sort_box(\'ANSWERED\',\''+sort_box_type+'\')">'+get_lang("l_answered")+'</span>, '+
2377        '<span id="span_flag_FLAGGED" style="'+(search_box_type == 'FLAGGED' ? 'font-weight:bold;text-decoration:underline' : '')+'" title="'+get_lang("l_important")+'" class="message_options" onclick="if(\'FLAGGED\' == \''+search_box_type+'\') return false;sort_box(\'FLAGGED\',\''+sort_box_type+'\')">'+get_lang("l_important")+'</span>&nbsp;&nbsp;';
2378        draw_paging(num_msgs);
2379        Element("tot_m").innerHTML = num_msgs; 
2380}
Note: See TracBrowser for help on using the repository browser.