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

Revision 2074, 121.4 KB checked in by amuller, 14 years ago (diff)

Ticket #925 - Melhoria no tratamento do bloquieo de figuras

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