* reorganize some templates into subdirectories
[citadel.git] / webcit / static / wclib.js
index 6e9d0cfff313720beb93ffa36464c7e5f63adcf9..8fd9b16bd2bb12062379b7b598503ace174e9cfd 100644 (file)
-//
-// $Id: wclib.js,v 625.2 2005/09/18 04:04:32 ajc Exp $
-//
-// JavaScript function library for WebCit.
-//
-//
+/*
+ * $Id$
+ * Copyright 2005 - 2009 The Citadel Team
+ * Licensed under the GPL V3
+ *
+ * JavaScript function library for WebCit.
+ *
+ */
 
 
-//
-// This code handles the popups for instant messages.
-//
-
 var browserType;
+var room_is_trash = 0;
+
+var currentlyExpandedFloor = null;
+var roomlist = null;
+
+var _switchToRoomList = "switch to room list";
+var _switchToMenu = "switch to menu";
+
+var currentDropTarget = null;
 
-if (document.layers) {browserType = "nn4"}
+var supportsAddEventListener = (!!document.addEventListener);
+var today = new Date();
+
+var wc_log = "";
+var is_ie6 = false;
 if (document.all) {browserType = "ie"}
 if (window.navigator.userAgent.toLowerCase().match("gecko")) {
-       browserType= "gecko"
+       browserType= "gecko";
+}
+var ns6=document.getElementById&&!document.all;
+Event.observe(window, 'load', ToggleTaskDateOrNoDateActivate);
+Event.observe(window, 'load', taskViewActivate);
+Event.observe(window, 'load', fixbanner);
+Event.observe(window, 'load', resizeViewport);
+Event.observe(window, 'resize', resizeViewport);
+//document.observe("dom:loaded", setupPrefEngine);
+document.observe("dom:loaded", setupIconBar);
+document.observe('dom:loaded', function() { if (!!document.getElementById("ib_chat_launch")) { $('ib_chat_launch').observe('click', launchChat); } });
+function CtdlRandomString()  {
+       return((Math.random()+'').substr(3));
+}
+function strcmp ( str1, str2 ) {
+    // http://kevin.vanzonneveld.net
+    // +   original by: Waldo Malqui Silva
+    // +      input by: Steve Hilder
+    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
+    // +    revised by: gorthaur
+    // *     example 1: strcmp( 'waldo', 'owald' );
+    // *     returns 1: 1
+    // *     example 2: strcmp( 'owald', 'waldo' );
+    // *     returns 2: -1
+    return ( ( str1 == str2 ) ? 0 : ( ( str1 > str2 ) ? 1 : -1 ) );
 }
 
