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

Revision 689, 99.1 KB checked in by eduardoalex, 15 years ago (diff)

Ticket #413

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