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

Revision 670, 98.4 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}
621
622function make_tr_message(headers_msgs, msg_folder){
623                var tr_element = document.createElement('tr');
624                tr_element.style.height = preferences.line_height;
625                var _fontSize = preferences.font_size ? preferences.font_size : "11";
626                tr_element.id = headers_msgs.msg_number;
627
628                if ((headers_msgs.Unseen == 'U') || (headers_msgs.Recent == 'N')){
629                        if ((headers_msgs.Flagged == 'F') || (headers_msgs.Importance.toLowerCase().indexOf("high")!=-1))
630                                add_className(tr_element, 'flagged_msg');
631                        add_className(tr_element, 'tr_msg_unread');
632                }
633                else{
634                        if ((headers_msgs.Flagged == 'F') || (headers_msgs.Importance.toLowerCase().indexOf("high")!=-1))
635                                add_className(tr_element,'flagged_msg');
636                        add_className(tr_element, 'tr_msg_read');
637                }
638
639                td_element1 = document.createElement("TD");
640                td_element1.setAttribute("width", "1%");
641                chk_box_element = document.createElement("INPUT");
642                chk_box_element.setAttribute("type", "checkbox");
643                chk_box_element.className = "checkbox";
644                chk_box_element.setAttribute("id", "check_box_message_"+headers_msgs.msg_number);
645                chk_box_element.onclick = function(e){
646                        if (is_ie)
647                                changeBgColor(window.event,headers_msgs.msg_number);
648                        else
649                                changeBgColor(e,headers_msgs.msg_number);
650                };
651                td_element1.appendChild(chk_box_element);
652               
653                td_element2 = document.createElement("TD");
654                td_element2.setAttribute("width", "2%");
655                if (headers_msgs.attachment && headers_msgs.attachment.number_attachments > 0)
656                        td_element2.innerHTML = "<img src ='templates/default/images/clip.gif' title='" + url_decode(headers_msgs.attachment.names) + "'>";
657                       
658                td_element21 = document.createElement("TD");
659                td_element21.setAttribute("width", "1%");
660                td_element21.id = "td_message_answered_"+headers_msgs.msg_number;
661
662                if ((headers_msgs.Forwarded == 'F')  || (headers_msgs.Draft == 'X' && headers_msgs.Answered == 'A')){
663                        td_element21.innerHTML += "<img src ='templates/default/images/forwarded.gif' title='"+get_lang('Forwarded')+"'>";
664                        headers_msgs.Draft = ''
665                        headers_msgs.Answered = '';
666                        headers_msgs.Forwarded == 'F';
667                }
668                else if (headers_msgs.Draft == 'X')
669                        td_element2.innerHTML += "<img src ='templates/default/images/draft.gif' title='"+get_lang('Draft')+"'>";
670                else if (headers_msgs.Answered == 'A')
671                        td_element21.innerHTML += "<img src ='templates/default/images/answered.gif' title='"+get_lang('Answered')+"'>";
672
673                td_element22 = document.createElement("TD");
674                td_element22.setAttribute("width", "1%");
675                td_element22.id = "td_message_important_"+headers_msgs.msg_number;
676
677                // preload image
678                var _img_important = new Image();
679                _img_important.src = "templates/default/images/important.gif";
680
681                if ((headers_msgs.Flagged == 'F') || (headers_msgs.Importance.toLowerCase().indexOf("high")!=-1))
682                        td_element22.innerHTML += "<img src ='templates/default/images/important.gif' title='"+get_lang('Important')+"'>";
683                else
684                        td_element22.innerHTML += "&nbsp;&nbsp;&nbsp;";
685                       
686                       
687                td_element23 = document.createElement("TD");
688                td_element23.setAttribute("width", "1%");
689                td_element23.id = "td_message_sent_"+headers_msgs.msg_number;
690                td_element23.innerHTML = "&nbsp;&nbsp;&nbsp;";
691                // preload image
692                var _img_sent = new Image();
693                _img_sent.src    = "templates/default/images/sent.gif";
694
695                td_element3 = document.createElement("TD");
696                td_element3.id = "td_who_"+ headers_msgs.msg_number;
697                td_element3.setAttribute("width", "30%");
698                var _onclick = function(){InfoContact.hide();proxy_mensagens.get_msg(headers_msgs.msg_number, msg_folder,true, show_msg);};
699                td_element3.onclick = _onclick;
700                td_element3.innerHTML = '&nbsp;';
701               
702                if(headers_msgs.from.email.toLowerCase() == Element("user_email").value)
703                {
704                        td_element3.onmouseover = function () {this.title=headers_msgs.to.email;};
705                        if (headers_msgs.Draft == 'X')
706                                td_element3.innerHTML += "<span style=\"color:red\">("+get_lang("Draft")+") </span>";
707                        else{                           
708                                if(headers_msgs.to.email.toLowerCase() != Element("user_email").value)
709                                        td_element23.innerHTML = "<img valign='center' src ='templates/default/images/sent.gif' title='"+get_lang('Sent')+"'>";
710                       
711                                if ((headers_msgs.to)&&(headers_msgs.to.name != null))
712                                        td_element3.innerHTML += headers_msgs.to.name;
713                                else if (headers_msgs.to){
714                                        td_element3.innerHTML += headers_msgs.to.email;
715                                }
716                        }
717                }
718                else{
719                        td_element3.onmouseover = function (event) {try {InfoContact.begin(this,headers_msgs.from.email)} catch(e){};};
720                        td_element3.onmouseout = function (){ try {clearTimeout(InfoContact.timeout);} catch(e){}};
721                        if (headers_msgs.Draft == 'X'){
722                                td_element3.innerHTML = "<span style=\"color:red\">("+get_lang("Draft")+") </span>";
723                        }
724                        else{
725                                if (headers_msgs.from.name != null)
726                                        td_element3.innerHTML += headers_msgs.from.name;
727                                else
728                                        td_element3.innerHTML += headers_msgs.from.email;
729                        }
730                }       
731                if (td_element3.innerHTML.indexOf(" ") == '-1' && td_element3.innerHTML.length > 25){
732                        td_element3.innerHTML = td_element3.innerHTML.substring(0,25) + "...";
733                }
734                else if (td_element3.innerHTML.length > 40 ){
735                        td_element3.innerHTML = td_element3.innerHTML.substring(0,40) + "...";
736                }
737               
738                td_element4 = document.createElement("TD");
739                td_element4.setAttribute("width", "40%");
740                td_element4.onclick = _onclick;
741                td_element4.innerHTML = !is_ie ? "<a id='a_message_"+tr_element.id+"'>&nbsp;" : "&nbsp;";
742               
743                if ((headers_msgs.subject)&&(headers_msgs.subject.length > 50))
744                        td_element4.innerHTML += headers_msgs.subject.substring(0,50) + "...";
745                else
746                        td_element4.innerHTML += headers_msgs.subject;
747                                       
748                if(!is_ie){
749                        td_element4.innerHTML += "</a>";
750                        tr_element.onmouseover = function(){};
751                }
752               
753
754                td_element5 = document.createElement("TD");
755                td_element5.setAttribute("width", "14%");
756                td_element5.onclick = _onclick;
757                td_element5.setAttribute("align", "center");
758                td_element5.innerHTML = headers_msgs.udate;
759
760                td_element6 = document.createElement("TD");
761                td_element6.setAttribute("width", "14%");
762                td_element6.onclick = _onclick;
763                td_element6.setAttribute("noWrap","true");
764                td_element6.setAttribute("align", "center");
765               
766                td_element3.style.fontSize= _fontSize;
767                td_element4.style.fontSize= _fontSize;
768                td_element5.style.fontSize= _fontSize;
769                td_element6.style.fontSize= _fontSize;
770                msg_size = headers_msgs.Size;
771                if (msg_size < 1048576 && msg_size > 1024)
772                        td_element6.innerHTML = this.round(msg_size / 1024, 0) + ' Kb';
773                else if(msg_size > 1024)
774                        td_element6.innerHTML = this.round(msg_size / (1024*1024), 1) + ' Mb';
775                else
776                        td_element6.innerHTML = "1 Kb";
777
778                tr_element.appendChild(td_element1);
779                tr_element.appendChild(td_element2);
780                tr_element.appendChild(td_element21);
781                tr_element.appendChild(td_element22);
782                tr_element.appendChild(td_element23);
783                tr_element.appendChild(td_element3);
784                tr_element.appendChild(td_element4);
785                tr_element.appendChild(td_element5);
786                tr_element.appendChild(td_element6);
787                return tr_element;
788}
789
790function sort_box(search, sort){
791        var message_header = Element("message_header_"+search);
792        var handler_draw_box = function(data){
793                draw_box(data, get_current_folder(),true);
794                draw_paging(Element('tot_m').innerHTML);
795                //Mostrar as msgs nao lidas de acordo com o filtro de relevancia
796                var msgs_unseen = 0;
797                for(i in data){
798                        if(data[i].Unseen == 'U')
799                                msgs_unseen++;
800        }
801                Element("new_m").innerHTML = '<font style="color:'+(msgs_unseen == 0 ? '': 'red')+'">' + msgs_unseen + '</font>';
802        }
803
804        if(sort_box_type == sort && search_box_type == search){
805                sort_box_reverse = sort_box_reverse ? 0 : 1;
806        }
807        else if(sort_box_type != sort){
808                if ( (sort == 'SORTFROM') || (sort == 'SORTSUBJECT') )
809                        sort_box_reverse = 0;
810                else
811                        sort_box_reverse = 1;
812        }
813               
814        // Global variable.
815        sort_box_type = sort;
816        search_box_type = search;
817
818        proxy_mensagens.messages_list(current_folder,1,preferences.max_email_per_page,sort,search,sort_box_reverse,handler_draw_box);
819//      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);
820        current_page = 1;
821        //Comentado para nao sobrepor o numero de msgs nao lidas ao utilizar os filtros
822        //update_menu();
823}
824function draw_header_box(){
825        switch(sort_box_type){
826                case 'SORTFROM':
827                        type_name = get_lang("Who");
828                        break;
829                case 'SORTSUBJECT':
830                        type_name = get_lang("Subject");
831                        break;
832                case 'SORTARRIVAL':
833                        type_name = get_lang("Date");
834                        break;
835                case 'SORTSIZE':
836                        type_name = get_lang("Size");
837                        break;
838                default:
839                        type_name = get_lang("Date");
840                        break;
841        }
842        document.getElementById("message_header_SORTFROM_"+numBox).innerHTML    = get_lang("Who");
843        document.getElementById("message_header_SORTSUBJECT_"+numBox).innerHTML = get_lang("Subject");
844        document.getElementById("message_header_SORTARRIVAL_"+numBox).innerHTML = get_lang("Date");
845        document.getElementById("message_header_SORTSIZE_"+numBox).innerHTML    = get_lang("Size");     
846        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'>";
847}
848function draw_message(info_msg, ID){
849        var content = document.getElementById('content_id_' + ID);
850        var defaultWidth = document.body.offsetWidth - 37;
851       
852        var menuHidden = Element("folderscol").style.display == 'none' ? true : false;
853        if(!menuHidden)
854                defaultWidth -= Element("folderscol").offsetWidth;
855         //////////////////////////////////////////////////////////////////////////////////////////////////////
856        //Make the next/previous buttom.
857        //////////////////////////////////////////////////////////////////////////////////////////////////////
858        var next_previous_msg_td = document.createElement("TD");
859        next_previous_msg_td.setAttribute("noWrap","true");
860        next_previous_msg_td.align = "right";
861        next_previous_msg_td.width = "40px";
862        var img_next_msg = document.createElement("IMG");
863        img_next_msg.id = 'msg_opt_next_' + ID;
864        img_next_msg.src = './templates/default/images/down.button.png';
865        img_next_msg.title = get_lang('Next');
866        img_next_msg.style.cursor = 'pointer';
867
868        // Old
869        //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)};
870        var folder = document.getElementById(ID.substr(0, ID.indexOf('_')));
871        if (!folder){
872                delete_border(ID);
873                return;
874                }
875        if (folder.nextSibling){
876                var nextMsgBox = folder.nextSibling.name?folder.nextSibling.name:info_msg.msg_folder;
877                img_next_msg.onclick = function()
878                {
879                        currentTab = ID;
880                        openTab.type[ID] = 2;
881                        cExecute("$this.imap_functions.get_info_msg&msg_number="+folder.nextSibling.id+"&msg_folder="+nextMsgBox, show_msg);
882                };
883        }
884        else
885                img_next_msg.onclick = function()
886                        {
887                                /*current_page++;
888                                msg_range_end = (current_page*preferences.max_email_per_page);
889                                msg_range_begin = (msg_range_end-(preferences.max_email_per_page)+1);
890                                kill_current_box();
891                                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());}) */
892                                        delete_border(ID);
893                        };
894
895        var img_space = document.createElement("SPAN");
896        img_space.innerHTML = "&nbsp;";
897        var img_previous_msg = document.createElement("IMG");
898        img_previous_msg.id = 'msg_opt_previous_' + ID;
899        img_previous_msg.src = './templates/default/images/up.button.png';
900        img_previous_msg.title = get_lang('Previous');
901        img_previous_msg.style.cursor = 'pointer';
902
903        //Old
904        //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)}
905        folder = document.getElementById(ID.substr(0, ID.indexOf('_')));
906        if (!folder){
907                delete_border(ID);
908                return;
909                }
910        if (folder.previousSibling)
911        {
912                var previousMsgBox = folder.previousSibling.name?folder.previousSibling.name:info_msg.msg_folder;
913                img_previous_msg.onclick = function()
914                {
915                        currentTab = ID;
916                        openTab.type[ID] = 2;
917                        cExecute("$this.imap_functions.get_info_msg&msg_number="+folder.previousSibling.id+"&msg_folder=" + previousMsgBox, show_msg);
918                };
919        }
920        else
921                img_previous_msg.onclick = function()
922                {
923                        delete_border(ID);
924                };
925
926        next_previous_msg_td.appendChild(img_previous_msg);
927        next_previous_msg_td.appendChild(img_space);
928        next_previous_msg_td.appendChild(img_next_msg);
929        //////////////////////////////////////////////////////////////////////////////////////////////////////
930        //Make the header message.
931        //////////////////////////////////////////////////////////////////////////////////////////////////////
932        var table_message = document.createElement("TABLE");
933        var tbody_message = document.createElement("TBODY");
934        table_message.border = "0";
935        table_message.width = defaultWidth ;
936
937        //////////////////////////////////////////////////////////////////////////////////////////////////////
938        //Make the options message.
939        //////////////////////////////////////////////////////////////////////////////////////////////////////
940        var tr0 = document.createElement("TR");
941        tr0.className = "tr_message_header";
942        var td0 = document.createElement("TD");
943        var table_message_options = document.createElement("TABLE");
944        table_message_options.width = "100%";
945        table_message_options.border = '0';
946        table_message_options.className = 'table_message';
947        var tbody_message_options = document.createElement("TBODY");
948        var tr = document.createElement("TR");
949        var td = document.createElement("TD");
950        td.setAttribute("noWrap","true");
951        var _name = '';
952        var _maxChar = menuHidden ? 40 : 15;
953        if (info_msg.from.name)
954                _name = info_msg.from.name.length > _maxChar ? info_msg.from.name.substring(0,_maxChar) + "..." : info_msg.from.name;   
955        else           
956                _name = info_msg.from.email.length > _maxChar ? info_msg.from.email.substring(0,_maxChar) + "..." : info_msg.from.email;
957
958        td.innerHTML = _name.bold() + ', ' + info_msg.smalldate;
959        if (info_msg.attachments.length > 0)
960                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+"'>";
961       
962        if (typeof(info_msg.signature) == 'string')
963        {       
964                if (info_msg.signature != "void")
965                        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">';
966                else
967                        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'>";
968        }
969       
970        if (info_msg.DispositionNotificationTo)
971        {
972                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">';
973        }
974       
975        // NORMAL MSG
976        if(info_msg.Draft != 'X')
977        {
978        var options = document.createElement("TD");
979        options.width = "100%";
980        options.setAttribute("noWrap","true");
981        var option_hide_more = document.createElement("SPAN");
982        option_hide_more.className = 'message_options';
983        options.align = 'right';
984        option_hide_more.value = 'more_options';
985        option_hide_more.id = 'option_hide_more_'+ID;
986        option_hide_more.onclick = function(){
987                var _height = Element("div_message_scroll_"+ID).style.height;
988                _height = parseInt(_height.replace("px",""));
989                var _offset = 35;
990                if (this.value == 'more_options'){
991                        this.innerHTML = "<b><u>"+get_lang('Options')+"</u></b>";
992                        this.value = 'hide_options';
993                        Element("div_message_scroll_"+ID).style.height = (_height - _offset)+"px";
994                        Element('table_message_others_options_'+ID).style.display = '';
995                        Element('tr_other_options_'+ID).style.display = '';
996                       
997                }
998                else{
999                        this.innerHTML = get_lang('Options');
1000                        this.value = 'more_options';
1001                        Element("div_message_scroll_"+ID).style.height = (_height + _offset)+"px";
1002                        Element('table_message_others_options_'+ID).style.display = 'none';
1003                        Element('tr_other_options_'+ID).style.display = 'none';                 
1004                }
1005        };
1006
1007        option_hide_more.innerHTML = get_lang('Options');
1008        options.appendChild(option_hide_more);
1009       
1010        var space0 = document.createElement("SPAN");
1011        space0.innerHTML = '&nbsp;';
1012        var space1 = document.createElement("SPAN");
1013        space1.innerHTML = '&nbsp;';
1014        var space2 = document.createElement("SPAN");
1015        space2.innerHTML = '&nbsp;';
1016        var space3 = document.createElement("SPAN");
1017        space3.innerHTML = '&nbsp;';
1018        var space4 = document.createElement("SPAN");
1019        space4.innerHTML = '&nbsp;';
1020
1021        var option_print = document.createElement("SPAN");
1022        option_print.id = 'msg_opt_print_'+ID;
1023        option_print.className = 'message_options';
1024        option_print.onclick = function(){print_msg(info_msg.msg_folder,info_msg.msg_number,ID);};
1025        option_print.innerHTML = get_lang('Print');
1026        options.appendChild(space0);
1027        options.appendChild(option_print);
1028        var option_forward = document.createElement("SPAN");
1029        option_forward.id = 'msg_opt_forward_'+ID;
1030        option_forward.className = 'message_options';
1031        option_forward.onclick = function(){new_message('forward', ID);};
1032        option_forward.innerHTML = get_lang('Forward');
1033        options.appendChild(space1);
1034        options.appendChild(option_forward);
1035        var option_reply = document.createElement("SPAN");
1036        option_reply.id = 'msg_opt_reply_'+ID;
1037        option_reply.className = 'message_options';
1038        option_reply.onclick = function(){new_message('reply_with_history', ID);};
1039        option_reply.innerHTML = get_lang('Reply');
1040        options.appendChild(space2);
1041        options.appendChild(option_reply);
1042        var option_delete = document.createElement("SPAN");
1043        option_delete.id = 'msg_opt_delete_'+ID;
1044        option_delete.className = 'message_options';
1045        option_delete.onclick = function(){proxy_mensagens.delete_msgs(info_msg.msg_folder, info_msg.msg_number, ID);};
1046        option_delete.innerHTML = get_lang('Delete');
1047        options.appendChild(space3);
1048        options.appendChild(option_delete);
1049       
1050        tr.appendChild(td);
1051        tr.appendChild(options);
1052        tr.appendChild(next_previous_msg_td);
1053        tbody_message_options.appendChild(tr);
1054       
1055        ////////// OTHER OPTIONS ////////////////////
1056        var tr_other_options = document.createElement("TR");
1057        tr_other_options.id = 'tr_other_options_' + ID;
1058        tr_other_options.style.display = 'none';
1059       
1060        var td_other_options = document.createElement("TD");
1061        td_other_options.colSpan = '3';
1062        //td_other_options.align = 'right';
1063        //td_other_options.setAttribute("noWrap","true");
1064        var div_other_options = document.createElement("DIV");
1065
1066        var option_mark_as                                              = '<span>'+get_lang("Mark as")+'</span>: ';
1067        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>, ';
1068        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>, ';
1069        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> | ';
1070       
1071        var option_move                                                 = '<span class="message_options" onclick=wfolders.makeWindow("'+ID+'","move_to");>'+get_lang("Move")+'</span> | ';
1072        var option_reply_to_all                                 = '<span class="message_options" onclick=new_message("reply_to_all_with_history","'+ID+'");>'+get_lang("Reply to all")+'</span> | ';
1073        var option_reply_without_history                = '<span class="message_options" onclick=new_message("reply_without_history","'+ID+'");>'+get_lang("Reply without history")+'</span> | ';
1074        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> | ';
1075        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>';       
1076
1077        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;
1078        if (use_spam_filter) {
1079                if(info_msg.msg_folder == 'INBOX'+cyrus_delimiter+'Spam')
1080                        div_other_options.innerHTML += ' | <span class="message_options" onclick="nospam('+info_msg.msg_number+',\'null\', \''+info_msg.msg_folder+'\')";>'+get_lang("Not Spam")+'</span>';     
1081                else
1082                        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>';   
1083        }
1084               
1085        td_other_options.appendChild(div_other_options);
1086        //td_other_options.innerHTML = option_print + option_reply_to_all + option_source_msg;
1087       
1088        tr_other_options.appendChild(td_other_options);
1089        tbody_message_options.appendChild(tr_other_options);
1090        ////////// END OTHER OPTIONS ////////////////
1091        table_message_options.appendChild(tbody_message_options);
1092        td0.appendChild(table_message_options);
1093        tr0.appendChild(td0);
1094        tbody_message.appendChild(tr0);
1095        }
1096        // IF DRAFT
1097        else
1098        {
1099                var options = document.createElement("TD");
1100                options.width = "1%";
1101                options.setAttribute("noWrap","true");
1102                var option_edit   = '<span class="message_options" onclick="new_message(\'edit\',\''+ID+'\');">'+get_lang('Edit')+'</span> | ';
1103                var option_print = '<span class="message_options" onclick="print_msg(\''+info_msg.msg_folder+'\',\''+info_msg.msg_number+'\',\''+ID+'\');">'+get_lang('Print')+'</span> | ';
1104                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> | ';               
1105                var option_hide_more = document.createElement("SPAN");
1106                option_hide_more.className = 'message_options';
1107                options.align = 'right';
1108                option_hide_more.value = 'more_options';
1109                option_hide_more.id = 'option_hide_more_'+ID;
1110                option_hide_more.innerHTML = get_lang('Options');
1111                option_hide_more.onclick = function(){
1112                        var _height = Element("div_message_scroll_"+ID).style.height;
1113                        _height = parseInt(_height.replace("px",""));
1114                        var _offset = 35;
1115                        if (this.value == 'more_options'){
1116                                this.innerHTML = "<b><u>"+get_lang('Options')+"</u></b>";
1117                                this.value = 'hide_options';
1118                                Element("div_message_scroll_"+ID).style.height = (_height - _offset)+"px";
1119                                Element('table_message_others_options_'+ID).style.display = '';
1120                        }
1121                        else{
1122                                this.innerHTML = get_lang('Options');
1123                                this.value = 'more_options';
1124                                Element("div_message_scroll_"+ID).style.height = (_height + _offset)+"px";
1125                                Element('table_message_others_options_'+ID).style.display = 'none';
1126                        }
1127                };
1128                options.innerHTML = option_edit + option_print + option_delete;
1129                options.appendChild(option_hide_more);
1130                tr.appendChild(td);
1131                tr.appendChild(options);
1132                tr.appendChild(next_previous_msg_td);
1133                tbody_message_options.appendChild(tr);
1134                table_message_options.appendChild(tbody_message_options);
1135                td0.appendChild(table_message_options);
1136                tr0.appendChild(td0);
1137                tbody_message.appendChild(tr0);
1138        }
1139        //////////////////////////////////////////////////////////////////////////////////////////////////////
1140        // END options message.
1141        //////////////////////////////////////////////////////////////////////////////////////////////////////
1142
1143        var table_message_others_options = document.createElement("TABLE");
1144        table_message_others_options.id = 'table_message_others_options_' + ID;
1145        table_message_others_options.width =  defaultWidth - 30;
1146        table_message_others_options.style.display = 'none';
1147        table_message_others_options.className = "table_message";
1148        var tbody_message_others_options = document.createElement("TBODY");
1149        var tr1 = document.createElement("TR");
1150        tr1.className = "tr_message_header";
1151        var td1 = document.createElement("TD");
1152        td1.innerHTML = get_lang("From: ");
1153        td1.appendChild(deny_email(info_msg.from.email));
1154        td1.width = "7%";
1155       
1156        if (info_msg.sender){
1157                var tr111 = document.createElement("TR");
1158                tr111.className = "tr_message_header";
1159                var td111 = document.createElement("TD");
1160                td111.innerHTML = get_lang("Sent by")+": ";
1161                td111.appendChild(deny_email(info_msg.sender.email));
1162                td111.setAttribute("noWrap","true");
1163                var sender = document.createElement("TD");
1164                sender.id = "sender_"+ID;
1165                var sender_values = document.createElement("INPUT");
1166                sender_values.id = "sender_values_"+ID;
1167                sender_values.type = "HIDDEN";
1168                sender_values.value = info_msg.sender.full; //Veio do IMAP, sem images nem links.
1169                sender.innerHTML += draw_plugin_cc(ID, info_msg.sender.full);
1170                sender.className = "header_message_field";
1171                tr111.appendChild(td111);
1172                tr111.appendChild(sender);
1173                tr111.appendChild(sender_values);
1174                tbody_message_others_options.appendChild(tr111);
1175        }
1176       
1177       
1178        var from = document.createElement("TD");
1179        from.id = "from_"+ID;
1180        from.innerHTML = info_msg.from.full;
1181        if (info_msg.Draft != "X"){
1182                from.innerHTML += draw_plugin_cc(ID, info_msg.from);
1183                tbody_message_others_options.appendChild(tr1);
1184        }
1185        from.className = "header_message_field";
1186        var from_values = document.createElement("INPUT");
1187        from_values.id = "from_values_"+ID;
1188        from_values.type = "HIDDEN";
1189        from_values.value = info_msg.from.full; //Veio do IMAP, sem images nem links.
1190       
1191        var local_message = document.createElement("INPUT");
1192        local_message.id = "is_local_"+ID;
1193        local_message.name = "is_local";
1194        local_message.type = "HIDDEN";
1195        local_message.value = (info_msg.local_message)?"1":"0";
1196       
1197        tr1.appendChild(td1);
1198        tr1.appendChild(from);
1199        tr1.appendChild(from_values);
1200        tr1.appendChild(local_message);
1201       
1202
1203       
1204        if (info_msg.reply_to){
1205                var tr11 = document.createElement("TR");
1206                tr11.className = "tr_message_header";
1207                var td11 = document.createElement("TD");
1208                td11.innerHTML = get_lang("Reply to")+": ";
1209                td11.setAttribute("noWrap","true");
1210                var reply_to = document.createElement("TD");
1211                reply_to.id = "reply_to_"+ID;
1212               
1213                var reply_to_values = document.createElement("INPUT");
1214                reply_to_values.id = "reply_to_values_"+ID;
1215                reply_to_values.type = "HIDDEN";
1216                reply_to_values.value = info_msg.reply_to; //Veio do IMAP, sem images nem links.
1217                reply_to.innerHTML = draw_plugin_cc(ID, info_msg.reply_to);
1218                reply_to.className = "header_message_field";
1219                tr11.appendChild(td11);
1220                tr11.appendChild(reply_to);
1221                tr11.appendChild(reply_to_values);
1222                tbody_message_others_options.appendChild(tr11);
1223        }
1224        //////////////////////////////////////////////////////////////////////////////////////////////////////
1225        var tr2 = document.createElement("TR");
1226        tr2.className = "tr_message_header";
1227        var td2 = document.createElement("TD");
1228        td2.innerHTML = get_lang("To: ");
1229        var to = document.createElement("TD");
1230        to.id = "to_"+ID;
1231
1232        var to_values = document.createElement("INPUT");
1233        to_values.id = "to_values_"+ID;
1234        to_values.type = "HIDDEN";
1235        to_values.value = info_msg.toaddress2; //Veio do IMAP, sem images nem links.   
1236
1237        // Salva a pasta da mensagem
1238        var input_current_folder = document.createElement('input');     
1239        input_current_folder.id = "input_folder_"+ID;
1240        input_current_folder.name = "input_folder";
1241        input_current_folder.type = "hidden";
1242        input_current_folder.value = info_msg.msg_folder;
1243        td2.appendChild(input_current_folder); 
1244        // fim
1245        toaddress_array[ID] = info_msg.toaddress2.split(",");
1246        if (toaddress_array[ID].length > 1){
1247                to.innerHTML += draw_plugin_cc(ID, toaddress_array[ID][0]);
1248                var div_toaddress = document.createElement("SPAN");
1249                div_toaddress.id = "div_toaddress_"+ID;
1250                div_toaddress.style.display="";
1251                div_toaddress.innerHTML += " (<a STYLE='color: RED;' onclick=javascript:show_div_address_full('"+ID+"','to');>"+get_lang('more')+"</a>)";
1252                to.appendChild(div_toaddress);         
1253        }
1254        else {
1255                to.innerHTML += draw_plugin_cc(ID,toaddress_array[ID]);
1256        }
1257        to.className = "header_message_field";
1258        tr2.appendChild(td2);
1259        tr2.appendChild(to);
1260        tr2.appendChild(to_values);
1261        tbody_message_others_options.appendChild(tr2);
1262
1263        if (info_msg.cc){
1264                var tr3 = document.createElement("TR");
1265                tr3.className = "tr_message_header";
1266                var td3 = document.createElement("TD");
1267                td3.innerHTML = "CC: ";
1268                var cc = document.createElement("TD");
1269                cc.id = "cc_"+ID;
1270
1271                var cc_values = document.createElement("INPUT");
1272                cc_values.id = "cc_values_"+ID;
1273                cc_values.type = "HIDDEN";
1274                cc_values.value = info_msg.cc;
1275               
1276                ccaddress_array[ID] = info_msg.cc.split(",");           
1277                if (ccaddress_array[ID].length > 1){
1278                        var div_ccaddress = document.createElement("SPAN");
1279                        div_ccaddress.id = "div_ccaddress_"+ID;
1280                        var div_ccaddress_full = document.createElement("SPAN");
1281                        div_ccaddress_full.id = "div_ccaddress_full_"+ID;               
1282                        div_ccaddress.style.display="";
1283                        cc.innerHTML = draw_plugin_cc(ID, ccaddress_array[ID][0]);
1284                        div_ccaddress.innerHTML += " (<a STYLE='color: RED;' onclick=javascript:show_div_address_full('"+ID+"','cc');>"+get_lang('more')+"</a>)";
1285                        cc.appendChild(div_ccaddress);
1286                }
1287                else{
1288                        cc.innerHTML = draw_plugin_cc(ID, info_msg.cc);
1289                }
1290                cc.className = "header_message_field";
1291                tr3.appendChild(td3);
1292                tr3.appendChild(cc);
1293                tr3.appendChild(cc_values);
1294                tbody_message_others_options.appendChild(tr3);
1295        }
1296
1297        /*
1298         * @AUTHOR Rodrigo Souza dos Santos
1299         * @MODIFY-DATE 2008/09/11
1300         * @BRIEF Adding routine to create bcc field if there is one.
1301         */
1302        if (info_msg.bcc)
1303        {
1304                var tr3 = document.createElement("tr");
1305                tr3.className = "tr_message_header";
1306                var td3 = document.createElement("td");
1307                td3.innerHTML = get_lang("BCC") + " : ";
1308                var cco = document.createElement("td");
1309                cco.id = "cco_"+ID;
1310
1311                var cco_values = document.createElement("input");
1312                cco_values.id = "cco_values_"+ID;
1313                cco_values.type = "hidden";
1314                cco_values.value = info_msg.cco;
1315
1316                ccoaddress_array[ID] = info_msg.bcc.split(",");         
1317                if (ccoaddress_array[ID].length > 1){
1318                        var div_ccoaddress = document.createElement("SPAN");
1319                        div_ccoaddress.id = "div_ccoaddress_"+ID;
1320                        var div_ccoaddress_full = document.createElement("SPAN");
1321                        div_ccoaddress_full.id = "div_ccoaddress_full_"+ID;             
1322                        div_ccoaddress.style.display="";
1323
1324                        /*
1325                         * The function below is ugly, doesn't possible use its.
1326                         * The problem is that the code's function was written
1327                         * on a hardcode concept.
1328                         */
1329                        //cco.innerHTML = draw_plugin_cc(ID, ccoaddress_array[ID][0]);
1330                        cco.innerHTML = ccoaddress_array[ID][0];
1331                        div_ccoaddress.innerHTML += " (<a STYLE='color: RED;' onclick=javascript:show_div_address_full('"+ID+"','cco');>"+get_lang('more')+"</a>)";
1332                        cco.appendChild(div_ccoaddress);
1333                }
1334                else{
1335                        /*
1336                         * The function below is ugly, it is not possible to use them.
1337                         * The problem is that the code's function was written
1338                         * on a hardcode concept.
1339                         */
1340                        //cco.innerHTML = draw_plugin_cc(ID, info_msg.cco);
1341                        cco.innerHTML = info_msg.bcc;
1342                }
1343                cco.className = "header_message_field";
1344                tr3.appendChild(td3);
1345                tr3.appendChild(cco);
1346                tr3.appendChild(cco_values);
1347                tbody_message_others_options.appendChild(tr3);
1348        }
1349
1350        var tr4 = document.createElement("TR");
1351        tr4.className = "tr_message_header";
1352        var td4 = document.createElement("TD");
1353        td4.innerHTML = get_lang("Date: ");
1354        var date = document.createElement("TD");
1355        date.id = "date_"+ID;
1356        date.innerHTML = info_msg.fulldate;
1357        var date_day = document.createElement("INPUT");
1358        date_day.id = "date_day_"+ID;
1359        date_day.type = "HIDDEN";
1360        date_day.value = info_msg.msg_day;
1361        var date_hour = document.createElement("INPUT");
1362        date_hour.id = "date_hour_"+ID;
1363        date_hour.type = "HIDDEN";
1364        date_hour.value = info_msg.msg_hour
1365       
1366        date.className = "header_message_field";
1367        tr4.appendChild(td4);
1368        tr4.appendChild(date);
1369        tr4.appendChild(date_day);
1370        tr4.appendChild(date_hour);
1371        tbody_message_others_options.appendChild(tr4);
1372       
1373        var tr5 = document.createElement("TR");
1374        tr5.className = "tr_message_header";
1375        var td5 = document.createElement("TD");
1376        td5.innerHTML = get_lang("Subject");
1377        var subject = document.createElement("TD");
1378        subject.id = "subject_"+ID;
1379        subject.innerHTML = info_msg.subject;
1380        subject.className = "header_message_field";
1381        tr5.appendChild(td5);
1382        tr5.appendChild(subject);
1383        tbody_message_others_options.appendChild(tr5);
1384
1385        if (info_msg.attachments.length > 0){
1386                var tr6 = document.createElement("TR");
1387                tr6.className = "tr_message_header";
1388                var td6 = document.createElement("TD");
1389                td6.innerHTML = get_lang("Attachments: ");
1390               
1391                var attachments = document.createElement("TD");
1392                td6.vAlign = "top";
1393                attachments.align='left';
1394                var zipped_attachments = '';
1395                if(info_msg.attachments.length >= 1){
1396                        var zipped_attachments  = document.createElement("TABLE");
1397                        zipped_attachments.style.marginBottom = "4px";
1398                        zipped_attachments.cellPadding="0";
1399                        zipped_attachments.cellSpacing="0";
1400                        var tr = document.createElement("TR");
1401                        var td = document.createElement("TD");                 
1402                        if(info_msg.attachments.length != 1) {
1403                        var link_attachment     = document.createElement("A");
1404                        link_attachment.setAttribute("href", "javascript:download_all_attachments('"+info_msg.msg_folder+"','"+info_msg.msg_number+"')");
1405                        link_attachment.innerHTML = " "+info_msg.attachments.length+' '+get_lang('files')+' :: '+get_lang('Download all atachments');
1406                        link_attachment.innerHTML += '<BR>';
1407                        td.appendChild(link_attachment);
1408                        }
1409                        var del_attachments = document.createElement("A");
1410                        del_attachments.setAttribute("href", "javascript:remove_all_attachments('"+info_msg.msg_folder+"','"+info_msg.msg_number+"')");                 
1411                        del_attachments.innerHTML = get_lang('remove all attachments');
1412               
1413                        td.appendChild(del_attachments);
1414                        tr.appendChild(td);
1415                        zipped_attachments.appendChild(tr);
1416                }
1417                if(zipped_attachments)
1418                        attachments.appendChild(zipped_attachments);
1419                attachments.id = "attachments_" + ID;
1420                for (var i=0; i<info_msg.attachments.length; i++){
1421                        var link_attachment = document.createElement("A");
1422                        link_attachment.setAttribute("href", proxy_mensagens.link_anexo(info_msg,i));
1423//                      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+"')");
1424                        link_attachment.innerHTML = url_decode(info_msg.attachments[i].name);
1425                        msg_size = info_msg.attachments[i].fsize;
1426                        if (msg_size < 1048576 && msg_size > 1024)
1427                                link_attachment.innerHTML += ' (' + this.round(msg_size / 1024, 0) + ' Kb)';
1428                        else if(msg_size > 1024)
1429                                link_attachment.innerHTML += ' (' + this.round(msg_size / (1024*1024), 1) + ' Mb)';
1430                        else
1431                                link_attachment.innerHTML += ' (' + msg_size + ' bytes)';
1432                        if((url_decode(info_msg.attachments[i].name).indexOf(".ics")!=-1) || (url_decode(info_msg.attachments[i].name).indexOf(".vcard")!=-1)){
1433                                //Link para importar calendário
1434                                var link_import_attachment = document.createElement("A");
1435                                link_import_attachment.setAttribute("href","../index.php?menuaction=calendar.uiicalendar.import_from_mail&msg_folder="+info_msg.msg_folder+"&msg_number="+info_msg.msg_number+"&msg_part="+info_msg.attachments[i].pid+"&idx_file="+i+"&encoding="+info_msg.attachments[i].encoding);
1436                                link_import_attachment.innerHTML=get_lang("Import to calendar")+"<br>";
1437                                var space = document.createElement("span");
1438                                space.innerHTML = "&nbsp;&nbsp;&nbsp;&nbsp;";
1439                                attachments.appendChild(link_attachment);
1440                                attachments.appendChild(space);
1441                                attachments.appendChild(link_import_attachment);
1442                        }
1443                        else {
1444                        link_attachment.innerHTML += '<BR>';
1445                        attachments.appendChild(link_attachment);
1446                        }
1447                }
1448                tr6.appendChild(td6);
1449                tr6.appendChild(attachments);
1450                tbody_message_others_options.appendChild(tr6);
1451        }
1452
1453
1454        // BEGIN MAKE THE SCROLL HEIGHT
1455        var bar = document.getElementById("toolbar");
1456        var offset = 0;
1457        if(bar.style.visibility != 'hidden')
1458                offset = bar.offsetHeight ? bar.offsetHeight :  bar.clientHeight;               
1459        var div = document.createElement("DIV");
1460        div.id = "div_message_scroll_"+ID;
1461        div.style.background = 'WHITE';
1462        div.style.height = document.body.clientHeight - offset - 125;
1463        content.style.height = document.body.clientHeight - offset - 80;
1464        div.style.overflow = "auto";
1465        div.style.width = defaultWidth - (is_ie ? 5 : 0);
1466        // END MAKE THE SCROLL HEIGHT
1467        table_message_others_options.appendChild(tbody_message_others_options);
1468        var tr = document.createElement("TR");
1469        var td = document.createElement("TD");
1470        td.colSpan = '2';
1471        div.appendChild(table_message_others_options);
1472        td.appendChild(div);
1473        tr.appendChild(td)
1474        tbody_message.appendChild(tr);
1475
1476
1477        ////////////////////////////////////////////////////////////////////////////////////////////////////// 
1478        //Make the body message.
1479        //////////////////////////////////////////////////////////////////////////////////////////////////////
1480        var tr = document.createElement("TR");
1481        tr.className = "tr_message_body";
1482        var td = document.createElement("TD");
1483        //td.setAttribute("colSpan","2");
1484        info_msg.body = info_msg.body.replace("<body","<span");
1485        info_msg.body = info_msg.body.replace("<BODY","<span");
1486        div.innerHTML+= "<span id='body_"+ID+"'>"+info_msg.body+"</span><br><br>";
1487        ////////////////////////////////////////////////////////////////////////////////////////////////////// 
1488        //Make the thumbs of the message.
1489        //////////////////////////////////////////////////////////////////////////////////////////////////////
1490        if ((info_msg.thumbs)&&(info_msg.thumbs.length > 0)){
1491                var table_message_thumbs = document.createElement("TABLE");
1492                table_message_thumbs.width = "80%";
1493                table_message_thumbs.style.borderTop = "2px solid rgb(170, 170, 170)";
1494                var tbody_message_thumbs = document.createElement("TBODY");
1495                var tr = document.createElement("TR");
1496                tr.className = "tr_message_body";
1497                var td = document.createElement("TD");
1498                td.setAttribute("colSpan","2");
1499                td.id = "body_thumbs_"+ID;
1500                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>";
1501                var _link_attachments = '';
1502                if(info_msg.thumbs.length > 1){
1503                        _link_attachments       = document.createElement("A");
1504                        _link_attachments.className = "message_options";
1505                        _link_attachments.setAttribute("href", "javascript:download_all_attachments('"+info_msg.msg_folder+"','"+info_msg.msg_number+"')");
1506                        _link_attachments.innerHTML = get_lang('Download all atachments');
1507                }
1508               
1509                if(_link_attachments){
1510                        td.innerHTML += " :: ";
1511                        td.appendChild(_link_attachments);
1512                }
1513               
1514                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>.");
1515                td.innerHTML += "<BR>";
1516
1517                for (var i=0; i<info_msg.thumbs.length; i++){
1518                        if ((i % 4) == 0)
1519                                td.innerHTML += "<BR>";
1520                        td.innerHTML += info_msg.thumbs[i];
1521                        td.innerHTML += "&nbsp;&nbsp;";
1522                }
1523                tr.appendChild(td);
1524                tbody_message_thumbs.appendChild(tr);
1525                table_message_thumbs.appendChild(tbody_message_thumbs);
1526                div.appendChild(table_message_thumbs);
1527        }
1528        //////////////////////////////////////////////////////////////////////////////////////////////////////
1529        table_message.appendChild(tbody_message);
1530        content.appendChild(table_message);
1531        var msg_number = document.createElement('INPUT');
1532        msg_number.id = "msg_number_" + ID;
1533        msg_number.type = "hidden";
1534        msg_number.value = info_msg.msg_number;
1535        content.appendChild(msg_number);
1536        //////////////////////////////////////////////////////////////////////////////////////////////////////
1537}
1538
1539function draw_new_message(border_ID){
1540        var ID = create_border("",border_ID);
1541        if (ID == false)
1542                return false;
1543        hold_session = true;
1544/////////////////////////////////////////////////////////////////////////////////////////////////////////
1545        var form = document.createElement("FORM");
1546        form.name = "form_message_"+ID;
1547        form.method = "POST";
1548        form.onsubmit = function(){return false;}
1549        if(!is_ie)
1550                form.enctype="multipart/form-data";
1551        else
1552                form.encoding="multipart/form-data";
1553/////////////////////////////////////////////////////////////////////////////////////////////////////////
1554        //ConstructMenuNewMessage(ID);
1555////////////////////////////////////////////////////////////////////////////////////////////////////////       
1556        var content = Element('content_id_' + ID);
1557        var table_message = document.createElement("TABLE");
1558        table_message.width = "100%";
1559        var tbody_message = document.createElement("TBODY");
1560        var tr0 = document.createElement("TR");
1561        tr0.className = "tr_message_header";
1562        var td0 = document.createElement("TD");
1563        td0.colSpan = '3';
1564       
1565        var table_menu_new_message = document.createElement("TABLE");
1566        table_menu_new_message.width = "100%";
1567        table_menu_new_message.border = '0';
1568        table_menu_new_message.className = 'table_message';
1569        var tbody_menu_new_message = document.createElement("TBODY");
1570        var tr_menu_new_message = document.createElement("TR");
1571        var td_menu_new_message = document.createElement("TD");
1572        td_menu_new_message.setAttribute("noWrap","true");
1573       
1574        if ((preferences.save_in_folder == '-1') || (preferences.save_in_folder == '')){
1575                //var option_send = '<span class="message_options" onclick=send_message("'+ID+'","null","null");>'+get_lang("Send")+'</span> | ';
1576                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");>' + ' | ';
1577                var option_send_and_file= '<span class="message_options" onclick=wfolders.makeWindow("'+ID+'","send_and_file");>'+get_lang("Send and file")+'</span> | ';
1578        }
1579        else{
1580                //var option_send = '<span class="message_options" onclick="send_message(\''+ID+'\',\''+preferences.save_in_folder+'\',\'null\');">'+get_lang("Send")+'</span> | ';
1581                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\');">' + ' | ';
1582                var option_send_and_file='';
1583                wfolders.alert = true;
1584        }
1585//      var option_save_as              = '<span class="message_options" onclick=wfolders.makeWindow("'+ID+'","save");>'+get_lang("Save as")+'</span> | ';
1586        var option_save                 = '<span id="save_message_options_'+ID+'" class="message_options" onclick="openTab.toPreserve['+ID+'] = true; save_msg('+ID+');">'+get_lang("Save")+'</span> | ';
1587        var option_search               = '<span class="message_options" onclick=openListUsers("'+ID+'");>'+get_lang("Search")+'</span>';
1588        td_menu_new_message.innerHTML = option_send + option_send_and_file + option_save + option_search;
1589       
1590        tr_menu_new_message.appendChild(td_menu_new_message);
1591        tbody_menu_new_message.appendChild(tr_menu_new_message);
1592        table_menu_new_message.appendChild(tbody_menu_new_message);
1593       
1594        content.appendChild(table_menu_new_message);
1595        tr0.appendChild(td0);
1596        tbody_message.appendChild(tr0);
1597////////////////////////////////////////////////////////////////////////////////////////////////////////
1598        var tr1_1 = document.createElement("TR");
1599        tr1_1.style.display = 'none';
1600        var td1_1 = document.createElement("TD");
1601        td1_1.innerHTML = get_lang("From")+":";
1602        td1_1.setAttribute("noWrap","true");
1603        td1_1.style.width = "1%";
1604       
1605        var td_from = document.createElement("TD");
1606        td_from.setAttribute("noWrap","true");
1607        td_from.style.width = "100%";
1608                       
1609        var sel_from = document.createElement('SELECT');       
1610        sel_from.id = "from_"+ID;
1611        sel_from.name = "input_from";
1612        sel_from.style.width = "70%";
1613        sel_from.setAttribute("wrap","soft");
1614        td_from.appendChild(sel_from); 
1615        tr1_1.appendChild(td1_1);
1616        tr1_1.appendChild(td_from);
1617        tbody_message.appendChild(tr1_1);       
1618////////////////////////////////////////////////////////////////////////////////////////////////////////
1619        var tr1 = document.createElement("TR");
1620        var td1 = document.createElement("TD");
1621        td1.innerHTML = get_lang("To")+":";
1622        td1.setAttribute("noWrap","true");
1623        td1.style.width = "1%";
1624       
1625        var td_to = document.createElement("TD");
1626        td_to.setAttribute("noWrap","true");
1627        td_to.style.width = "100%";
1628       
1629        var input_to = document.createElement('TEXTAREA');
1630        input_to.id = "to_"+ID;
1631        input_to.name = "input_to";
1632        input_to.setAttribute("tabIndex","1"); 
1633        input_to.style.width = "100%";
1634        input_to.setAttribute("wrap","soft");
1635        input_to.onfocus = function(){clearTimeout(parseInt(setTimeOutLayer)); search_contacts('onfocus', this.id);};
1636        input_to.onblur = function(){setTimeOutLayer=setTimeout('search_contacts("lostfocus","'+this.id+'")',100);};
1637        if (!is_ie)
1638        {
1639                input_to.rows = 2;
1640                input_to.onkeypress = function (e)
1641        {
1642            if ((e.keyCode) == 120) //F9
1643            {
1644                emQuickSearch(input_to.value, 'to', ID);
1645            }
1646            else
1647            {
1648                if (((e.keyCode == 13) || ((e.keyCode == 38)||(e.keyCode == 40))) && (document.getElementById('tipDiv').style.visibility!='hidden'))
1649                {
1650                    e.preventDefault();
1651                    search_contacts(e.keyCode,this.id);
1652                }
1653            }
1654        }
1655        input_to.onkeyup = function (e)
1656        {
1657            if ((e.keyCode != 13) && (e.keyCode != 38) && (e.keyCode != 40))
1658            {
1659                search_contacts(e.keyCode,this.id);
1660            }
1661        }
1662        }
1663        else
1664        {
1665                input_to.rows = 3;
1666                input_to.onkeyup = function (e)
1667        {
1668            if ((window.event.keyCode) == 120) //F9
1669            {
1670                emQuickSearch(input_to.value, 'to', ID);
1671            }
1672            else
1673            {
1674                search_contacts(window.event.keyCode,this.id);
1675            }   
1676        }
1677        }
1678       
1679        td_to.appendChild(input_to);
1680       
1681        var forwarded_local_message = document.createElement("INPUT"); //Hidden para indicar se é um forward de uma mensagem local
1682        forwarded_local_message.id = "is_local_forward"+ID;
1683        forwarded_local_message.name = "is_local_forward";
1684        forwarded_local_message.type = "HIDDEN";
1685        forwarded_local_message.value = "0";
1686        td_to.appendChild(forwarded_local_message);
1687       
1688        var img_search = document.createElement("IMG");
1689        img_search.src = "./templates/default/images/search.gif";
1690        img_search.title = get_lang('Search') + " | " + get_lang('Use F9 Key as shortcut.');
1691        img_search.onclick = function () {emQuickSearch(document.getElementById('to_'+ID).value, 'to', ID);};
1692        var span_search = document.createElement("SPAN");
1693        span_search.innerHTML = get_lang('Search');
1694       
1695        var td1_img_search = document.createElement("TD");
1696        td1_img_search.setAttribute("noWrap","true");
1697        var td1_span_search = document.createElement("TD");
1698        td1_span_search.setAttribute("noWrap","true"); 
1699       
1700        td1_img_search.appendChild(img_search);
1701        td1_span_search.appendChild(span_search);
1702       
1703        tr1.appendChild(td1);
1704        tr1.appendChild(td_to);
1705        tr1.appendChild(td1_img_search);
1706
1707        tbody_message.appendChild(tr1);
1708//////////////////////////////////////////////////////////////////////////////////////////////////////
1709        var tr2 = document.createElement("TR");
1710        tr2.id = "tr_cc_"+ID;
1711        tr2.style.display = 'none';
1712        var td2 = document.createElement("TD");
1713        td2.innerHTML = "Cc:";
1714        td2.setAttribute("noWrap","true");     
1715        td2.style.width = "1%";
1716       
1717        var td_cc = document.createElement("TD");
1718        td_cc.setAttribute("noWrap","true");
1719        td_cc.style.width = "100%";
1720       
1721        var input_cc = document.createElement('TEXTAREA');
1722        input_cc.id = "cc_"+ID;
1723        input_cc.name = "input_cc";
1724        input_cc.setAttribute("tabIndex","1");
1725        input_cc.style.width = "100%";
1726        input_cc.onfocus = function(){clearTimeout(parseInt(setTimeOutLayer)); search_contacts('onfocus',this.id);};
1727        input_cc.onblur = function(){setTimeOutLayer=setTimeout('search_contacts("lostfocus","'+this.id+'")',100);};
1728    if (!is_ie)
1729    {
1730        input_cc.rows = 2;
1731        input_cc.onkeypress = function (e)
1732        {
1733            if ((e.keyCode) == 120) //F9
1734            {
1735                emQuickSearch(input_cc.value, 'cc', ID);
1736            }
1737            else
1738            {
1739                if (((e.keyCode == 13) || ((e.keyCode == 38)||(e.keyCode == 40))) && (document.getElementById('tipDiv').style.visibility!='hidden'))
1740                {
1741                    e.preventDefault();
1742                    search_contacts(e.keyCode,this.id);
1743                }
1744            }
1745        }
1746        input_cc.onkeyup = function (e)
1747        {
1748            if ((e.keyCode != 13) && (e.keyCode != 38) && (e.keyCode != 40))
1749            {
1750                search_contacts(e.keyCode,this.id);
1751            }
1752        }
1753    }
1754    else if (is_ie)
1755    {
1756        input_cc.rows = 3;
1757        input_cc.onkeyup = function (e)
1758        {
1759            if ((window.event.keyCode) == 120) //F9
1760            {
1761                emQuickSearch(input_cc.value, 'cc', ID);
1762            }
1763            else
1764            {
1765                search_contacts(window.event.keyCode,this.id);
1766            }
1767        }
1768    }
1769       
1770        td_cc.appendChild(input_cc);
1771        var img_search = document.createElement("IMG");
1772        img_search.src = "./templates/default/images/search.gif";
1773        img_search.onclick = function () {emQuickSearch(document.getElementById('cc_'+ID).value, 'cc', ID)}
1774        img_search.title = get_lang('Search') + " | " + get_lang('Use F9 Key as shortcut.');
1775        var span_search = document.createElement("SPAN");
1776        span_search.innerHTML = get_lang('Search');
1777       
1778        var td2_img_search = document.createElement("TD");
1779        td2_img_search.setAttribute("noWrap","true");
1780        var td2_span_search = document.createElement("TD");
1781        td2_span_search.setAttribute("noWrap","true"); 
1782       
1783        td2_img_search.appendChild(img_search);
1784        td2_span_search.appendChild(span_search);
1785               
1786        tr2.appendChild(td2);
1787        tr2.appendChild(td_cc);
1788        tr2.appendChild(td2_img_search);
1789        tbody_message.appendChild(tr2);
1790//////////////////////////////////////////////////////////////////////////////////////////////////////
1791        var tr3 = document.createElement("TR");
1792        tr3.id = "tr_cco_"+ID;
1793        tr3.style.display = 'none';
1794        var td3 = document.createElement("TD");
1795        td3.setAttribute("noWrap","true");
1796        td3.innerHTML = get_lang("CCo")+":";
1797        td3.style.width = "1%";
1798       
1799        var td_cco = document.createElement("TD");
1800        td_cco.setAttribute("noWrap","true");
1801        td_cco.style.width = "100%";
1802       
1803        var input_cco = document.createElement('TEXTAREA');
1804        input_cco.id = "cco_"+ID;
1805        input_cco.name = "input_cco";
1806        input_cco.setAttribute("tabIndex","1");
1807        input_cco.style.width = "100%";
1808        input_cco.onfocus = function(){clearTimeout(parseInt(setTimeOutLayer)); search_contacts('onfocus',this.id);};
1809        input_cco.onblur = function(){setTimeOutLayer=setTimeout('search_contacts("lostfocus","'+this.id+'")',100);};
1810       
1811        if (!is_ie)
1812    {
1813        input_cco.rows = 2;
1814        input_cco.onkeypress = function (e)
1815        {
1816            if ((e.keyCode) == 120) //F9
1817            {
1818                emQuickSearch(input_cco.value, 'cco', ID);
1819            }
1820            else
1821            {
1822                if (((e.keyCode == 13) || ((e.keyCode == 38)||(e.keyCode == 40))) && (document.getElementById('tipDiv').style.visibility!='hidden'))
1823                {
1824                    e.preventDefault();
1825                    search_contacts(e.keyCode,this.id);
1826                }
1827            }
1828        }
1829        input_cco.onkeyup = function (e)
1830        {
1831            if ((e.keyCode != 13) && (e.keyCode != 38) && (e.keyCode != 40))
1832            {
1833                search_contacts(e.keyCode,this.id);
1834            }
1835        }
1836    }
1837    else if (is_ie)
1838    {
1839        input_cco.rows = 3;
1840        input_cco.onkeyup = function (e)
1841        {
1842            if ((window.event.keyCode) == 120) //F9
1843            {
1844                emQuickSearch(input_cco.value, 'cco', ID);
1845            }
1846            else
1847            {
1848                search_contacts(window.event.keyCode,this.id);
1849            }   
1850        }
1851    }
1852       
1853        td_cco.appendChild(input_cco);
1854        var img_search = document.createElement("IMG");
1855        img_search.src = "./templates/default/images/search.gif";
1856        img_search.title = get_lang('Search') + " | " + get_lang('Use F9 Key as shortcut.');   
1857        img_search.onclick = function () {emQuickSearch(document.getElementById('cco_'+ID).value, 'cco', ID);};
1858        var span_search = document.createElement("SPAN");
1859        span_search.innerHTML = get_lang('Search');
1860
1861        var td3_img_search = document.createElement("TD");
1862        td3_img_search.setAttribute("noWrap","true");
1863        var td3_span_search = document.createElement("TD");
1864        td3_span_search.setAttribute("noWrap","true"); 
1865       
1866        td3_img_search.appendChild(img_search);
1867        td3_span_search.appendChild(span_search);
1868               
1869        tr3.appendChild(td3);
1870        tr3.appendChild(td_cco);
1871        tr3.appendChild(td3_img_search);       
1872        tbody_message.appendChild(tr3);
1873//////////////////////////////////////////////////////////////////////////////////////////////////////
1874        var tr_link = document.createElement("TR");
1875        tr_link.id = "tr_link_"+ID;             
1876        var td1_link = document.createElement("TD");
1877        var td2_link = document.createElement("TD");
1878        td1_link.innerHTML = "&nbsp;";
1879        var a_cc_link = document.createElement('A');
1880        a_cc_link.innerHTML = get_lang('Add CC');
1881        a_cc_link.id = "a_cc_link_"+ID;
1882        a_cc_link.setAttribute("href","javascript:void(0)");
1883        a_cc_link.setAttribute("tabIndex","-1");
1884        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;}
1885        td2_link.appendChild(a_cc_link);       
1886        var space = document.createElement("span");
1887        space.id ="space_link_"+ID;
1888        space.innerHTML="&nbsp;|&nbsp;";
1889        td2_link.appendChild(space);
1890        var a_cco_link = document.createElement('A');
1891        a_cco_link.innerHTML = get_lang('Add BCC');
1892        a_cco_link.id = "a_cco_link_"+ID;
1893        a_cco_link.setAttribute("href","javascript:void(0)");
1894        a_cco_link.setAttribute("tabIndex","-1");
1895        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;}
1896        td2_link.appendChild(a_cco_link);       
1897        tr_link.appendChild(td1_link);
1898        tr_link.appendChild(td2_link);
1899        tbody_message.appendChild(tr_link);
1900//////////////////////////////////////////////////////////////////////////////////////////////////////
1901        var tr4 = document.createElement("TR");
1902        var td4 = document.createElement("TD");
1903        //td4.setAttribute("noWrap","true");   
1904        td4.innerHTML = get_lang("Subject")+":";
1905        var td_subject = document.createElement("TD");
1906        var input_subject = document.createElement('input');
1907        input_subject.id = "subject_"+ID;
1908        input_subject.name = "input_subject";
1909        input_subject.setAttribute("tabIndex","1");
1910        input_subject.style.width = "90%";
1911        input_subject.setAttribute("autocomplete","off");
1912        td_subject.appendChild(input_subject);
1913        tr4.appendChild(td4);
1914        tr4.appendChild(td_subject);
1915        tbody_message.appendChild(tr4);
1916////////////////////////////////////////////////////////////////////////////////////////////////////// 
1917        var tr5 = document.createElement("TR");
1918        var td5 = document.createElement("TD");
1919        td5.innerHTML = "&nbsp;";
1920        var td_return_receipt = document.createElement("TD");
1921        td_return_receipt.setAttribute("noWrap","true");
1922        td_return_receipt.innerHTML = get_lang("Return receipt")+":";
1923        var input_return_receipt = document.createElement('input');
1924        input_return_receipt.type = "checkbox";
1925        input_return_receipt.className = "checkbox";
1926        input_return_receipt.id = "return_receipt_"+ID;
1927        input_return_receipt.name = "input_return_receipt";
1928        input_return_receipt.setAttribute("tabIndex","-1");
1929        td_return_receipt.appendChild(input_return_receipt);   
1930        tr5.appendChild(td5);
1931        tr5.appendChild(td_return_receipt);
1932        tbody_message.appendChild(tr5);
1933//////////////////////////////////////////////////////////////////////////////////////////////////////
1934        var trn = document.createElement("TR");
1935        var tdn = document.createElement("TD");
1936        tdn.innerHTML = "&nbsp;";
1937        var td_important_msg = document.createElement("TD");
1938        td_important_msg.setAttribute("noWrap","true");
1939        td_important_msg.innerHTML = get_lang("Important message")+":";
1940        var input_important_message = document.createElement('input');
1941        input_important_message.type = "checkbox";
1942        input_important_message.className = "checkbox";
1943        input_important_message.id = "important_message_"+ID;
1944        input_important_message.name = "input_important_message";
1945        input_important_message.setAttribute("tabIndex","-1");
1946        td_important_msg.appendChild(input_important_message); 
1947        trn.appendChild(tdn);
1948        trn.appendChild(td_important_msg);
1949        tbody_message.appendChild(trn);
1950
1951//////////////////////////////////////////////////////////////////////////////////////////////////////
1952        var add_files = document.createElement("A");
1953        add_files.setAttribute("href", "javascript:void(0)");
1954        add_files.onclick = function () { addFile(ID); return false;};
1955        add_files.innerHTML =  get_lang("Attachments: add+");
1956        add_files.setAttribute("tabIndex","-1");
1957        var divfiles = document.createElement("DIV");
1958        divfiles.id = "divFiles_"+ID;
1959        var tr5 = document.createElement("TR");
1960        var td5_link = document.createElement("TD");
1961        var td5_input = document.createElement("TD");   
1962        td5_input.innerHTML = "&nbsp;"
1963        td5_link.setAttribute("valign","top");
1964        td5_link.setAttribute("colSpan","2");
1965        td5_link.appendChild(add_files);
1966        tr5.appendChild(td5_input);
1967        tr5.appendChild(td5_link);
1968        tbody_message.appendChild(tr5);
1969        var tr6 = document.createElement("TR");
1970        var td6_link  = document.createElement("TD");
1971        var td6_input = document.createElement("TD");
1972        tr6.appendChild(td6_link);
1973        td6_input.appendChild(divfiles);
1974        tr6.appendChild(td6_input);     
1975        tbody_message.appendChild(tr6);
1976//////////////////////////////////////////////////////////////////////////////////////////////////////
1977        var tr5 = document.createElement("TR");
1978        var td5 = document.createElement("TD");
1979        td5.innerHTML = "&nbsp;";
1980        var td_body = document.createElement("TD");
1981        td_body.setAttribute("colSpan","2");
1982        var div_body_position = document.createElement("DIV");
1983        div_body_position.id = "body_position_" + ID;
1984        td_body.appendChild(div_body_position);
1985        tr5.appendChild(td5);
1986        tr5.appendChild(td_body);
1987        tbody_message.appendChild(tr5);
1988// BEGIN MAKE THE SCROLL HEIGHT
1989        var defaultWidth = document.body.clientWidth - (is_ie ? 200 : 195);
1990        var _bar = document.getElementById("toolbar");
1991        var _offset = 0;
1992        if(_bar.style.visibility != 'hidden')
1993                _offset = _bar.offsetHeight ? _bar.offsetHeight :  _bar.clientHeight;           
1994        var _div = document.createElement("DIV");
1995        _div.id = "div_message_scroll_"+ID;
1996//      _div.style.background = 'WHITE';
1997        _div.style.height = document.body.clientHeight - _offset - 105;
1998        content.style.height = document.body.clientHeight - _offset - 80;
1999       
2000        _div.style.overflow = "auto";
2001        _div.style.width = defaultWidth;
2002        // END MAKE THE SCROLL HEIGHT
2003
2004        // Hide the contac tips and re-position the pallete color.
2005        _div.onscroll = function() {
2006                var intElemScrollTop = Element("div_message_scroll_"+ID).scrollTop;
2007                if (!is_ie)
2008                        ColorPalette.repos(intElemScrollTop);
2009                Tooltip.scrollChanged();
2010        };
2011//////////////////////////////////////////////////////////////////////////////////////////////////////
2012        _div.appendChild(form);
2013        content.appendChild(_div);
2014        table_message.appendChild(tbody_message);
2015        form.appendChild(table_message);
2016        connector.loadScript("rich_text_editor");
2017        RichTextEditor.loadEditor(ID);
2018//////////////////////////////////////////////////////////////////////////////////////////////////////
2019        draw_from_field(sel_from,tr1_1);
2020        return ID;
2021}
2022
2023//      Verify if any user is sharing his name/email address
2024//      for use in the new messages's "From " field.
2025function draw_from_field(sel_from,tr1_1){
2026
2027        var el_shared_users = Element("el_shared_users");
2028        // The element was loaded and populated...so return.
2029        if(el_shared_users){   
2030                // Nothing to work...so return.
2031                if(el_shared_users.options.length == 0)
2032                        return;
2033                tr1_1.style.display = '';
2034                for (var x = 0; x < el_shared_users.options.length; x++) {
2035                        var _option = document.createElement("OPTION");
2036                        _option.text = el_shared_users.options[x].text;
2037                        _option.value = el_shared_users.options[x].value;
2038                        sel_from.options[sel_from.options.length] = _option     ;
2039                }
2040                return;
2041        }
2042        // Get the shared folders.....
2043        var RegExp_name = new RegExp("(user)"+cyrus_delimiter+"(.*)$", "i");
2044        var sharedFolders = new Array();
2045        for(var i = 0; i < folders.length; i++) {
2046                var x = folders[i].folder_id;
2047        if (RegExp_name.test(x)){
2048                sharedFolders[sharedFolders.length] = x;
2049        }
2050    }
2051
2052    var matchUser = '#';
2053    var sharedUsers = new Array();
2054        // Filter the shared folders (only root folders) .....
2055        for(var i = 0; i < sharedFolders.length; i++) {
2056      if(!sharedFolders[i].match(matchUser)) {
2057                matchUser = sharedFolders[i];
2058                sharedUsers[sharedUsers.length] = matchUser.substring(("user"+cyrus_delimiter).length,matchUser.length);
2059      }
2060    }
2061
2062        // Handler function for cExecute
2063        var h_user = function(data) {
2064                if(data.length > 0) {
2065                        tr1_1.style.display = '';
2066                        var _option = document.createElement("OPTION");
2067                        _option.text =  '"'+data.myname+'" <'+Element("user_email").value+'>';
2068                        _option.value  = data.myname+";"+Element("user_email").value;
2069                        sel_from.options[sel_from.options.length] = _option;
2070       
2071                        var options = '';
2072                        for (var x = 0; x < data.length; x++)   {
2073                                var _option = document.createElement("OPTION");
2074                                _option.text = '"'+data[x].cn[0] + '" <'+data[x].mail[0]+'>';
2075                                _option.value = data[x].cn[0] + ';'+data[x].mail[0];
2076                                sel_from.options[sel_from.options.length] = _option     ;
2077                        }
2078                }
2079                var shared_users_from = Element("el_shared_users");
2080                if(!shared_users_from) {
2081                        shared_users_from = sel_from.cloneNode(true);
2082                        shared_users_from.id = "el_shared_users";
2083                        shared_users_from.style.display = 'none';
2084                        document.body.appendChild(shared_users_from);
2085                }
2086        }
2087        // First time, so execute.....
2088        cExecute ("$this.ldap_functions.getSharedUsersFrom&uids="+sharedUsers.join(';'), h_user);
2089}
2090
2091function changeBgColorToON(all_messages, begin, end){
2092        for (begin; begin<=end; begin++)
2093        {
2094                add_className(all_messages[begin], 'selected_msg');
2095                Element("check_box_message_" + all_messages[begin].id).checked = true;
2096        }
2097}
2098
2099function changeBgColor(event, msg_number){
2100        actual_tr = Element(msg_number);
2101
2102        if (event.shiftKey)
2103        {
2104                last_tr = Element(last_message_selected);
2105                if(!last_tr)
2106                        last_tr = actual_tr;
2107
2108                all_messages = actual_tr.parentNode.childNodes;
2109               
2110                for (var i=0; i < all_messages.length; i++)
2111                {
2112                        if (actual_tr.id == all_messages[i].id)
2113                                first_order = i;
2114                        if (last_tr.id == all_messages[i].id)
2115                                last_order = i;
2116                }
2117               
2118                if (parseInt(first_order) > parseInt(last_order))
2119                        changeBgColorToON(all_messages, last_order, first_order);
2120                else
2121                        changeBgColorToON(all_messages, first_order, last_order);
2122        }
2123        else{
2124                //if ( exist_className(actual_tr, 'selected_msg') )
2125                if ( Element('check_box_message_' + msg_number).checked )
2126                        add_className(actual_tr, 'selected_msg');
2127                else
2128                        remove_className(actual_tr, 'selected_msg');
2129        }
2130        last_message_selected = msg_number;
2131}
2132
2133function build_quota(data){
2134        id = "content_quota";
2135        q_limit = data['quota_limit'];
2136        var div = document.getElementById(id);
2137        if(!q_limit){
2138            div.innerHTML = '<span><font size="2" style="color:red"><strong>'+get_lang("Without Quota")+'</strong></font></span>';
2139        }
2140        else{
2141        if(div)
2142                div.innerHTML = '';
2143        value = data['quota_percent'];
2144        q_used = data['quota_used'];
2145        table = document.getElementById("table_quota");
2146        if(table)
2147                table.parentNode.removeChild(table);
2148        table = document.createElement("TABLE");       
2149        tbody = document.createElement("TBODY");       
2150        table.appendChild(tbody);
2151        table.id = "table_quota";
2152        table.width="102";
2153        table.border="0";
2154        table.cellSpacing = 0;
2155        table.cellPadding = 0;
2156       
2157        //tr1 = document.createElement("TR");
2158        td11 = document.createElement("TD");
2159        td11.align="center";
2160        td11.setAttribute("noWrap","true");
2161        td11.innerHTML += '&nbsp;' + value+"% ("+q_used+"M/"+q_limit+"M)";
2162        //tr1.appendChild(td11);
2163       
2164        tr2 = document.createElement("TR");
2165        td21 = document.createElement("TD");
2166        td21.setAttribute("noWrap","true");
2167        td21.height="15";
2168        td22 = document.createElement("TD");   
2169        td21.setAttribute("background","templates/default/images/dsunused.gif");
2170        table221 = document.createElement("TABLE");
2171        tbody221 = document.createElement("TBODY");
2172        table221.appendChild(tbody221);
2173        table221.style.width=value+"%";
2174        td21.width="102";
2175        table221.border="0";
2176        table221.cellSpacing = 0;
2177        table221.cellPadding = 0;
2178        tr221 = document.createElement("TR");
2179        td221 = document.createElement("TD");
2180        td221.height="15";
2181        if(value > 90) {
2182                if(value >= 100)
2183                        write_msg(get_lang("Your Mailbox is 100% full! You must free more space or will not receive messages."));
2184                else
2185                        write_msg(get_lang("Warning: Your Mailbox is almost full!"));
2186                td221.setAttribute("background","templates/default/images/dsalert.gif");
2187        }
2188        else if(value > 80)
2189                td221.setAttribute("background","templates/default/images/dswarn.gif");
2190        else
2191                td221.setAttribute("background","templates/default/images/dsused.gif");
2192       
2193        tr221.appendChild(td221);
2194        tbody221.appendChild(tr221);
2195        td21.appendChild(table221);     
2196        tr2.appendChild(td21);
2197        tr2.appendChild(td11);
2198
2199        //tr2.appendChild(td1);
2200
2201        tbody.appendChild(tr2); //Desenho
2202        //tbody.appendChild(tr1); //Letras
2203        div.appendChild(table);
2204        }
2205}
2206
2207function draw_quota(data){
2208        build_quota(data);
2209}
2210
2211function update_quota(folder_id){
2212        cExecute ("$this.imap_functions.get_quota&folder_id="+folder_id,build_quota);
2213}
2214
2215function draw_search(headers_msgs){
2216        Element("border_id_0").innerHTML = "&nbsp;&nbsp;" + get_lang('Search Result') + "&nbsp;&nbsp;";
2217
2218        var tbody = Element('tbody_box');
2219        for (var i=0; i<(headers_msgs.length); i++){
2220                var tr = this.make_tr_message(headers_msgs[i], headers_msgs[i].msg_folder);
2221                tbody.appendChild(tr);
2222        }
2223}
2224
2225function draw_search_header_box(){
2226        var table_message_header_box = Element("table_message_header_box");
2227        table_message_header_box.parentNode.removeChild(table_message_header_box);
2228
2229        var content_id_0 = Element("content_id_0");
2230        var table_element = document.createElement("TABLE");
2231        var tbody_element = document.createElement("TBODY");
2232        table_element.setAttribute("id", "table_message_header_box");
2233        table_element.className = "table_message_header_box";
2234        tr_element = document.createElement("TR");
2235        tr_element.className = "message_header";
2236        td_element1 = document.createElement("TD");
2237        td_element1.setAttribute("width", "1%");
2238        chk_box_element = document.createElement("INPUT");
2239        chk_box_element.id  = "chk_box_select_all_messages";
2240        chk_box_element.setAttribute("type", "checkbox");
2241        chk_box_element.className = "checkbox";
2242        chk_box_element.onclick = function(){select_all_messages(this.checked);};
2243        chk_box_element.onmouseover = function () {this.title=get_lang('Select all messages.')};
2244        chk_box_element.onkeydown = function (e){
2245                if (is_ie)
2246                {
2247                        if ((window.event.keyCode) == 46)
2248                        {
2249                                //delete_all_selected_msgs_imap();
2250                                proxy_mensagens.delete_msgs(get_current_folder(),'selected','null');
2251                        }
2252                }
2253                else
2254                {
2255                        if ((e.keyCode) == 46)
2256                        {
2257                                //delete_all_selected_msgs_imap();
2258                                proxy_mensagens.delete_msgs(get_current_folder(),'selected','null');
2259                        }
2260                }
2261        };
2262       
2263        td_element1.appendChild(chk_box_element);
2264        td_element2 = document.createElement("TD");
2265        td_element2.setAttribute("width", "3%");
2266        td_element3 = document.createElement("TD");
2267        td_element3.setAttribute("width", "30%");
2268        td_element3.id = "message_header_SORTFROM";
2269        td_element3.align = "left";
2270        td_element3.innerHTML = get_lang("From");
2271        td_element4 = document.createElement("TD");
2272        td_element4.setAttribute("width", "49%");
2273        td_element4.id = "message_header_SORTSUBJECT";
2274        td_element4.align = "left";
2275        td_element4.innerHTML = get_lang("Subject");   
2276        td_element5 = document.createElement("TD");
2277        td_element5.setAttribute("width", "10%");
2278        td_element5.id = "message_header_SORTARRIVAL";
2279        td_element5.align = "center";
2280        td_element5.innerHTML = "<B>"+get_lang("Date")+"</B>"; 
2281        td_element5.innerHTML += "<img src ='templates/default/images/arrow_descendant.gif'>";
2282        td_element6 = document.createElement("TD");
2283        td_element6.setAttribute("width", "10%");
2284        td_element6.id = "message_header_SORTSIZE";
2285        td_element6.align = "right";
2286        td_element6.innerHTML = get_lang("Size");
2287        tr_element.appendChild(td_element1);
2288        tr_element.appendChild(td_element2);
2289        tr_element.appendChild(td_element3);
2290        tr_element.appendChild(td_element4);
2291        tr_element.appendChild(td_element5);
2292        tr_element.appendChild(td_element6);
2293       
2294        tbody_element.appendChild(tr_element);
2295        table_element.appendChild(tbody_element);
2296        content_id_0.appendChild(table_element);
2297}
2298
2299function draw_search_division(msg){
2300        var tbody = Element('tbody_box');
2301        var tr = document.createElement("TR");
2302        var td = document.createElement("TD");
2303        td.colSpan = '7';
2304        td.width = '100%';
2305
2306        var action_info_table = document.createElement("TABLE");
2307        var action_info_tbody = document.createElement("TBODY");
2308       
2309        action_info_table.className = "action_info_table";
2310        action_info_table.width = "100%";
2311       
2312        var action_info_tr = document.createElement("TR");
2313       
2314        var action_info_th1 = document.createElement("TH");
2315        action_info_th1.width = "40%";
2316        action_info_th1.innerHTML = "&nbsp;";
2317
2318        var action_info_th2 = document.createElement("TH");
2319       
2320        action_info_th2.innerHTML = msg;
2321        action_info_th2.className = "action_info_th";
2322        action_info_th2.setAttribute("noWrap", "true");
2323       
2324        var action_info_th3 = document.createElement("TH");
2325        action_info_th3.width = "40%";
2326        action_info_th3.innerHTML = "&nbsp;";
2327       
2328        action_info_tr.appendChild(action_info_th1);
2329        action_info_tr.appendChild(action_info_th2);
2330        action_info_tr.appendChild(action_info_th3);
2331        action_info_tbody.appendChild(action_info_tr);
2332        action_info_table.appendChild(action_info_tbody);
2333
2334        td.appendChild(action_info_table);
2335        tr.appendChild(td);
2336        tbody.appendChild(tr);
2337}
2338
2339function draw_search_box(){
2340        var content_id_0 = Element("content_id_0");
2341        var table = document.createElement("TABLE");
2342        table.id = "table_box";
2343        table.width = 'auto';
2344        var tbody = document.createElement("TBODY");
2345        tbody.id = "tbody_box";
2346
2347        table.className = "table_box";
2348        table.setAttribute("frame", "below");
2349        table.setAttribute("rules", "none");
2350        table.setAttribute("cellpadding", "0");
2351        table.onkeydown = function (e){
2352                if (is_ie)
2353                {
2354                        if ((window.event.keyCode) == 46)
2355                        {
2356                                //delete_all_selected_msgs_imap();
2357                                proxy_mensagens.delete_msgs(get_current_folder(),'selected','null');
2358                        }
2359                }
2360                else
2361                {
2362                        if ((e.keyCode) == 46)
2363                        {
2364                                //delete_all_selected_msgs_imap();
2365                                proxy_mensagens.delete_msgs(get_current_folder(),'selected','null');
2366                        }
2367                }
2368        };
2369        if (is_ie)
2370                table.style.cursor = "hand";
2371       
2372        table.appendChild(tbody);
2373        content_id_0.appendChild(table);
2374}
2375        var idx_cc = 0;
2376function draw_plugin_cc(ID, addrs)      {
2377        connector.loadScript("ccQuickAdd");
2378
2379        var array_addrs = '';
2380        var array_name  = '';   
2381        var cc_data = new Array();
2382        if(typeof(addrs.name) != 'undefined') {
2383                array_name      = LTrim(addrs.name).split(" ");
2384                array_addrs = new Array(addrs.email);           
2385        }
2386        else {
2387                array_addrs = (typeof addrs == 'object' ? addrs.toString().split("\" ") : addrs.split("\" "));
2388                array_name      = LTrim(array_addrs[0]).replace('"','').split(" ");     
2389        }
2390
2391        var _split = array_name[0].split('@');
2392        cc_data[0] = _split[0];
2393        cc_data[1] = _split[0];
2394        cc_data[2] = '';
2395
2396        for (i=1; i < array_name.length; i++)
2397                cc_data[2] += array_name[i] + " ";                     
2398       
2399
2400        if(array_addrs.length > 1)                     
2401                cc_data[3] = array_addrs[1] ? array_addrs[1].replace("&lt;",'').replace("&gt;",'') : '';               
2402        else
2403                cc_data[3] = array_addrs[0];
2404       
2405        var sm_envelope_img1 = '<img style="cursor:'+ (is_ie ? 'hand' : 'pointer') +'" title="' + get_lang("Add Contact") +
2406        '" onclick="ccQuickAddOne.showList(\''+cc_data+'\')" src="./templates/default/images/user_card.png">';
2407        var to_addybook_add = "<SPAN id='insert_plugin_"+idx_cc+"_"+ID+"'>";
2408        to_addybook_add += addrs;
2409        to_addybook_add +=  sm_envelope_img1;
2410        idx_cc++;
2411        to_addybook_add += "</SPAN>";
2412        return to_addybook_add;
2413}
2414function deny_email(email){
2415        connector.loadScript("filter");
2416        connector.loadScript("filters");
2417        var dn_em       = document.createElement("SPAN");
2418                dn_em.id = "tt_d";
2419                dn_em.onclick = function(){filter_rules.new_rule(email);};
2420                dn_em.setAttribute("title",get_lang("Block Sender"));
2421                dn_em.style.cursor = "pointer";         
2422                dn_em.innerHTML = "<img align='top' onclick=filter.new_rule('"+email+"') src='./templates/default/images/deny.gif'>";
2423        return dn_em;
2424       
2425}
2426function show_div_address_full(id, type) {
2427        var div_address_full = Element("div_"+type+"address_full_"+id);
2428        if(!div_address_full) {
2429                div_address_full = document.createElement("SPAN");
2430                div_address_full.id = "div_"+type+"address_full_"+id;   
2431                div_address_full.style.display="none"; 
2432                var _address = eval(type+"address_array['"+id+"']");
2433                var isOverLimit = (_address.length > 100);
2434               
2435                if(isOverLimit) {
2436                        alert("Esse campo possui muitos endereços ("+_address.length+" destinatários).\r\n"+
2437                        "Para evitar o travamento do navegador, o botão 'Adicionar Contato' foi desabilitado!");
2438                }
2439
2440                for(var idx = 1 ; idx  < _address.length;idx++) {
2441                        div_address_full.innerHTML += isOverLimit ?  '<br>'+_address[idx] : ','+draw_plugin_cc(id,_address[idx]);
2442                }               
2443                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>)";
2444                Element(type+"_"+id).appendChild(div_address_full);
2445        }
2446        Element('div_'+type+'address_'+id).style.display='none';
2447        div_address_full.style.display='';
2448}
2449function draw_footer_box(num_msgs){
2450        folder = get_current_folder();
2451        var span_R = Element("table_message"); 
2452        var span_options = Element("span_options");     
2453        if(!span_options) {
2454                span_options = document.createElement("TD");   
2455                span_options.style.fontSize = "12";
2456                span_options.id = "span_options";
2457                span_R.appendChild(span_options);
2458        }
2459
2460        span_options.innerHTML =
2461                '<span title="'+get_lang("Delete")+'" style="margin-left:8px" class="message_options" onclick=proxy_mensagens.delete_msgs(\'null\',\'selected\',\'null\')>'+get_lang("Delete")+'</span> | '+
2462                '<span title="'+get_lang("Move")+'" class="message_options" onclick=wfolders.makeWindow(\"\",\"move_to\")>'+get_lang("Move")+'</span> | '+
2463                '<span title="'+get_lang("Print")+'" class="message_options" onclick=print_all()>'+get_lang("Print")+'</span> | '+
2464                '<span title="'+get_lang("Export")+'" class="message_options" onclick="export_all_selected_msgs()">'+get_lang("Export")+'</span> | ' +
2465                '<span title="'+get_lang("Import")+'" class="message_options" onclick="import_window()">'+get_lang("Import")+'</span>';
2466        if(preferences.use_local_messages==1)
2467                span_options.innerHTML += ' | <span title="'+get_lang("Archive")+'" class="message_options" onclick="archive_msgs(\''+folder+'\',null)">'+get_lang("Archive")+'</span>';
2468        if (use_spam_filter) {
2469                if ( get_current_folder() == 'INBOX'+cyrus_delimiter+'Spam' )   {
2470                        span_options.innerHTML += ' | <span title="'+get_lang("Not Spam")+'" class="message_options" onclick="nospam(\'selected\',\'null\',\'null\')">'+get_lang("Not Spam")+'</span>';
2471                }
2472                else {
2473                        span_options.innerHTML += ' | <span title="'+get_lang("Mark as Spam")+'" class="message_options" onclick="spam(\'null\', \'selected\',\'null\')">'+get_lang("Mark as Spam")+'</span>';
2474                }
2475        }
2476        var span_D = Element("span_D");
2477        if(!span_D){
2478                span_D = document.createElement("TD"); 
2479                span_D.align = "right";
2480                span_D.style.fontSize = "12";
2481                span_D.id = "span_D";
2482                span_R.appendChild(span_D);
2483        }
2484        span_D.innerHTML =
2485                 get_lang("List")+': '+
2486        '<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>, '+
2487        '<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>, '+
2488        '<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>, '+
2489        '<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>, '+
2490        '<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;';
2491        draw_paging(num_msgs);
2492        Element("tot_m").innerHTML = num_msgs; 
2493}
Note: See TracBrowser for help on using the repository browser.