Identify sticky-notes divs by vnote uid, not by msgnum.
[citadel.git] / webcit / static / wclib.js
1 //
2 // $Id$
3 //
4 // JavaScript function library for WebCit.
5 //
6 //
7
8
9 var browserType;
10 var room_is_trash = 0;
11
12 if (document.layers) {browserType = "nn4"}
13 if (document.all) {browserType = "ie"}
14 if (window.navigator.userAgent.toLowerCase().match("gecko")) {
15         browserType= "gecko"
16 }
17
18 var ns6=document.getElementById&&!document.all;
19
20
21 function CtdlRandomString()  {
22         return((Math.random()+'').substr(3));
23 }
24
25
26
27 // We love string tokenizers.
28 function extract_token(source_string, token_num, delimiter) {
29         var i = 0;
30         var extracted_string = source_string;
31
32         if (token_num > 0) {
33                 for (i=0; i<token_num; ++i) {
34                         var j = extracted_string.indexOf(delimiter);
35                         if (j >= 0) {
36                                 extracted_string = extracted_string.substr(j+1);
37                         }
38                 }
39         }
40
41         j = extracted_string.indexOf(delimiter);
42         if (j >= 0) {
43                 extracted_string = extracted_string.substr(0, j);
44         }
45
46         return extracted_string;
47 }
48
49
50
51 // This code handles the popups for important-messages.
52 function hide_imsg_popup() {
53         if (browserType == "gecko" )
54                 document.poppedLayer = eval('document.getElementById(\'important_message\')');
55         else if (browserType == "ie")
56                 document.poppedLayer = eval('document.all[\'important_message\']');
57         else
58                 document.poppedLayer = eval('document.layers[\'`important_message\']');
59
60         document.poppedLayer.style.visibility = "hidden";
61 }
62
63
64 // This function activates the ajax-powered recipient autocompleters on the message entry screen.
65 function activate_entmsg_autocompleters() {
66         new Ajax.Autocompleter('cc_id', 'cc_name_choices', 'cc_autocomplete', {} );
67         new Ajax.Autocompleter('bcc_id', 'bcc_name_choices', 'bcc_autocomplete', {} );
68         new Ajax.Autocompleter('recp_id', 'recp_name_choices', 'recp_autocomplete', {} );
69 }
70
71
72
73 // Toggle the icon bar between menu/roomlist...
74 var which_div_expanded = null;
75 var num_drop_targets = 0;
76 var drop_targets_elements = new Array();
77 var drop_targets_roomnames = new Array();
78
79 function switch_to_room_list() {
80         $('iconbar').innerHTML = $('iconbar').innerHTML.substr(0, $('iconbar').innerHTML.indexOf('switch'));
81         CtdlLoadScreen('iconbar');
82         new Ajax.Updater('iconbar', 'iconbar_ajax_rooms', { method: 'get' } );
83 }
84
85 function expand_floor(floor_div) {
86         if (which_div_expanded != null) {
87                 if ($(which_div_expanded) != null) {
88                         $(which_div_expanded).style.display = 'none' ;
89                 }
90         }
91
92         // clicking on the already-expanded floor causes the whole list to collapse
93         if (which_div_expanded == floor_div) {
94                 which_div_expanded = null;
95
96                 // notify the server that no floors are expanded
97                 new Ajax.Request(
98                         'set_floordiv_expanded/-1', {
99                                 method: 'post'
100                         }
101                 );
102                 return true;
103         }
104
105         // expand the requested floor
106         $(floor_div).style.display = 'block';
107         which_div_expanded = floor_div;
108
109         // notify the server of which floor is expanded
110         new Ajax.Request(
111                 'set_floordiv_expanded/'+floor_div, {
112                         method: 'post'
113                 }
114         );
115 }
116
117 function switch_to_menu_buttons() {
118         which_div_expanded = null;
119         num_drop_targets = 0;
120         CtdlLoadScreen('iconbar');
121         new Ajax.Updater('iconbar', 'iconbar_ajax_menu', { method: 'get' } );
122 }
123
124
125 // Static variables for mailbox view...
126 //
127 var CtdlNumMsgsSelected = 0;
128 var CtdlMsgsSelected = new Array();
129 var CtdlLastMsgnumSelected = 0;
130
131 // This gets called when you single click on a message in the mailbox view.
132 // We know that the element id of the table row will be the letter 'm' plus the message number.
133 //
134 function CtdlSingleClickMsg(evt, msgnum) {
135
136         // Clear the preview pane until we load the new message
137         $('preview_pane').innerHTML = '';
138
139         // De-select any messages that were already selected, *unless* the Ctrl or
140         // Shift key is being pressed, in which case the user wants multi select
141         // or group select.
142         if ( (!evt.ctrlKey) && (!evt.shiftKey) ) {
143                 if (CtdlNumMsgsSelected > 0) {
144                         for (i=0; i<CtdlNumMsgsSelected; ++i) {
145                                 $('m'+CtdlMsgsSelected[i]).style.backgroundColor = '#fff';
146                                 $('m'+CtdlMsgsSelected[i]).style.color = '#000';
147                         }
148                         CtdlNumMsgsSelected = 0;
149                 }
150         }
151
152         // For multi select ... is the message being clicked already selected?
153         already_selected = 0;
154         if ( (evt.ctrlKey) && (CtdlNumMsgsSelected > 0) ) {
155                 for (i=0; i<CtdlNumMsgsSelected; ++i) {
156                         if (CtdlMsgsSelected[i] == msgnum) {
157                                 already_selected = 1;
158                                 already_selected_pos = i;
159                         }
160                 }
161         }
162
163         // Now select (or de-select) the message
164         if ( (evt.ctrlKey) && (already_selected == 1) ) {
165
166                 // Deselect: first un-highlight it...
167                 $('m'+msgnum).style.backgroundColor = '#fff';
168                 $('m'+msgnum).style.color = '#000';
169
170                 // Then remove it from the selected messages list.
171                 for (i=already_selected_pos; i<(CtdlNumMsgsSelected-1); ++i) {
172                         CtdlMsgsSelected[i] = CtdlMsgsSelected[i+1];
173                 }
174                 CtdlNumMsgsSelected = CtdlNumMsgsSelected - 1;
175                 
176         }
177
178         else if (evt.shiftKey) {
179                 
180                 // Group select: first clear everything out...
181                 if (CtdlNumMsgsSelected > 0) {
182                         for (i=0; i<CtdlNumMsgsSelected; ++i) {
183                                 $('m'+CtdlMsgsSelected[i]).style.backgroundColor = '#fff';
184                                 $('m'+CtdlMsgsSelected[i]).style.color = '#000';
185                         }
186                 }
187                 CtdlNumMsgsSelected = 0;
188
189                 // Then highlight and select the group.
190                 // Traverse the table looking for a row whose ID contains the desired msgnum
191
192                 var in_the_group = 0;
193                 var is_edge = 0;
194                 var table = $('summary_headers');
195                 if (table) {
196                         for (var r = 0; r < table.rows.length; r++) {
197                                 var thename = table.rows[r].id;
198                                 if ( (thename.substr(1) == msgnum) || (thename.substr(1) == CtdlLastMsgnumSelected) ) {
199                                         in_the_group = 1 - in_the_group;
200                                         is_edge = 1;
201                                 }
202                                 else {
203                                         is_edge = 0;
204                                 }
205                                 if ( (in_the_group == 1) || (is_edge == 1) ) {
206                                         // Highlight it...
207                                         table.rows[r].style.backgroundColor='#69aaff';
208                                         table.rows[r].style.color='#fff';
209
210                                         // And add it to the selected messages list.
211                                         CtdlNumMsgsSelected = CtdlNumMsgsSelected + 1;
212                                         CtdlMsgsSelected[CtdlNumMsgsSelected-1] = thename.substr(1);
213                                 }
214                         }
215                 }
216         }
217
218         else {
219                 // Select: first highlight it...
220                 $('m'+msgnum).style.backgroundColor='#69aaff';
221                 $('m'+msgnum).style.color='#fff';
222
223                 // Then add it to the selected messages list.
224                 CtdlNumMsgsSelected = CtdlNumMsgsSelected + 1;
225                 CtdlMsgsSelected[CtdlNumMsgsSelected-1] = msgnum;
226
227                 // Gradient
228                 CtdlLoadScreen('preview_pane');
229                 // Update the preview pane
230                 new Ajax.Updater('preview_pane', 'msg/'+msgnum, { method: 'get' } );
231         
232                 // Mark the message as read
233                 new Ajax.Request(
234                         'ajax_servcmd', {
235                                 method: 'post',
236                                 parameters: 'g_cmd=SEEN '+msgnum+'|1',
237                                 onComplete: CtdlRemoveTheUnseenBold(msgnum)
238                         }
239                 );
240         }
241         
242         // Save the selected position in case the user does a group select next time.
243         CtdlLastMsgnumSelected = msgnum;
244
245         return false;           // try to defeat the default click behavior
246 }
247
248 // Delete selected messages.
249 function CtdlDeleteSelectedMessages(evt) {
250         
251         if (CtdlNumMsgsSelected < 1) {
252                 // Nothing to delete, so exit silently.
253                 return false;
254         }
255         for (i=0; i<CtdlNumMsgsSelected; ++i) {
256                 if (parseInt(room_is_trash) > 0) {
257                         new Ajax.Request(
258                                 'ajax_servcmd', {
259                                         method: 'post',
260                                         parameters: 'g_cmd=DELE ' + CtdlMsgsSelected[i],
261                                         onComplete: CtdlClearDeletedMsg(CtdlMsgsSelected[i])
262                                 }
263                         );
264                 }
265                 else {
266                         new Ajax.Request(
267                                 'ajax_servcmd', {
268                                         method: 'post',
269                                         parameters: 'g_cmd=MOVE ' + CtdlMsgsSelected[i] + '|_TRASH_|0',
270                                         onComplete: CtdlClearDeletedMsg(CtdlMsgsSelected[i])
271                                 }
272                         );
273                 }
274         }
275         CtdlNumMsgsSelected = 0;
276
277         // Clear the preview pane too.
278         $('preview_pane').innerHTML = '';
279 }
280
281
282 // Move selected messages.
283 function CtdlMoveSelectedMessages(evt, target_roomname) {
284         
285         if (CtdlNumMsgsSelected < 1) {
286                 // Nothing to delete, so exit silently.
287                 return false;
288         }
289         for (i=0; i<CtdlNumMsgsSelected; ++i) {
290                 new Ajax.Request(
291                         'ajax_servcmd', {
292                                 method:'post',
293                                 parameters:'g_cmd=MOVE ' + CtdlMsgsSelected[i] + '|' + target_roomname + '|0',
294                                 onComplete:CtdlClearDeletedMsg(CtdlMsgsSelected[i])
295                         }
296                 );
297         }
298         CtdlNumMsgsSelected = 0;
299
300         // Clear the preview pane too.
301         $('preview_pane').innerHTML = '';
302 }
303
304
305
306 // This gets called when the user touches the keyboard after selecting messages...
307 function CtdlMsgListKeyPress(evt) {
308         if(document.all) {                              // aIEeee
309                 var whichKey = window.event.keyCode;
310         }
311         else {                                          // non-sux0r browsers
312                 var whichKey = evt.which;
313         }
314         if (whichKey == 46) {                           // DELETE key
315                 CtdlDeleteSelectedMessages(evt);
316         }
317         return true;
318 }
319
320 // Take the boldface away from a message to indicate that it has been seen.
321 function CtdlRemoveTheUnseenBold(msgnum) {
322         $('m'+msgnum).style.fontWeight='normal';
323 }
324
325 // A message has been deleted, so yank it from the list.
326 function CtdlClearDeletedMsg(msgnum) {
327
328
329         // Traverse the table looking for a row whose ID contains the desired msgnum
330         var table = $('summary_headers');
331         if (table) {
332                 for (var r = 0; r < table.rows.length; r++) {
333                         var thename = table.rows[r].id;
334                         if (thename.substr(1) == msgnum) {
335                                 try {
336                                         table.deleteRow(r);
337                                 }
338                                 catch(e) {
339                                         alert('error: browser failed to clear row ' + r);
340                                 }
341                         }
342                 }
343         }
344         else {                                          // if we can't delete it,
345                 new Effect.Squish('m'+msgnum);          // just hide it.
346         }
347
348
349 }
350
351 // These functions called when the user down-clicks on the message list resizer bar
352
353 var saved_x = 0;
354 var saved_y = 0;
355
356 function CtdlResizeMsgListMouseUp(evt) {
357         document.onmouseup = null;
358         document.onmousemove = null;
359         if (document.layers) {
360                 document.releaseEvents(Event.MOUSEUP | Event.MOUSEMOVE);
361         }
362         return true;
363 }
364
365 function CtdlResizeMsgListMouseMove(evt) {
366         y = (ns6 ? evt.clientY : event.clientY);
367         increment = y - saved_y;
368
369         // First move the bottom of the message list...
370         d = $('message_list');
371         if (d.offsetHeight){
372                 divHeight = d.offsetHeight;
373         }
374         else if (d.style.pixelHeight) {
375                 divHeight = d.style.pixelHeight;
376         }
377         d.style.height = (divHeight + increment) + 'px';
378
379         // Then move the top of the preview pane...
380         d = $('preview_pane');
381         if (d.offsetTop){
382                 divTop = d.offsetTop;
383         }
384         else if (d.style.pixelTop) {
385                 divTop = d.style.pixelTop;
386         }
387         d.style.top = (divTop + increment) + 'px';
388
389         // Resize the bottom of the preview pane...
390         d = $('preview_pane');
391         if (d.offsetHeight){
392                 divHeight = d.offsetHeight;
393         }
394         else if (d.style.pixelHeight) {
395                 divHeight = d.style.pixelHeight;
396         }
397         d.style.height = (divHeight - increment) + 'px';
398
399         // Then move the top of the slider bar.
400         d = $('resize_msglist');
401         if (d.offsetTop){
402                 divTop = d.offsetTop;
403         }
404         else if (d.style.pixelTop) {
405                 divTop = d.style.pixelTop;
406         }
407         d.style.top = (divTop + increment) + 'px';
408
409         saved_y = y;
410         return true;
411 }
412
413 function CtdlResizeMsgListMouseDown(evt) {
414         saved_y = (ns6 ? evt.clientY : event.clientY);
415         document.onmouseup = CtdlResizeMsgListMouseUp;
416         document.onmousemove = CtdlResizeMsgListMouseMove;
417         if (document.layers) {
418                 document.captureEvents(Event.MOUSEUP | Event.MOUSEMOVE);
419         }
420         return false;           // disable the default action
421 }
422
423
424
425
426
427 // These functions handle moving sticky notes around the screen by dragging them
428
429 var uid_of_note_being_dragged = 0;
430 var saved_cursor_style = 'default';
431 var note_was_dragged = 0;
432
433 function NotesDragMouseUp(evt) {
434         document.onmouseup = null;
435         document.onmousemove = null;
436         if (document.layers) {
437                 document.releaseEvents(Event.MOUSEUP | Event.MOUSEMOVE);
438         }
439
440         d = $('note-' + uid_of_note_being_dragged);
441         d.style.cursor = saved_cursor_style;
442
443         // Only submit the change if motion actually happened
444         if (note_was_dragged > 0) {
445                 alert('FIXME do ajax call to move position x=' + d.style.left + ' y=' + d.style.top);
446         }
447
448         uid_of_note_being_dragged = '';
449         return true;
450 }
451
452 function NotesDragMouseMove(evt) {
453         x = (ns6 ? evt.clientX : event.clientX);
454         x_increment = x - saved_x;
455         y = (ns6 ? evt.clientY : event.clientY);
456         y_increment = y - saved_y;
457
458         // Move the div
459         d = $('note-' + uid_of_note_being_dragged);
460
461         divTop = parseInt(d.style.top);
462         divLeft = parseInt(d.style.left);
463
464         d.style.top = (divTop + y_increment) + 'px';
465         d.style.left = (divLeft + x_increment) + 'px';
466
467         saved_x = x;
468         saved_y = y;
469         note_was_dragged = 1;
470         return true;
471 }
472
473
474 function NotesDragMouseDown(evt, uid) {
475         saved_x = (ns6 ? evt.clientX : event.clientX);
476         saved_y = (ns6 ? evt.clientY : event.clientY);
477         document.onmouseup = NotesDragMouseUp;
478         document.onmousemove = NotesDragMouseMove;
479         if (document.layers) {
480                 document.captureEvents(Event.MOUSEUP | Event.MOUSEMOVE);
481         }
482         uid_of_note_being_dragged = uid;
483         d = $('note-' + uid_of_note_being_dragged);
484         saved_cursor_style = d.style.cursor;
485         d.style.cursor = 'move';
486         return false;           // disable the default action
487 }
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502 // These functions handle drag and drop message moving
503
504 var mm_div = null;
505
506 function CtdlMoveMsgMouseDown(evt, msgnum) {
507
508         // do the highlight first
509         CtdlSingleClickMsg(evt, msgnum);
510
511         // Now handle the possibility of dragging
512         saved_x = (ns6 ? evt.clientX : event.clientX);
513         saved_y = (ns6 ? evt.clientY : event.clientY);
514         document.onmouseup = CtdlMoveMsgMouseUp;
515         document.onmousemove = CtdlMoveMsgMouseMove;
516         if (document.layers) {
517                 document.captureEvents(Event.MOUSEUP | Event.MOUSEMOVE);
518         }
519
520         return false;
521 }
522
523 function CtdlMoveMsgMouseMove(evt) {
524         x = (ns6 ? evt.clientX : event.clientX);
525         y = (ns6 ? evt.clientY : event.clientY);
526
527         if ( (x == saved_x) && (y == saved_y) ) {
528                 return true;
529         }
530
531         if (CtdlNumMsgsSelected < 1) { 
532                 return true;
533         }
534
535         if (!mm_div) {
536
537
538                 drag_o_text = "<div style=\"overflow:none; background-color:#fff; color:#000; border: 1px solid black; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;\"><tr><td>";
539                 for (i=0; i<CtdlNumMsgsSelected; ++i) {
540                         drag_o_text = drag_o_text + 
541                                 ctdl_ts_getInnerText(
542                                         $('m'+CtdlMsgsSelected[i]).cells[0]
543                                 ) + '<br>';
544                 }
545                 drag_o_text = drag_o_text + "<div>";
546
547                 mm_div = document.createElement("DIV");
548                 mm_div.style.position='absolute';
549                 mm_div.style.top = y + 'px';
550                 mm_div.style.left = x + 'px';
551                 mm_div.style.pixelHeight = '300';
552                 mm_div.style.pixelWidth = '300';
553                 mm_div.innerHTML = drag_o_text;
554                 document.body.appendChild(mm_div);
555         }
556         else {
557                 mm_div.style.top = y + 'px';
558                 mm_div.style.left = x + 'px';
559         }
560
561         return false;   // prevent the default mouse action from happening?
562 }
563
564 function CtdlMoveMsgMouseUp(evt) {
565         document.onmouseup = null;
566         document.onmousemove = null;
567         if (document.layers) {
568                 document.releaseEvents(Event.MOUSEUP | Event.MOUSEMOVE);
569         }
570
571         if (mm_div) {
572                 document.body.removeChild(mm_div);      
573                 mm_div = null;
574         }
575
576         if (num_drop_targets < 1) {     // nowhere to drop
577                 return true;
578         }
579
580         // Did we release the mouse button while hovering over a drop target?
581         // NOTE: this only works cross-browser because the iconbar div is always
582         //      positioned at 0,0.  Browsers differ in whether the 'offset'
583         //      functions return pos relative to the document or parent.
584
585         for (i=0; i<num_drop_targets; ++i) {
586
587                 x = (ns6 ? evt.clientX : event.clientX);
588                 y = (ns6 ? evt.clientY : event.clientY);
589
590                 l = parseInt(drop_targets_elements[i].offsetLeft);
591                 t = parseInt(drop_targets_elements[i].offsetTop);
592                 r = parseInt(drop_targets_elements[i].offsetLeft)
593                   + parseInt(drop_targets_elements[i].offsetWidth);
594                 b = parseInt(drop_targets_elements[i].offsetTop)
595                   + parseInt(drop_targets_elements[i].offsetHeight);
596
597                 /* alert('Offsets are: ' + l + ' ' + t + ' ' + r + ' ' + b + '.'); */
598         
599                 if ( (x >= l) && (x <= r) && (y >= t) && (y <= b) ) {
600                         // Yes, we dropped it on a hotspot.
601                         CtdlMoveSelectedMessages(evt, drop_targets_roomnames[i]);
602                         return true;
603                 }
604         }
605
606         return true;
607 }
608
609
610 function ctdl_ts_getInnerText(el) {
611         if (typeof el == "string") return el;
612         if (typeof el == "undefined") { return el };
613         if (el.innerText) return el.innerText;  //Not needed but it is faster
614         var str = "";
615         
616         var cs = el.childNodes;
617         var l = cs.length;
618         for (var i = 0; i < l; i++) {
619                 switch (cs[i].nodeType) {
620                         case 1: //ELEMENT_NODE
621                                 str += ts_getInnerText(cs[i]);
622                                 break;
623                         case 3: //TEXT_NODE
624                                 str += cs[i].nodeValue;
625                                 break;
626                 }
627         }
628         return str;
629 }
630
631
632
633 // This function handles the creation of new notes in the "Notes" view.
634 //
635 function add_new_note() {
636
637         new_eid = CtdlRandomString();
638
639         $('new_notes_here').innerHTML = $('new_notes_here').innerHTML
640                 + '<IMG ALIGN=MIDDLE src=\"static/storenotes_48x.gif\" id=\"' + new_eid + '\" alt=\"Note\" class=\"notes\">'
641                 + '<script type=\"text/javascript\">new Draggable (\"%s\", {revert:true})</script>'
642                 + '<span id=\"note' + new_eid + '\">' + Date() + '</span><br />'
643         ;
644
645         new Ajax.InPlaceEditor('note' + new_eid,
646                 'updatenote?eid=' + new_eid , {rows:5,cols:72});
647 }
648
649 function CtdlShowRaw(msgnum) {
650 var customnav = document.createElement("span");
651 var mode_citadel = document.createElement("a");
652 mode_citadel.appendChild(document.createTextNode("Citadel Source"));
653 var mode_rfc822 = document.createElement("a");
654 mode_rfc822.appendChild(document.createTextNode(" RFC822 Source"));
655 mode_citadel.setAttribute("href","#");
656 mode_rfc822.setAttribute("href","#");
657 mode_rfc822.setAttribute("onclick","rawSwitch822('" + msgnum + "');");
658 mode_citadel.setAttribute("onclick","rawSwitchCitadel('" + msgnum + "');");
659 customnav.appendChild(mode_citadel);
660 customnav.appendChild(mode_rfc822);
661 customnav.setAttribute("class","floatcustomnav");
662 floatwindow("headerscreen","pre",customnav);
663 rawSwitch822(msgnum);
664 }
665
666 function rawSwitch822(msgnum) {
667 CtdlLoadScreen("headerscreen");
668 new Ajax.Updater("headerscreen", 
669 'ajax_servcmd_esc',
670  { method: 'post',parameters: 'g_cmd=MSG2 ' +msgnum  } );
671
672 }
673
674 function rawSwitchCitadel(msgnum) {
675 CtdlLoadScreen("headerscreen");
676 new Ajax.Updater("headerscreen", 
677 'ajax_servcmd_esc',
678  { method: 'post',parameters: 'g_cmd=MSG0 ' +msgnum  } );
679
680 }
681
682 function floatwindow(newdivid,contentelementtype,customnav) {
683 var windiv = document.createElement("div");
684 windiv.setAttribute("class","floatwindow");
685 var winid = newdivid+"_window";
686 windiv.setAttribute("id",winid);
687 var nav = document.createElement("div");
688 if (customnav != null) {
689 nav.appendChild(customnav);
690 }
691 var minimizeA = document.createElement("a");
692 var minimizeButton = document.createTextNode("Close");
693 minimizeA.appendChild(minimizeButton);
694 minimizeA.setAttribute("onclick","killFloatWindow(this);");
695 minimizeA.setAttribute("href","#");
696 nav.appendChild(minimizeA);
697 nav.setAttribute("class","floatnav");
698 windiv.appendChild(nav);
699 var contentarea = document.createElement("pre");
700 contentarea.setAttribute("class","floatcontent");
701 contentarea.setAttribute("id",newdivid);
702 windiv.appendChild(contentarea);
703 document.body.appendChild(windiv);
704 }
705 function killFloatWindow(caller) {
706 var span = caller.parentNode;
707 var fwindow = span.parentNode;
708 fwindow.parentNode.removeChild(fwindow);
709 }
710 // Place a gradient loadscreen on an element, e.g to use before Ajax.updater
711 function CtdlLoadScreen(elementid) {
712 var elem = document.getElementById(elementid);
713 elem.innerHTML = "<div align=center><br><table border=0 cellpadding=10 bgcolor=\"#ffffff\"><tr><td><img src=\"static/throbber.gif\" /><font color=\"#AAAAAA\">&nbsp;&nbsp;Loading....</font></td></tr></table><br /></div>";
714 }
715
716
717 // Show info for a user, basically replaces showuser()
718 // matt@comalies is to blame for this poorly coded masterpiece. 
719 function CtdlShowUserInfoPopup(Element) {
720         try {
721                 // hopefully no one needs to use the class attribute... could be better done 
722                 // with xmlns though..
723                 var user = Element.getAttribute("class");
724                 var updname = "biospace_"+user;
725                 if (document.getElementById(updname) == null) {
726                         // insert a space for the bio
727                         var pNode = Element.parentNode;
728                         var newdiv = document.createElement("div");
729                         newdiv.id = updname;
730                         newdiv.innerHTML = "Getting user info....";
731                         pNode.appendChild(newdiv);
732                         CtdlLoadScreen(updname);
733                         new Ajax.Updater(updname, 'showuser_ajax?who='+user, { method: 'get' } );
734                 }
735         }
736         catch(err) {
737                 return true;
738         }
739         return false;
740 }
741
742
743
744 // Pop open the address book (target_input is the INPUT field to populate)
745
746 function PopOpenAddressBook(target_input) {
747         $('address_book_popup').style.display = 'block';
748         p = 'target_input=' + target_input + '&r=' + CtdlRandomString();
749         new Ajax.Updater(
750                 'address_book_popup_middle_div',
751                 'display_address_book_middle_div',
752                 {
753                         method: 'get',
754                         parameters: p,
755                         evalScripts: true
756                 }
757         );
758 }
759
760 function PopulateAddressBookInnerDiv(which_addr_book, target_input) {
761         $('address_book_inner_div').innerHTML = "<div align=center><br><table border=0 cellpadding=10 bgcolor=\"#ffffff\"><tr><td><img src=\"static/throbber.gif\" /><font color=\"#AAAAAA\">&nbsp;&nbsp;Loading....</font></td></tr></table><br /></div>";
762         p = 'which_addr_book=' + which_addr_book
763           + '&target_input=' + target_input
764           + '&r=' + CtdlRandomString();
765         new Ajax.Updater(
766                 'address_book_inner_div',
767                 'display_address_book_inner_div',
768                 {
769                         method: 'get',
770                         parameters: p
771                 }
772         );
773 }
774
775 // What happens when a contact is selected from the address book popup
776 // (populate the specified target)
777
778 function AddContactsToTarget(target, whichaddr) {
779         while (whichaddr.selectedIndex != -1) {
780                 if (target.value.length > 0) {
781                         target.value = target.value + ', ';
782                 }
783                 target.value = target.value + whichaddr.value;
784                 whichaddr.options[whichaddr.selectedIndex].selected = false;
785         }
786 }
787
788 // Respond to a meeting invitation
789 function RespondToInvitation(question_divname, title_divname, msgnum, cal_partnum, sc) {
790         p = 'msgnum=' + msgnum + '&cal_partnum=' + cal_partnum + '&sc=' + sc ;
791         new Ajax.Updater(title_divname, 'respond_to_request', { method: 'post', parameters: p } );
792         Effect.Fade(question_divname, { duration: 0.5 });
793 }
794
795 // Handle a received RSVP
796 function HandleRSVP(question_divname, title_divname, msgnum, cal_partnum, sc) {
797         p = 'msgnum=' + msgnum + '&cal_partnum=' + cal_partnum + '&sc=' + sc ;
798         new Ajax.Updater(title_divname, 'handle_rsvp', { method: 'post', parameters: p } );
799         Effect.Fade(question_divname, { duration: 0.5 });
800 }
801