-function hide_page_popup() {
-       if (browserType == "gecko" )
-               document.poppedLayer = eval('document.getElementById(\'page_popup\')');
-       else if (browserType == "ie")
-               document.poppedLayer = eval('document.all[\'page_popup\']');
-       else
-               document.poppedLayer = eval('document.layers[\'`page_popup\']');
+function emptyElement(element) {
+  childNodes = element.childNodes;
+  for(var i=0; i<childNodes.length; i++) {
+    try {
+    element.removeChild(childNodes[i]);
+    } catch (e) {
+      WCLog(e+"|"+e.description);
+    }
+  }
+}
+/** Implements superior internet explorer 'extract all child text from element' feature'. Falls back on buggy, patent violating standardized method */
+function getTextContent(element) {
+  if (element.textContent == undefined) {
+    return element.innerText;
+  }
+  return element.textContent;
+}
+/** Same reasons as above */
+function setTextContent(element, textContent) {
+  if(element.textContent == undefined) {
+    element.innerText = textContent;
+  } else {
+  element.textContent = textContent;
+  }
+}
 
-       document.poppedLayer.style.visibility = "hidden";
+// We love string tokenizers.
+function extract_token(source_string, token_num, delimiter) {
+       var i = 0;
+       var extracted_string = source_string;
+
+       if (token_num > 0) {
+               for (i=0; i<token_num; ++i) {
+                       var j = extracted_string.indexOf(delimiter);
+                       if (j >= 0) {
+                               extracted_string = extracted_string.substr(j+1);
+                       }
+               }
+       }
+
+       j = extracted_string.indexOf(delimiter);
+       if (j >= 0) {
+               extracted_string = extracted_string.substr(0, j);
+       }
+
+       return extracted_string;
 }
 
+function CtdlSpawnContextMenu(event, source) {
+  // remove any existing menus
+  disintergrateContextMenus(null);
+  var x = event.clientX-10; // cut a few pixels out so our mouseout works right
+  var y = event.clientY-10;
+  var contextDIV = document.createElement("div");
+  contextDIV.setAttribute("id", "ctdlContextMenu");
+  document.body.appendChild(contextDIV);
+  var sourceChildren = source.childNodes;
+  for(var j=0; j<sourceChildren.length; j++) {
+    contextDIV.appendChild(sourceChildren[j].cloneNode(true));
+  }
+  var leftRule = "left: "+x+"px;";
+  contextDIV.setAttribute("style", leftRule);
+  contextDIV.setAttribute("actual", leftRule);
+  contextDIV.style.top = y+"px";
+  contextDIV.style.display = "block";
+  $(contextDIV).observe('mouseout',disintergrateContextMenus);
+}
+function disintergrateContextMenus(event) {
+  var contextMenu = document.getElementById("ctdlContextMenu");
+  if (contextMenu) {
+    contextMenu.parentNode.removeChild(contextMenu);
+  }
+  Event.stopObserving(document,'click',disintergrateContextMenus);
+}
+// This code handles the popups for important-messages.
 function hide_imsg_popup() {
-       if (browserType == "gecko" )
+       if (browserType == "gecko") {
                document.poppedLayer = eval('document.getElementById(\'important_message\')');
-       else if (browserType == "ie")
+       }
+       else if (browserType == "ie") {
                document.poppedLayer = eval('document.all[\'important_message\']');
-       else
+       }
+       else {
                document.poppedLayer = eval('document.layers[\'`important_message\']');
+       }
 
        document.poppedLayer.style.visibility = "hidden";
 }
 
+
 // This function activates the ajax-powered recipient autocompleters on the message entry screen.
 function activate_entmsg_autocompleters() {
        new Ajax.Autocompleter('cc_id', 'cc_name_choices', 'cc_autocomplete', {} );
@@ -47,107 +151,806 @@ function activate_entmsg_autocompleters() {
        new Ajax.Autocompleter('recp_id', 'recp_name_choices', 'recp_autocomplete', {} );
 }
 
+function setupIconBar() {
+  if (!document.getElementById("switch")) {
+      return;
+    }
+  _switchToRoomList = getTextContent(document.getElementById("rmlist_template"));
+  _switchToMenu = getTextContent(document.getElementById("mnlist_template"));
+  var switchSpan = document.getElementById("switch").firstChild;
+  if (switchSpan != null) {
+    setTextContent(switchSpan, _switchToRoomList);
+    $(switchSpan).observe('click', changeIconBarEvent);
+    var currentView = ctdlLocalPrefs.readPref("iconbar_view");
+    if (currentView != null) {
+      switchSpan.ctdlSwitchIconBarTo = currentView;
+      changeIconBar(switchSpan);
+    } else {
+      switchSpan.ctdlSwitchIconBarTo = "rooms";
+    }
+  }
+  var online_users = document.getElementById("online_users");
+  if (online_users.offsetParent != null && online_users.offsetTop > 0) {
+    new Ajax.PeriodicalUpdater('online_users', 'do_template?template=who_iconbar', {method: 'get', frequency: 30});
+  }
+}
+function changeIconBarEvent(event) {
+  changeIconBar(event.target);
+}
+function changeIconBar(target) {
+  var switchTo = target.ctdlSwitchIconBarTo;
+  WCLog("Changing to: " + switchTo);
+  ctdlLocalPrefs.setPref("iconbar_view", target.ctdlSwitchIconBarTo);  
+  if (switchTo == "rooms") {
+    switch_to_room_list();
+    setTextContent(target, _switchToMenu);
+    target.ctdlSwitchIconBarTo = "menu";
+  } else {
+    switch_to_menu_buttons();
+    setTextContent(target, _switchToRoomList);
+    target.ctdlSwitchIconBarTo = "rooms";
+  }
+}
+function switch_to_room_list() {
+  var roomlist = document.getElementById("roomlist");
+  var summary = document.getElementById("iconbar_menu");
+  if (!rooms || !floors || !roomlist) {
+    FillRooms(IconBarRoomList);
+  }
+  roomlist.className = roomlist.className.replace("hidden","");
+  summary.className += " hidden";
+}
+
+function switch_to_menu_buttons() {
+  if (roomlist != null) {
+    roomlist.className += "hidden";
+  }
+  var iconbar = document.getElementById("iconbar_menu");
+  iconbar.className = iconbar.className.replace("hidden","");
+  var roomlist = document.getElementById("roomlist");
+  roomlist.className += " hidden";
+}
 
-// Static variables for mailbox view...
-//
-var CtdlNumMsgsSelected = 0;
-var CtdlMsgsSelected = new Array(65536);       // arbitrary
+function GenericTreeRoomList(roomlist) {
+  var currentExpanded = ctdlLocalPrefs.readPref("rooms_expanded");
+  var curRoomName = "";
+  if (document.getElementById("rmname")) {
+    curRoomName = getTextContent(document.getElementById("rmname"));
+  }
+  currentDropTargets = new Array();
+  var iconbar = document.getElementById("iconbar");
+  var ul = document.createElement("ul");
+  roomlist.appendChild(ul);
+  // Add mailbox, because they are special
+  var mailboxLI = document.createElement("li");
+  ul.appendChild(mailboxLI);
+  var mailboxSPAN = document.createElement("span");
+  var _mailbox = getTextContent(document.getElementById("mbox_template"));
+  mailboxSPAN.appendChild(document.createTextNode(_mailbox));
+  $(mailboxSPAN).observe('click', expandFloorEvent);
+  mailboxLI.appendChild(mailboxSPAN);
+  mailboxLI.className = "floor";
+  var mailboxUL = document.createElement("ul");
+  mailboxLI.appendChild(mailboxUL);
+  var mailboxRooms = GetMailboxRooms();
+  for(var i=0; i<mailboxRooms.length; i++) {
+         var room = mailboxRooms[i];
+         currentDropTargets.push(addRoomToList(mailboxUL, room, curRoomName));
+  }
+  if (currentExpanded != null && currentExpanded == _mailbox ) {
+         expandFloor(mailboxSPAN);
+  }
+  for(var a=0; a<floors.length; a++) {
+         var floor = floors[a];
+         var floornum = floor[0];
+    
+         if (floornum != -1)
+         {
 
-// This gets called when you single click on a message in the mailbox view.
-// We know that the element id of the table row will be the letter 'm' plus the message number.
-//
-function CtdlSingleClickMsg(evt, msgnum) {
+                 var name = floor[1];
+                 var floorLI = document.createElement("li");
+                 ul.appendChild(floorLI);
+                 var floorSPAN = document.createElement("span");
+                 floorSPAN.appendChild(document.createTextNode(name));
+                 $(floorSPAN).observe('click', expandFloorEvent);
+                 floorLI.appendChild(floorSPAN);
+                 floorLI.className = "floor";
+                 var floorUL = document.createElement("ul");
+                 floorLI.appendChild(floorUL);
+                 var roomsForFloor = GetRoomsByFloorNum(floornum);
+                 for(var b=0; b<roomsForFloor.length; b++) {
+                         var room = roomsForFloor[b];
+                         currentDropTargets.push(addRoomToList(floorUL, room, curRoomName));
+                 }
+                 if (currentExpanded != null && currentExpanded == name) {
+                         expandFloor(floorSPAN);
+                 }
+    }
+  }
+}
+function IconBarRoomList() {
+  roomlist = document.getElementById("roomlist");
+  GenericTreeRoomList(roomlist);
+}
+function KNRoomsRoomList() {
+  roomlist = document.getElementById("roomlist_knrooms");
+  GenericTreeRoomList(roomlist);
+}
 
-       // Clear the preview pane until we load the new message
-       $('preview_pane').innerHTML = '';
+function addRoomToList(floorUL,room, roomToEmphasize) {
+  var roomName = room[RN_ROOM_NAME];
+  var flag = room[RN_ROOM_FLAG];
+  var curView = room[RN_CUR_VIEW];
+  var view = room[RN_DEF_VIEW];
+  var raflags = room[RN_RAFLAGS];
+  var isMailBox = ((flag & QR_MAILBOX) == QR_MAILBOX);
+  var hasNewMsgs = ((raflags & UA_HASNEWMSGS) == UA_HASNEWMSGS);
+  var roomLI = document.createElement("li");
+  var roomA = document.createElement("a");
+  roomA.setAttribute("href","dotgoto?room="+roomName);
+  roomA.appendChild(document.createTextNode(roomName));
+  roomLI.appendChild(roomA);
+  floorUL.appendChild(roomLI);
+  var className = "room ";
+  if (view == VIEW_MAILBOX) {
+    className += "room-private"
+  } else if (view == VIEW_ADDRESSBOOK) {
+    className += "room-addr";
+  } else if (view == VIEW_CALENDAR || view == VIEW_CALBRIEF) {
+    className += "room-cal";
+  } else if (view == VIEW_TASKS) {
+    className += "room-tasks";
+  } else if (view == VIEW_NOTES) {
+    className += "room-notes";
+  } else {
+    className += "room-chat";
+  }
+  if (hasNewMsgs) {
+    className += " room-newmsgs";
+  }
+  if (roomName == roomToEmphasize) {
+    className += " room-emphasized";
+  }
+  roomLI.setAttribute("class", className);
+  roomA.dropTarget = true;
+  roomA.dropHandler = roomListDropHandler;
+  return roomLI;
+}
 
-       // De-select any messages that were already selected, *unless* the Ctrl key
-       // is being pressed, in which case the user wants multi select.
-       if (!evt.ctrlKey) {
-               if (CtdlNumMsgsSelected > 0) {
-                       for (i=0; i<CtdlNumMsgsSelected; ++i) {
-                               $('m'+CtdlMsgsSelected[i]).style.backgroundColor = '#fff';
-                               $('m'+CtdlMsgsSelected[i]).style.color = '#000';
-                       }
-                       CtdlNumMsgsSelected = 0;
-               }
+function roomListDropHandler(target, dropped) {
+  if (dropped.getAttribute("citadel:msgid")) {
+    var room = getTextContent(target);
+    var msgIds = "";
+    for(msgId in currentlyMarkedRows) { //defined in summaryview.js
+      msgIds += ","+msgId;
+    }
+    var mvCommand = "g_cmd=MOVE " + msgIds + "|"+room+"|0";
+    new Ajax.Request('ajax_servcmd', {
+      method: 'post',
+         parameters: mvCommand,
+         onComplete: deleteAllMarkedRows()});
+    } 
+}
+function expandFloorEvent(event) {
+  expandFloor(event.target);
+}
+function expandFloor(target) {
+  if (target.nodeName.toLowerCase() != "span") {
+    return; // ignore clicks on child UL
+  }
+  ctdlLocalPrefs.setPref("rooms_expanded", target.firstChild.nodeValue);
+  var parentUL = target.parentNode;
+  if (currentlyExpandedFloor != null) {
+    currentlyExpandedFloor.className = currentlyExpandedFloor.className.replace("floor-expanded","");
+  }
+  parentUL.className = parentUL.className + " floor-expanded";
+  currentlyExpandedFloor = parentUL;
+}
+
+// These functions handle moving sticky notes around the screen by dragging them
+
+var uid_of_note_being_dragged = 0;
+var saved_cursor_style = 'default';
+var note_was_dragged = 0;
+
+function NotesDragMouseUp(evt) {
+       document.onmouseup = null;
+       document.onmousemove = null;
+       if (document.layers) {
+               document.releaseEvents(Event.MOUSEUP | Event.MOUSEMOVE);
        }
 
-       // For multi select ... is the message being clicked already selected?
-       already_selected = 0;
-       if ( (evt.ctrlKey) && (CtdlNumMsgsSelected > 0) ) {
-               for (i=0; i<CtdlNumMsgsSelected; ++i) {
-                       if (CtdlMsgsSelected[i] == msgnum) {
-                               already_selected = 1;
+       d = $('note-' + uid_of_note_being_dragged);
+       d.style.cursor = saved_cursor_style;
+
+       // If any motion actually occurred, submit an ajax http call to record it to the server
+       if (note_was_dragged > 0) {
+               p = 'note_uid=' + uid_of_note_being_dragged
+                       + '&left=' + d.style.left
+                       + '&top=' + d.style.top
+                       + '&r=' + CtdlRandomString();
+               new Ajax.Request(
+                       'ajax_update_note',
+                       {
+                               method: 'post',
+                               parameters: p
                        }
-               }
+               );
        }
 
-       // Now select (or de-select) the message
-       if ( (evt.ctrlKey) && (already_selected == 1) ) {
-               $('m'+msgnum).style.backgroundColor = '#fff';
-               $('m'+msgnum).style.color = '#000';
+       uid_of_note_being_dragged = '';
+       return true;
+}
+
+function NotesDragMouseMove(evt) {
+       x = (ns6 ? evt.clientX : event.clientX);
+       x_increment = x - saved_x;
+       y = (ns6 ? evt.clientY : event.clientY);
+       y_increment = y - saved_y;
+
+       // Move the div
+       d = $('note-' + uid_of_note_being_dragged);
+
+       divTop = parseInt(d.style.top);
+       divLeft = parseInt(d.style.left);
+
+       d.style.top = (divTop + y_increment) + 'px';
+       d.style.left = (divLeft + x_increment) + 'px';
+
+       saved_x = x;
+       saved_y = y;
+       note_was_dragged = 1;
+       return true;
+}
+
+
+function NotesDragMouseDown(evt, uid) {
+       saved_x = (ns6 ? evt.clientX : event.clientX);
+       saved_y = (ns6 ? evt.clientY : event.clientY);
+       document.onmouseup = NotesDragMouseUp;
+       document.onmousemove = NotesDragMouseMove;
+       if (document.layers) {
+               document.captureEvents(Event.MOUSEUP | Event.MOUSEMOVE);
+       }
+       uid_of_note_being_dragged = uid;
+       d = $('note-' + uid_of_note_being_dragged);
+       saved_cursor_style = d.style.cursor;
+       d.style.cursor = 'move';
+       return false;           // disable the default action
+}
+
+
+// Called when the user clicks on the palette icon of a sticky note to change its color.
+// It toggles the color selector visible or invisible.
+
+function NotesClickPalette(evt, uid) {
+       uid_of_note_being_colored = uid;
+       d = $('palette-' + uid_of_note_being_colored);
+
+       if (d.style.display) {
+               if (d.style.display == 'none') {
+                       d.style.display = 'block';
+               }
+               else {
+                       d.style.display = 'none';
+               }
        }
        else {
-               $('m'+msgnum).style.backgroundColor='#69aaff';
-               $('m'+msgnum).style.color='#fff';
-               CtdlNumMsgsSelected = CtdlNumMsgsSelected + 1;
-               CtdlMsgsSelected[CtdlNumMsgsSelected-1] = msgnum;
+               d.style.display = 'block';
        }
 
-       // Update the preview pane
-       new Ajax.Updater('preview_pane', 'msg/'+msgnum, { method: 'get' } );
+       return true;
+}
+
+
+// Called when the user clicks on one of the colors in an open color selector.
+// Sets the desired color and then closes the color selector.
+
+function NotesClickColor(evt, uid, red, green, blue, notecolor, titlecolor) {
+       uid_of_note_being_colored = uid;
+       palette_button = $('palette-' + uid_of_note_being_colored);
+       note_div = $('note-' + uid_of_note_being_colored);
+       titlebar_div = $('titlebar-' + uid_of_note_being_colored);
 
-       // Mark the message as read
+       // alert('FIXME red=' + red + ' green=' + green + ' blue=' + blue);
+
+       note_div.style.backgroundColor = notecolor;
+       titlebar_div.style.backgroundColor = titlecolor;
+       palette_button.style.display = 'none';
+
+       // submit an ajax http call to record it to the server
+       p = 'note_uid=' + uid_of_note_being_colored
+               + '&red=' + red
+               + '&green=' + green
+               + '&blue=' + blue
+               + '&r=' + CtdlRandomString();
        new Ajax.Request(
-               'ajax_servcmd', {
+               'ajax_update_note',
+               {
                        method: 'post',
-                       parameters: 'g_cmd=SEEN '+msgnum+'|1',
-                       onComplete: CtdlRemoveTheUnseenBold(msgnum)
+                       parameters: p
                }
        );
+}
+
+
 
-       return false;           // try to defeat the default click behavior
+
+// These functions handle resizing sticky notes by dragging the resize handle
+
+var uid_of_note_being_resized = 0;
+var saved_cursor_style = 'default';
+var note_was_resized = 0;
+
+function NotesResizeMouseUp(evt) {
+       document.onmouseup = null;
+       document.onmousemove = null;
+       if (document.layers) {
+               document.releaseEvents(Event.MOUSEUP | Event.MOUSEMOVE);
+       }
+
+       d = $('note-' + uid_of_note_being_resized);
+       d.style.cursor = saved_cursor_style;
+
+       // If any motion actually occurred, submit an ajax http call to record it to the server
+       if (note_was_resized > 0) {
+               p = 'note_uid=' + uid_of_note_being_resized
+                       + '&width=' + d.style.width
+                       + '&height=' + d.style.height
+                       + '&r=' + CtdlRandomString();
+               new Ajax.Request(
+                       'ajax_update_note',
+                       {
+                               method: 'post',
+                               parameters: p
+                       }
+               );
+       }
+
+       uid_of_note_being_resized = '';
+       return false;           // disable the default action
 }
 
-// Delete selected messages.
-function CtdlDeleteSelectedMessages(evt) {
-       
-       if (CtdlNumMsgsSelected < 1) {
-               // Nothing to delete, so exit silently.
-               return false;
+function NotesResizeMouseMove(evt) {
+       x = (ns6 ? evt.clientX : event.clientX);
+       x_increment = x - saved_x;
+       y = (ns6 ? evt.clientY : event.clientY);
+       y_increment = y - saved_y;
+
+       // Move the div
+       d = $('note-' + uid_of_note_being_resized);
+
+       divTop = parseInt(d.style.height);
+       divLeft = parseInt(d.style.width);
+
+       newHeight = divTop + y_increment;
+       if (newHeight < 50) newHeight = 50;
+
+       newWidth = divLeft + x_increment;
+       if (newWidth < 50) newWidth = 50;
+
+       d.style.height = newHeight + 'px';
+       d.style.width = newWidth + 'px';
+
+       saved_x = x;
+       saved_y = y;
+       note_was_resized = 1;
+       return false;           // disable the default action
+}
+
+
+function NotesResizeMouseDown(evt, uid) {
+       saved_x = (ns6 ? evt.clientX : event.clientX);
+       saved_y = (ns6 ? evt.clientY : event.clientY);
+       document.onmouseup = NotesResizeMouseUp;
+       document.onmousemove = NotesResizeMouseMove;
+       if (document.layers) {
+               document.captureEvents(Event.MOUSEUP | Event.MOUSEMOVE);
        }
-       for (i=0; i<CtdlNumMsgsSelected; ++i) {
+       uid_of_note_being_resized = uid;
+       d = $('note-' + uid_of_note_being_resized);
+       saved_cursor_style = d.style.cursor;
+       d.style.cursor = 'move';
+       return false;           // disable the default action
+}
+
+
+function DeleteStickyNote(evt, uid, confirmation_prompt) {
+       uid_of_note_being_deleted = uid;
+       d = $('note-' + uid_of_note_being_deleted);
+
+       if (confirm(confirmation_prompt)) {
+               new Effect.Puff(d);
+
+               // submit an ajax http call to delete it on the server
+               p = 'note_uid=' + uid_of_note_being_deleted
+                       + '&deletenote=yes'
+                       + '&r=' + CtdlRandomString();
                new Ajax.Request(
-                       'ajax_servcmd', {
+                       'ajax_update_note',
+                       {
                                method: 'post',
-                               parameters: 'g_cmd=MOVE ' + CtdlMsgsSelected[i] + '|_TRASH_|0',
-                               onComplete: CtdlClearDeletedMsg(CtdlMsgsSelected[i])
+                               parameters: p
                        }
                );
        }
-       CtdlNumMsgsSelected = 0;
+}
+
+function ctdl_ts_getInnerText(el) {
+       if (typeof el == "string") return el;
+       if (typeof el == "undefined") { return el };
+       if (el.innerText) return el.innerText;  //Not needed but it is faster
+       var str = "";
+       
+       var cs = el.childNodes;
+       var l = cs.length;
+       for (var i = 0; i < l; i++) {
+               switch (cs[i].nodeType) {
+                       case 1: //ELEMENT_NODE
+                               str += ts_getInnerText(cs[i]);
+                               break;
+                       case 3: //TEXT_NODE
+                               str += cs[i].nodeValue;
+                               break;
+               }
+       }
+       return str;
+}
+
+
+// Place a gradient loadscreen on an element, e.g to use before Ajax.updater
+function CtdlLoadScreen(elementid) {
+var elem = document.getElementById(elementid);
+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>";
+}
+
+
 
-       // Clear the preview pane too.
-       $('preview_pane').innerHTML = '';
+// Pop open the address book (target_input is the INPUT field to populate)
+
+function PopOpenAddressBook(target_input) {
+       $('address_book_popup').style.display = 'block';
+       p = 'target_input=' + target_input + '&r=' + CtdlRandomString();
+       new Ajax.Updater(
+               'address_book_popup_middle_div',
+               'display_address_book_middle_div',
+               {
+                       method: 'get',
+                       parameters: p,
+                       evalScripts: true
+               }
+       );
+}
+
+function PopulateAddressBookInnerDiv(which_addr_book, target_input) {
+       $('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>";
+       p = 'which_addr_book=' + which_addr_book
+         + '&target_input=' + target_input
+         + '&r=' + CtdlRandomString();
+       new Ajax.Updater(
+               'address_book_inner_div',
+               'display_address_book_inner_div',
+               {
+                       method: 'get',
+                       parameters: p
+               }
+       );
 }
 
-// This gets called when the user touches the keyboard after selecting messages...
-function CtdlMsgListKeyPress(evt) {
-       if (evt.keyCode == 46) {                                // DELETE key
-               CtdlDeleteSelectedMessages(evt);
+// What happens when a contact is selected from the address book popup
+// (populate the specified target)
+
+function AddContactsToTarget(target, whichaddr) {
+       while (whichaddr.selectedIndex != -1) {
+               if (target.value.length > 0) {
+                       target.value = target.value + ', ';
+               }
+               target.value = target.value + whichaddr.value;
+               whichaddr.options[whichaddr.selectedIndex].selected = false;
        }
-       return true;
 }
 
-// Take the boldface away from a message to indicate that it has been seen.
-function CtdlRemoveTheUnseenBold(msgnum) {
-       $('m'+msgnum).style.fontWeight='normal';
+// Respond to a meeting invitation
+function RespondToInvitation(question_divname, title_divname, msgnum, cal_partnum, sc) {
+       p = 'msgnum=' + msgnum + '&cal_partnum=' + cal_partnum + '&sc=' + sc ;
+       new Ajax.Updater(title_divname, 'respond_to_request', { method: 'post', parameters: p } );
+       Effect.Fade(question_divname, { duration: 0.5 });
+}
+
+// Handle a received RSVP
+function HandleRSVP(question_divname, title_divname, msgnum, cal_partnum, sc) {
+       p = 'msgnum=' + msgnum + '&cal_partnum=' + cal_partnum + '&sc=' + sc ;
+       new Ajax.Updater(title_divname, 'handle_rsvp', { method: 'post', parameters: p } );
+       Effect.Fade(question_divname, { duration: 0.5 });
+}
+/* var fakeMouse = document.createEvent("MouseEvents");
+ fakeMouse.initMouseEvent("click", true, true, window, 
+   0,0,0,0,0, false, false, false, false, 0, null); */
+// TODO: Collapse into one function
+function toggleTaskDtStart(event) {
+       var checkBox = $('nodtstart');
+       var checkBoxTime = $('dtstart_time_assoc');
+       var dtstart = document.getElementById("dtstart");
+       var dtstart_date = document.getElementById("dtstart_date");
+       var dtstart_time = document.getElementById("dtstart_time");
+       if (checkBox.checked) {
+               dtstart_date.style.visibility = "hidden";
+               dtstart_time.style.visibility = "hidden";
+       } else {
+               if (checkBoxTime.checked) {
+                       dtstart_time.style.visibility = "visible";
+               } else {
+                       dtstart_time.style.visibility = "hidden";
+               }
+               dtstart_date.style.visibility = "visible";
+               if (dtstart.value.length == 0)
+                       dtstart.dpck._initCurrentDate();
+       }
+}
+function toggleTaskDue(event) {
+       var checkBox = $('nodue');
+       var checkBoxTime = $('due_time_assoc');
+       var due = document.getElementById("due");
+       var due_date = document.getElementById("due_date");
+       var due_time = document.getElementById("due_time");
+       if (checkBox.checked) {
+               due_date.style.visibility = "hidden";
+               due_time.style.visibility = "hidden";
+       } else {
+               if (checkBoxTime.checked) {
+                       due_time.style.visibility = "visible";
+               } else {
+                       due_time.style.visibility = "hidden";
+               }
+               due_date.style.visibility = "visible";
+               if (due.value.length == 0)
+                       due.dpck._initCurrentDate();
+       }
+}
+function ToggleTaskDateOrNoDateActivate(event) {
+       var dtstart = document.getElementById("nodtstart");
+       if (dtstart != null) {
+               toggleTaskDtStart(null);
+               toggleTaskDue(null);
+               $('nodtstart').observe('click', toggleTaskDtStart);
+               $('dtstart_time_assoc').observe('click', toggleTaskDtStart);
+               $('nodue').observe('click', toggleTaskDue);
+               $('due_time_assoc').observe('click', toggleTaskDue);
+       } 
+}
+function TaskViewGatherCategoriesFromTable() {
+       var table = $('taskview');
+       
+}
+function attachDatePicker(relative) {
+       var dpck = new DatePicker({
+       relative: relative,
+             language: 'en', //wclang.substr(0,2),
+             disableFutureDate: false,
+             dateFormat: [ ["yyyy", "mm", "dd"], "-"],
+             showDuration: 0.2
+       });
+       document.getElementById(relative).dpck = dpck; // attach a ref to it
+}
+function eventEditAllDay() {
+       var allDayCheck = document.getElementById("alldayevent");
+       var dtend_time = document.getElementById("dtend_time");
+       var dtstart_time = document.getElementById("dtstart_time");
+       if(allDayCheck.checked) {
+               dtstart_time.style.visibility = "hidden";
+               dtend_time.style.visibility = "hidden";
+       } else {
+               dtstart_time.style.visibility = "visible";
+               dtend_time.style.visibility = "visible";
+       }
+}
+
+// Functions which handle show/hide of various elements in the recurrence editor
+
+function RecurrenceShowHide() {
+
+       if ($('is_recur').checked) {
+               $('rrule_div').style.display = 'block';
+       }
+       else {
+               $('rrule_div').style.display = 'none';
+       }
+
+       if ($('freq_selector').selectedIndex == 4) {
+               $('weekday_selector').style.display = 'block';
+       }
+       else {
+               $('weekday_selector').style.display = 'none';
+       }
+
+       if ($('freq_selector').selectedIndex == 5) {
+               $('monthday_selector').style.display = 'block';
+       }
+       else {
+               $('monthday_selector').style.display = 'none';
+       }
+
+       if ($('rrend_count').checked) {
+               $('rrcount').disabled = false;
+       }
+       else {
+               $('rrcount').disabled = true;
+       }
+
+       if ($('rrend_until').checked) {
+               $('rruntil').disabled = false;
+       }
+       else {
+               $('rruntil').disabled = true;
+       }
+
+       if ($('rrmonthtype_mday').checked) {
+               $('rrmday').disabled = false;
+       }
+       else {
+               $('rrmday').disabled = true;
+       }
+
+       if ($('rrmonthtype_wday').checked) {
+               $('rrmweek').disabled = false;
+               $('rrmweekday').disabled = false;
+       }
+       else {
+               $('rrmweek').disabled = true;
+               $('rrmweekday').disabled = true;
+       }
+
+       if ($('freq_selector').selectedIndex == 6) {
+               $('yearday_selector').style.display = 'block';
+       }
+       else {
+               $('yearday_selector').style.display = 'none';
+       }
+
+       $('ymday').innerHTML = 'XXXX-' + $('dtstart').value.substr(5);
+       $('rrmday').innerHTML = $('dtstart').value.substr(8);
+
+       if ($('rryeartype_ywday').checked) {
+               $('rrymweek').disabled = false;
+               $('rrymweekday').disabled = false;
+               $('rrymonth').disabled = false;
+       }
+       else {
+               $('rrymweek').disabled = true;
+               $('rrymweekday').disabled = true;
+               $('rrymonth').disabled = true;
+       }
+
+}
+
+
+// Enable or disable the 'check attendee availability' button depending on whether
+// the attendees list is empty
+function EnableOrDisableCheckButton()
+{
+       if ($('attendees_box').value.length == 0) {
+               $('check_button').disabled = true;
+       }
+       else {
+               $('check_button').disabled = false;
+       }
 }
 
-// A message has been deleted, so yank it from the list.
-// (IE barfs on m9999.innerHTML='' so we use a script.aculo.us effect instead.)
-function CtdlClearDeletedMsg(msgnum) {
-       new Effect.Squish('m'+msgnum);
+
+
+
+function launchChat(event) {
+window.open('chat', 'ctdl_chat_window', 'toolbar=no,location=no,directories=no,copyhistory=no,status=no,scrollbars=yes,resizable=yes');
+}
+// logger
+function WCLog(msg) {
+  if (!!window.console && !!console.log) {
+    console.log(msg);
+  } else if (!!window.opera && !!opera.postError) {
+    opera.postError(msg);
+  } else {
+    wc_log += msg + "\r\n";
+  }
 }
 
+function fixMissingCSSTable(elems) {
+ if (elems[0] == null || elems[1] == null) {
+    return;
+  }
+  if (elems[0].getStyle("display") != "table-cell") {
+    var parentNode = elems[0].parentNode;
+    var table = document.createElement("table");
+    table.style.width = "100%";
+    var tbody = document.createElement("tbody");
+    table.appendChild(tbody);
+    var tr = document.createElement("tr");
+    tbody.appendChild(tr);
+    parentNode.appendChild(table);
+    for(var i=0; i<elems.length; i++) {
+      parentNode.removeChild(elems[i]);
+      var td = document.createElement("td");
+      td.appendChild(elems[i]);
+      tr.appendChild(td);
+    }
+  }
+}
+function fixbanner() {
+  // Use prototype api methods here
+  var elems = [$('room_banner'),$('actiondiv')];
+  fixMissingCSSTable(elems);
+  if (!is_ie6) {
+    Event.observe(window, 'resize', makeContentScrollable);
+    makeContentScrollable();
+  }
+}
+function makeContentScrollable() {
+if (document.getElementById("banner")
+      && document.getElementById("content") 
+      && !document.getElementById("summary_view")) {
+  WCLog("makeContentScrollable");
+    document.body.style.overflowY="hidden";
+    var global = $("global");
+    global.className += "scrollable";
+    var content = document.getElementById("content");
+    var banner = document.getElementById("banner");
+    var bannerHeight = banner.offsetHeight;
+    banner.style.width="100%";
+    var bannerPercent = (bannerHeight/document.viewport.getHeight())*100;
+    //banner.style.height=bannerPercent+"%";
+    content.style.overflowY="scroll";
+    //content.style.top=bannerPercent+"%";
+    content.style.height=(100-bannerPercent)+"%";
+    content.style.right="0px";
+  }
+}
+function fixOffsetBanner() {
+  var banner = document.getElementById("banner");
+  if (banner.offsetLeft > 0) {
+    var viewportWidth = document.viewport.getWidth();
+    var iconbarWidth = document.getElementById("iconbar").offsetWidth;
+    var contentDiv = document.getElementById("content");
+    var newContentWidth = viewportWidth-iconbarWidth;
+    contentDiv.style.width = newContentWidth+"px";
+  }
+}
+/** Attempt to stop overflowing in x-axis in IE6 */
+function resizeViewport() {
+  var documentWidth = 0;
+  var viewportWidth = document.viewport.getWidth();
+  var iconbar = $('iconbar');
+  var global = $('global');
+  if (iconbar == null || global == null || document.documentElement == null) {
+    return;
+  }
+  if (typeof window.offsetWidth != 'undefined') {
+    documentWidth = window.offsetWidth;
+  } else {
+    documentWidth = document.documentElement.offsetWidth;
+  }
+  if (documentWidth > viewportWidth) {
+    WCLog("resizeViewport");
+    document.documentElement.style.width = viewportWidth+"px";
+    document.documentElement.style.overflowX = "hidden";
+    //viewportWidth = 0.98 * viewportWidth;
+    var newIconBarSize = 0.16 * viewportWidth;
+    var newContentSize = viewportWidth - newIconBarSize;
+    iconbar.style.width = newIconBarSize+"px";
+    global.style.width = newContentSize+"px";
+  }
+}
+
+function RefreshSMTPqueueDisplay() {
+       new Ajax.Updater('smtpqueue_inner_div',
+       'display_smtpqueue_inner_div', { method: 'get',
+               parameters: Math.random() } );
+}
+
+function DeleteSMTPqueueMsg(msgnum1, msgnum2) {
+       new Ajax.Request(
+               'ajax_servcmd', {
+                       method: 'post',
+                       parameters: 'g_cmd=DELE ' + msgnum1 + ',' + msgnum2,
+                       onComplete: RefreshSMTPqueueDisplay()
+               }
+       );
+}