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 Event.observe(window, 'load', ToggleTaskDateOrNoDateActivate);
  20 Event.observe(window, 'load', taskViewActivate);
  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         // If any motion actually occurred, submit an ajax http call to record it to the server
 444         if (note_was_dragged > 0) {
 445                 p = 'note_uid=' + uid_of_note_being_dragged
 446                         + '&left=' + d.style.left
 447                         + '&top=' + d.style.top
 448                         + '&r=' + CtdlRandomString();
 449                 new Ajax.Request(
 450                         'ajax_update_note',
 451                         {
 452                                 method: 'post',
 453                                 parameters: p
 454                         }
 455                 );
 456         }
 457
 458         uid_of_note_being_dragged = '';
 459         return true;
 460 }
 461
 462 function NotesDragMouseMove(evt) {
 463         x = (ns6 ? evt.clientX : event.clientX);
 464         x_increment = x - saved_x;
 465         y = (ns6 ? evt.clientY : event.clientY);
 466         y_increment = y - saved_y;
 467
 468         // Move the div
 469         d = $('note-' + uid_of_note_being_dragged);
 470
 471         divTop = parseInt(d.style.top);
 472         divLeft = parseInt(d.style.left);
 473
 474         d.style.top = (divTop + y_increment) + 'px';
 475         d.style.left = (divLeft + x_increment) + 'px';
 476
 477         saved_x = x;
 478         saved_y = y;
 479         note_was_dragged = 1;
 480         return true;
 481 }
 482
 483
 484 function NotesDragMouseDown(evt, uid) {
 485         saved_x = (ns6 ? evt.clientX : event.clientX);
 486         saved_y = (ns6 ? evt.clientY : event.clientY);
 487         document.onmouseup = NotesDragMouseUp;
 488         document.onmousemove = NotesDragMouseMove;
 489         if (document.layers) {
 490                 document.captureEvents(Event.MOUSEUP | Event.MOUSEMOVE);
 491         }
 492         uid_of_note_being_dragged = uid;
 493         d = $('note-' + uid_of_note_being_dragged);
 494         saved_cursor_style = d.style.cursor;
 495         d.style.cursor = 'move';
 496         return false;           // disable the default action
 497 }
 498
 499
 500
 501 function NotesClickPalette(evt, uid) {
 502         uid_of_note_being_colored = uid;
 503         d = $('palette-' + uid_of_note_being_colored);
 504
 505         if (d.style.display) {
 506                 if (d.style.display == 'none') {
 507                         d.style.display = 'block';
 508                 }
 509                 else {
 510                         d.style.display = 'none';
 511                 }
 512         }
 513         else {
 514                 d.style.display = 'block';
 515         }
 516
 517         return true;
 518 }
 519
 520
 521
 522
 523
 524 // These functions handle resizing sticky notes by dragging the resize handle
 525
 526 var uid_of_note_being_resized = 0;
 527 var saved_cursor_style = 'default';
 528 var note_was_resized = 0;
 529
 530 function NotesResizeMouseUp(evt) {
 531         document.onmouseup = null;
 532         document.onmousemove = null;
 533         if (document.layers) {
 534                 document.releaseEvents(Event.MOUSEUP | Event.MOUSEMOVE);
 535         }
 536
 537         d = $('note-' + uid_of_note_being_resized);
 538         d.style.cursor = saved_cursor_style;
 539
 540         // If any motion actually occurred, submit an ajax http call to record it to the server
 541         if (note_was_resized > 0) {
 542                 p = 'note_uid=' + uid_of_note_being_resized
 543                         + '&width=' + d.style.width
 544                         + '&height=' + d.style.height
 545                         + '&r=' + CtdlRandomString();
 546                 new Ajax.Request(
 547                         'ajax_update_note',
 548                         {
 549                                 method: 'post',
 550                                 parameters: p
 551                         }
 552                 );
 553         }
 554
 555         uid_of_note_being_resized = '';
 556         return true;
 557 }
 558
 559 function NotesResizeMouseMove(evt) {
 560         x = (ns6 ? evt.clientX : event.clientX);
 561         x_increment = x - saved_x;
 562         y = (ns6 ? evt.clientY : event.clientY);
 563         y_increment = y - saved_y;
 564
 565         // Move the div
 566         d = $('note-' + uid_of_note_being_resized);
 567
 568         divTop = parseInt(d.style.height);
 569         divLeft = parseInt(d.style.width);
 570
 571         d.style.height = (divTop + y_increment) + 'px';
 572         d.style.width = (divLeft + x_increment) + 'px';
 573
 574         saved_x = x;
 575         saved_y = y;
 576         note_was_resized = 1;
 577         return true;
 578 }
 579
 580
 581 function NotesResizeMouseDown(evt, uid) {
 582         saved_x = (ns6 ? evt.clientX : event.clientX);
 583         saved_y = (ns6 ? evt.clientY : event.clientY);
 584         document.onmouseup = NotesResizeMouseUp;
 585         document.onmousemove = NotesResizeMouseMove;
 586         if (document.layers) {
 587                 document.captureEvents(Event.MOUSEUP | Event.MOUSEMOVE);
 588         }
 589         uid_of_note_being_resized = uid;
 590         d = $('note-' + uid_of_note_being_resized);
 591         saved_cursor_style = d.style.cursor;
 592         d.style.cursor = 'move';
 593         return false;           // disable the default action
 594 }
 595
 596
 597 function DeleteStickyNote(evt, uid, confirmation_prompt) {
 598         uid_of_note_being_deleted = uid;
 599         d = $('note-' + uid_of_note_being_deleted);
 600
 601         if (confirm(confirmation_prompt)) {
 602                 new Effect.Puff(d);
 603
 604                 // submit an ajax http call to delete it on the server
 605                 p = 'note_uid=' + uid_of_note_being_deleted
 606                         + '&deletenote=yes'
 607                         + '&r=' + CtdlRandomString();
 608                 new Ajax.Request(
 609                         'ajax_update_note',
 610                         {
 611                                 method: 'post',
 612                                 parameters: p
 613                         }
 614                 );
 615         }
 616 }
 617
 618
 619
 620
 621
 622
 623
 624
 625
 626
 627
 628
 629
 630
 631
 632 // These functions handle drag and drop message moving
 633
 634 var mm_div = null;
 635
 636 function CtdlMoveMsgMouseDown(evt, msgnum) {
 637
 638         // do the highlight first
 639         CtdlSingleClickMsg(evt, msgnum);
 640
 641         // Now handle the possibility of dragging
 642         saved_x = (ns6 ? evt.clientX : event.clientX);
 643         saved_y = (ns6 ? evt.clientY : event.clientY);
 644         document.onmouseup = CtdlMoveMsgMouseUp;
 645         document.onmousemove = CtdlMoveMsgMouseMove;
 646         if (document.layers) {
 647                 document.captureEvents(Event.MOUSEUP | Event.MOUSEMOVE);
 648         }
 649
 650         return false;
 651 }
 652
 653 function CtdlMoveMsgMouseMove(evt) {
 654         x = (ns6 ? evt.clientX : event.clientX);
 655         y = (ns6 ? evt.clientY : event.clientY);
 656
 657         if ( (x == saved_x) && (y == saved_y) ) {
 658                 return true;
 659         }
 660
 661         if (CtdlNumMsgsSelected < 1) {
 662                 return true;
 663         }
 664
 665         if (!mm_div) {
 666
 667
 668                 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>";
 669                 for (i=0; i<CtdlNumMsgsSelected; ++i) {
 670                         drag_o_text = drag_o_text +
 671                                 ctdl_ts_getInnerText(
 672                                         $('m'+CtdlMsgsSelected[i]).cells[0]
 673                                 ) + '<br>';
 674                 }
 675                 drag_o_text = drag_o_text + "<div>";
 676
 677                 mm_div = document.createElement("DIV");
 678                 mm_div.style.position='absolute';
 679                 mm_div.style.top = y + 'px';
 680                 mm_div.style.left = x + 'px';
 681                 mm_div.style.pixelHeight = '300';
 682                 mm_div.style.pixelWidth = '300';
 683                 mm_div.innerHTML = drag_o_text;
 684                 document.body.appendChild(mm_div);
 685         }
 686         else {
 687                 mm_div.style.top = y + 'px';
 688                 mm_div.style.left = x + 'px';
 689         }
 690
 691         return false;   // prevent the default mouse action from happening?
 692 }
 693
 694 function CtdlMoveMsgMouseUp(evt) {
 695         document.onmouseup = null;
 696         document.onmousemove = null;
 697         if (document.layers) {
 698                 document.releaseEvents(Event.MOUSEUP | Event.MOUSEMOVE);
 699         }
 700
 701         if (mm_div) {
 702                 document.body.removeChild(mm_div);
 703                 mm_div = null;
 704         }
 705
 706         if (num_drop_targets < 1) {     // nowhere to drop
 707                 return true;
 708         }
 709
 710         // Did we release the mouse button while hovering over a drop target?
 711         // NOTE: this only works cross-browser because the iconbar div is always
 712         //      positioned at 0,0.  Browsers differ in whether the 'offset'
 713         //      functions return pos relative to the document or parent.
 714
 715         for (i=0; i<num_drop_targets; ++i) {
 716
 717                 x = (ns6 ? evt.clientX : event.clientX);
 718                 y = (ns6 ? evt.clientY : event.clientY);
 719
 720                 l = parseInt(drop_targets_elements[i].offsetLeft);
 721                 t = parseInt(drop_targets_elements[i].offsetTop);
 722                 r = parseInt(drop_targets_elements[i].offsetLeft)
 723                   + parseInt(drop_targets_elements[i].offsetWidth);
 724                 b = parseInt(drop_targets_elements[i].offsetTop)
 725                   + parseInt(drop_targets_elements[i].offsetHeight);
 726
 727                 /* alert('Offsets are: ' + l + ' ' + t + ' ' + r + ' ' + b + '.'); */
 728
 729                 if ( (x >= l) && (x <= r) && (y >= t) && (y <= b) ) {
 730                         // Yes, we dropped it on a hotspot.
 731                         CtdlMoveSelectedMessages(evt, drop_targets_roomnames[i]);
 732                         return true;
 733                 }
 734         }
 735
 736         return true;
 737 }
 738
 739
 740 function ctdl_ts_getInnerText(el) {
 741         if (typeof el == "string") return el;
 742         if (typeof el == "undefined") { return el };
 743         if (el.innerText) return el.innerText;  //Not needed but it is faster
 744         var str = "";
 745
 746         var cs = el.childNodes;
 747         var l = cs.length;
 748         for (var i = 0; i < l; i++) {
 749                 switch (cs[i].nodeType) {
 750                         case 1: //ELEMENT_NODE
 751                                 str += ts_getInnerText(cs[i]);
 752                                 break;
 753                         case 3: //TEXT_NODE
 754                                 str += cs[i].nodeValue;
 755                                 break;
 756                 }
 757         }
 758         return str;
 759 }
 760
 761
 762 function CtdlShowRaw(msgnum) {
 763 var customnav = document.createElement("span");
 764 var mode_citadel = document.createElement("a");
 765 mode_citadel.appendChild(document.createTextNode("Citadel Source"));
 766 var mode_rfc822 = document.createElement("a");
 767 mode_rfc822.appendChild(document.createTextNode(" RFC822 Source"));
 768 mode_citadel.setAttribute("href","#");
 769 mode_rfc822.setAttribute("href","#");
 770 mode_rfc822.setAttribute("onclick","rawSwitch822('" + msgnum + "');");
 771 mode_citadel.setAttribute("onclick","rawSwitchCitadel('" + msgnum + "');");
 772 customnav.appendChild(mode_citadel);
 773 customnav.appendChild(mode_rfc822);
 774 customnav.setAttribute("class","floatcustomnav");
 775 floatwindow("headerscreen","pre",customnav);
 776 rawSwitch822(msgnum);
 777 }
 778
 779 function rawSwitch822(msgnum) {
 780 CtdlLoadScreen("headerscreen");
 781 new Ajax.Updater("headerscreen",
 782 'ajax_servcmd_esc',
 783  { method: 'post',parameters: 'g_cmd=MSG2 ' +msgnum  } );
 784
 785 }
 786
 787 function rawSwitchCitadel(msgnum) {
 788 CtdlLoadScreen("headerscreen");
 789 new Ajax.Updater("headerscreen",
 790 'ajax_servcmd_esc',
 791  { method: 'post',parameters: 'g_cmd=MSG0 ' +msgnum  } );
 792
 793 }
 794
 795 function floatwindow(newdivid,contentelementtype,customnav) {
 796 var windiv = document.createElement("div");
 797 windiv.setAttribute("class","floatwindow");
 798 var winid = newdivid+"_window";
 799 windiv.setAttribute("id",winid);
 800 var nav = document.createElement("div");
 801 if (customnav != null) {
 802 nav.appendChild(customnav);
 803 }
 804 var minimizeA = document.createElement("a");
 805 var minimizeButton = document.createTextNode("Close");
 806 minimizeA.appendChild(minimizeButton);
 807 minimizeA.setAttribute("onclick","killFloatWindow(this);");
 808 minimizeA.setAttribute("href","#");
 809 nav.appendChild(minimizeA);
 810 nav.setAttribute("class","floatnav");
 811 windiv.appendChild(nav);
 812 var contentarea = document.createElement("pre");
 813 contentarea.setAttribute("class","floatcontent");
 814 contentarea.setAttribute("id",newdivid);
 815 windiv.appendChild(contentarea);
 816 document.body.appendChild(windiv);
 817 }
 818 function killFloatWindow(caller) {
 819 var span = caller.parentNode;
 820 var fwindow = span.parentNode;
 821 fwindow.parentNode.removeChild(fwindow);
 822 }
 823 // Place a gradient loadscreen on an element, e.g to use before Ajax.updater
 824 function CtdlLoadScreen(elementid) {
 825 var elem = document.getElementById(elementid);
 826 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>";
 827 }
 828
 829
 830
 831 // Pop open the address book (target_input is the INPUT field to populate)
 832
 833 function PopOpenAddressBook(target_input) {
 834         $('address_book_popup').style.display = 'block';
 835         p = 'target_input=' + target_input + '&r=' + CtdlRandomString();
 836         new Ajax.Updater(
 837                 'address_book_popup_middle_div',
 838                 'display_address_book_middle_div',
 839                 {
 840                         method: 'get',
 841                         parameters: p,
 842                         evalScripts: true
 843                 }
 844         );
 845 }
 846
 847 function PopulateAddressBookInnerDiv(which_addr_book, target_input) {
 848         $('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>";
 849         p = 'which_addr_book=' + which_addr_book
 850           + '&target_input=' + target_input
 851           + '&r=' + CtdlRandomString();
 852         new Ajax.Updater(
 853                 'address_book_inner_div',
 854                 'display_address_book_inner_div',
 855                 {
 856                         method: 'get',
 857                         parameters: p
 858                 }
 859         );
 860 }
 861
 862 // What happens when a contact is selected from the address book popup
 863 // (populate the specified target)
 864
 865 function AddContactsToTarget(target, whichaddr) {
 866         while (whichaddr.selectedIndex != -1) {
 867                 if (target.value.length > 0) {
 868                         target.value = target.value + ', ';
 869                 }
 870                 target.value = target.value + whichaddr.value;
 871                 whichaddr.options[whichaddr.selectedIndex].selected = false;
 872         }
 873 }
 874
 875 // Respond to a meeting invitation
 876 function RespondToInvitation(question_divname, title_divname, msgnum, cal_partnum, sc) {
 877         p = 'msgnum=' + msgnum + '&cal_partnum=' + cal_partnum + '&sc=' + sc ;
 878         new Ajax.Updater(title_divname, 'respond_to_request', { method: 'post', parameters: p } );
 879         Effect.Fade(question_divname, { duration: 0.5 });
 880 }
 881
 882 // Handle a received RSVP
 883 function HandleRSVP(question_divname, title_divname, msgnum, cal_partnum, sc) {
 884         p = 'msgnum=' + msgnum + '&cal_partnum=' + cal_partnum + '&sc=' + sc ;
 885         new Ajax.Updater(title_divname, 'handle_rsvp', { method: 'post', parameters: p } );
 886         Effect.Fade(question_divname, { duration: 0.5 });
 887 }
 888 var fakeMouse = document.createEvent("MouseEvents");
 889 fakeMouse.initMouseEvent("click", true, true, window,
 890         0,0,0,0,0, false, false, false, false, 0, null);
 891 // TODO: Collapse into one function
 892 function toggleTaskDtStart(event) {
 893         var checkBox = $('nodtstart');
 894         dtStart = document.getElementById("dtstart");
 895         if (checkBox.checked) {
 896                 dtStart.disabled = true;
 897                 dtStart.style.textDecoration = "line-through";
 898         } else {
 899                 dtStart.disabled = false;
 900                 dtStart.style.textDecoration = "";
 901                 if (dtStart.value.length == 0)
 902                         dtStart.dpck._initCurrentDate();
 903         }
 904 }
 905 function toggleTaskDue(event) {
 906         var checkBox = $('nodue');
 907         dueField = document.getElementById("due");
 908         if (checkBox.checked) {
 909                 dueField.disabled = true;
 910                 dueField.style.textDecoration = "line-through";
 911         } else {
 912                 dueField.disabled = false;
 913                 dueField.style.textDecoration = "";
 914                 if (dueField.value.length == 0)
 915                         dueField.dpck._initCurrentDate();
 916         }
 917 }
 918 function ToggleTaskDateOrNoDateActivate(event) {
 919         var dtstart = document.getElementById("nodtstart");
 920         if (dtstart != null) {
 921                 toggleTaskDtStart(null);
 922                 toggleTaskDue(null);
 923                 $('nodtstart').observe('click', toggleTaskDtStart);
 924                 $('nodue').observe('click', toggleTaskDue);
 925         }
 926 }
 927 function TaskViewGatherCategoriesFromTable() {
 928         var table = $('taskview');
 929
 930 }
 931 function attachDatePicker(relative) {
 932         var dpck = new DatePicker({
 933         relative: relative,
 934         language: 'en', // fix please
 935         disableFutureDate: false
 936         });
 937         document.getElementById(relative).dpck = dpck; // attach a ref to it
 938 }
 939 function eventEditAllDay() {
 940         var allDayCheck = document.getElementById("alldayevent");
 941         var dtend= document.getElementById("dtendcell");
 942         if(allDayCheck.checked) {
 943                 //dtend.disabled = true;
 944                 dtend.style.textDecoration = "line-through";
 945         } else {
 946                 //dtend_day.disabled = false;
 947                 dtend.style.textDecoration = "";
 948         }
 949 }