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

Revision 1752, 119.0 KB checked in by rafaelraymundo, 15 years ago (diff)

Ticket #703 - Preview das mensagens configuravel. Por tool-tip e coluna de assunto

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