[citadel.git] / webcit / static / wclib.js

//
// $Id$
//
// JavaScript function library for WebCit.
//
//


var browserType;
var room_is_trash = 0;

if (document.layers) {
        browserType = "nn4";
}
if (document.all) {
        browserType = "ie";
}
if (window.navigator.userAgent.toLowerCase().match("gecko")) {
        browserType= "gecko";
}

var ns6=document.getElementById&&!document.all;
Event.observe(window, 'load', ToggleTaskDateOrNoDateActivate);
Event.observe(window, 'load', taskViewActivate);
function CtdlRandomString()  {
        return((Math.random()+'').substr(3));
}



// 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;
}



// This code handles the popups for important-messages.
function hide_imsg_popup() {
        if (browserType == "gecko") {
                document.poppedLayer = eval('document.getElementById(\'important_message\')');
        }
        else if (browserType == "ie") {
                document.poppedLayer = eval('document.all[\'important_message\']');
        }
        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', {} );
        new Ajax.Autocompleter('bcc_id', 'bcc_name_choices', 'bcc_autocomplete', {} );
        new Ajax.Autocompleter('recp_id', 'recp_name_choices', 'recp_autocomplete', {} );
}



// Toggle the icon bar between menu/roomlist...
var which_div_expanded = null;
var num_drop_targets = 0;
var drop_targets_elements = new Array();
var drop_targets_roomnames = new Array();

function switch_to_room_list() {
        $('iconbar').innerHTML = $('iconbar').innerHTML.substr(0, $('iconbar').innerHTML.indexOf('switch'));
        CtdlLoadScreen('iconbar');
        new Ajax.Updater('iconbar', 'iconbar_ajax_rooms', { method: 'get' } );
}

function expand_floor(floor_div) {
        if (which_div_expanded != null) {
                if ($(which_div_expanded) != null) {
                        $(which_div_expanded).style.display = 'none' ;
                }
        }

        // clicking on the already-expanded floor causes the whole list to collapse
        if (which_div_expanded == floor_div) {
                which_div_expanded = null;

                // notify the server that no floors are expanded
                new Ajax.Request(
                        'set_floordiv_expanded/-1', {
                                method: 'post'
                        }
                );
                return true;
        }

        // expand the requested floor
        $(floor_div).style.display = 'block';
        which_div_expanded = floor_div;

        // notify the server of which floor is expanded
        new Ajax.Request(
                'set_floordiv_expanded/'+floor_div, {
                        method: 'post'
                }
        );
}

function switch_to_menu_buttons() {
        which_div_expanded = null;
        num_drop_targets = 0;
        CtdlLoadScreen('iconbar');
        new Ajax.Updater('iconbar', 'iconbar_ajax_menu', { method: 'get' } );
}


// Static variables for mailbox view...
//
var CtdlNumMsgsSelected = 0;
var CtdlMsgsSelected = new Array();
var CtdlLastMsgnumSelected = 0;

// 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) {

        // Clear the preview pane until we load the new message
        $('preview_pane').innerHTML = '';

        // De-select any messages that were already selected, *unless* the Ctrl or
        // Shift key is being pressed, in which case the user wants multi select
        // or group select.
        if ( (!evt.ctrlKey) && (!evt.shiftKey) ) {
                if (CtdlNumMsgsSelected > 0) {
                        for (i=0; i<CtdlNumMsgsSelected; ++i) {
                                $('m'+CtdlMsgsSelected[i]).style.backgroundColor = '#fff';
                                $('m'+CtdlMsgsSelected[i]).style.color = '#000';
                        }
                        CtdlNumMsgsSelected = 0;
                }
        }

        // 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;
                                already_selected_pos = i;
                        }
                }
        }

        // Now select (or de-select) the message
        if ( (evt.ctrlKey) && (already_selected == 1) ) {

                // Deselect: first un-highlight it...
                $('m'+msgnum).style.backgroundColor = '#fff';
                $('m'+msgnum).style.color = '#000';

                // Then remove it from the selected messages list.
                for (i=already_selected_pos; i<(CtdlNumMsgsSelected-1); ++i) {
                        CtdlMsgsSelected[i] = CtdlMsgsSelected[i+1];
                }
                CtdlNumMsgsSelected = CtdlNumMsgsSelected - 1;
                
        }

        else if (evt.shiftKey) {
                
                // Group select: first clear everything out...
                if (CtdlNumMsgsSelected > 0) {
                        for (i=0; i<CtdlNumMsgsSelected; ++i) {
                                $('m'+CtdlMsgsSelected[i]).style.backgroundColor = '#fff';
                                $('m'+CtdlMsgsSelected[i]).style.color = '#000';
                        }
                }
                CtdlNumMsgsSelected = 0;

                // Then highlight and select the group.
                // Traverse the table looking for a row whose ID contains the desired msgnum

                var in_the_group = 0;
                var is_edge = 0;
                var table = $('summary_headers');
                if (table) {
                        for (var r = 0; r < table.rows.length; r++) {
                                var thename = table.rows[r].id;
                                if ( (thename.substr(1) == msgnum) || (thename.substr(1) == CtdlLastMsgnumSelected) ) {
                                        in_the_group = 1 - in_the_group;
                                        is_edge = 1;
                                }
                                else {
                                        is_edge = 0;
                                }
                                if ( (in_the_group == 1) || (is_edge == 1) ) {
                                        // Highlight it...
                                        table.rows[r].style.backgroundColor='#69aaff';
                                        table.rows[r].style.color='#fff';

                                        // And add it to the selected messages list.
                                        CtdlNumMsgsSelected = CtdlNumMsgsSelected + 1;
                                        CtdlMsgsSelected[CtdlNumMsgsSelected-1] = thename.substr(1);
                                }
                        }
                }
        }

        else {
                // Select: first highlight it...
                $('m'+msgnum).style.backgroundColor='#69aaff';
                $('m'+msgnum).style.color='#fff';

                // Then add it to the selected messages list.
                CtdlNumMsgsSelected = CtdlNumMsgsSelected + 1;
                CtdlMsgsSelected[CtdlNumMsgsSelected-1] = msgnum;

                // Gradient
                CtdlLoadScreen('preview_pane');
                // Update the preview pane
                new Ajax.Updater('preview_pane', 'msg/'+msgnum, { method: 'get' } );
        
                // Mark the message as read
                new Ajax.Request(
                        'ajax_servcmd', {
                                method: 'post',
                                parameters: 'g_cmd=SEEN '+msgnum+'|1',
                                onComplete: CtdlRemoveTheUnseenBold(msgnum)
                        }
                );
        }
        
        // Save the selected position in case the user does a group select next time.
        CtdlLastMsgnumSelected = msgnum;

        return false;           // try to defeat the default click behavior
}

// Delete selected messages.
function CtdlDeleteSelectedMessages(evt) {
        
        if (CtdlNumMsgsSelected < 1) {
                // Nothing to delete, so exit silently.
                return false;
        }
        for (i=0; i<CtdlNumMsgsSelected; ++i) {
                if (parseInt(room_is_trash) > 0) {
                        new Ajax.Request(
                                'ajax_servcmd', {
                                        method: 'post',
                                        parameters: 'g_cmd=DELE ' + CtdlMsgsSelected[i],
                                        onComplete: CtdlClearDeletedMsg(CtdlMsgsSelected[i])
                                }
                        );
                }
                else {
                        new Ajax.Request(
                                'ajax_servcmd', {
                                        method: 'post',
                                        parameters: 'g_cmd=MOVE ' + CtdlMsgsSelected[i] + '|_TRASH_|0',
                                        onComplete: CtdlClearDeletedMsg(CtdlMsgsSelected[i])
                                }
                        );
                }
        }
        CtdlNumMsgsSelected = 0;

        // Clear the preview pane too.
        $('preview_pane').innerHTML = '';
}


// Move selected messages.
function CtdlMoveSelectedMessages(evt, target_roomname) {
        
        if (CtdlNumMsgsSelected < 1) {
                // Nothing to delete, so exit silently.
                return false;
        }
        for (i=0; i<CtdlNumMsgsSelected; ++i) {
                new Ajax.Request(
                        'ajax_servcmd', {
                                method:'post',
                                parameters:'g_cmd=MOVE ' + CtdlMsgsSelected[i] + '|' + target_roomname + '|0',
                                onComplete:CtdlClearDeletedMsg(CtdlMsgsSelected[i])
                        }
                );
        }
        CtdlNumMsgsSelected = 0;

        // Clear the preview pane too.
        $('preview_pane').innerHTML = '';
}



// This gets called when the user touches the keyboard after selecting messages...
function CtdlMsgListKeyPress(evt) {
        if(document.all) {                              // aIEeee
                var whichKey = window.event.keyCode;
        }
        else {                                          // non-sux0r browsers
                var whichKey = evt.which;
        }
        if (whichKey == 46) {                           // DELETE key
                CtdlDeleteSelectedMessages(evt);
        }
        return true;
}

// Take the boldface away from a message to indicate that it has been seen.
function CtdlRemoveTheUnseenBold(msgnum) {
        $('m'+msgnum).style.fontWeight='normal';
}

// A message has been deleted, so yank it from the list.
function CtdlClearDeletedMsg(msgnum) {


        // Traverse the table looking for a row whose ID contains the desired msgnum
        var table = $('summary_headers');
        if (table) {
                for (var r = 0; r < table.rows.length; r++) {
                        var thename = table.rows[r].id;
                        if (thename.substr(1) == msgnum) {
                                try {
                                        table.deleteRow(r);
                                }
                                catch(e) {
                                        alert('error: browser failed to clear row ' + r);
                                }
                        }
                }
        }
        else {                                          // if we can't delete it,
                new Effect.Squish('m'+msgnum);          // just hide it.
        }


}

// These functions called when the user down-clicks on the message list resizer bar

var saved_x = 0;
var saved_y = 0;

function CtdlResizeMsgListMouseUp(evt) {
        document.onmouseup = null;
        document.onmousemove = null;
        if (document.layers) {
                document.releaseEvents(Event.MOUSEUP | Event.MOUSEMOVE);
        }
        return true;
}

function CtdlResizeMsgListMouseMove(evt) {
        y = (ns6 ? evt.clientY : event.clientY);
        increment = y - saved_y;

        // First move the bottom of the message list...
        d = $('message_list');
        if (d.offsetHeight){
                divHeight = d.offsetHeight;
        }
        else if (d.style.pixelHeight) {
                divHeight = d.style.pixelHeight;
        }
        d.style.height = (divHeight + increment) + 'px';

        // Then move the top of the preview pane...
        d = $('preview_pane');
        if (d.offsetTop){
                divTop = d.offsetTop;
        }
        else if (d.style.pixelTop) {
                divTop = d.style.pixelTop;
        }
        d.style.top = (divTop + increment) + 'px';

        // Resize the bottom of the preview pane...
        d = $('preview_pane');
        if (d.offsetHeight){
                divHeight = d.offsetHeight;
        }
        else if (d.style.pixelHeight) {
                divHeight = d.style.pixelHeight;
        }
        d.style.height = (divHeight - increment) + 'px';

        // Then move the top of the slider bar.
        d = $('resize_msglist');
        if (d.offsetTop){
                divTop = d.offsetTop;
        }
        else if (d.style.pixelTop) {
                divTop = d.style.pixelTop;
        }
        d.style.top = (divTop + increment) + 'px';

        saved_y = y;
        return true;
}

function CtdlResizeMsgListMouseDown(evt) {
        saved_y = (ns6 ? evt.clientY : event.clientY);
        document.onmouseup = CtdlResizeMsgListMouseUp;
        document.onmousemove = CtdlResizeMsgListMouseMove;
        if (document.layers) {
                document.captureEvents(Event.MOUSEUP | Event.MOUSEMOVE);
        }
        return false;           // disable the default action
}





// 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);
        }

        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
                        }
                );
        }

        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 {
                d.style.display = 'block';
        }

        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);

        // 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_update_note',
                {
                        method: 'post',
                        parameters: p
                }
        );
}




// 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
}

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);

        d.style.height = (divTop + y_increment) + 'px';
        d.style.width = (divLeft + x_increment) + '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);
        }
        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_update_note',
                        {
                                method: 'post',
                                parameters: p
                        }
                );
        }
}















// These functions handle drag and drop message moving

var mm_div = null;

function CtdlMoveMsgMouseDown(evt, msgnum) {

        // do the highlight first
        CtdlSingleClickMsg(evt, msgnum);

        // Now handle the possibility of dragging
        saved_x = (ns6 ? evt.clientX : event.clientX);
        saved_y = (ns6 ? evt.clientY : event.clientY);
        document.onmouseup = CtdlMoveMsgMouseUp;
        document.onmousemove = CtdlMoveMsgMouseMove;
        if (document.layers) {
                document.captureEvents(Event.MOUSEUP | Event.MOUSEMOVE);
        }

        return false;
}

function CtdlMoveMsgMouseMove(evt) {
        x = (ns6 ? evt.clientX : event.clientX);
        y = (ns6 ? evt.clientY : event.clientY);

        if ( (x == saved_x) && (y == saved_y) ) {
                return true;
        }

        if (CtdlNumMsgsSelected < 1) { 
                return true;
        }

        if (!mm_div) {


                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>";
                for (i=0; i<CtdlNumMsgsSelected; ++i) {
                        drag_o_text = drag_o_text + 
                                ctdl_ts_getInnerText(
                                        $('m'+CtdlMsgsSelected[i]).cells[0]
                                ) + '<br>';
                }
                drag_o_text = drag_o_text + "<div>";

                mm_div = document.createElement("DIV");
                mm_div.style.position='absolute';
                mm_div.style.top = y + 'px';
                mm_div.style.left = x + 'px';
                mm_div.style.pixelHeight = '300';
                mm_div.style.pixelWidth = '300';
                mm_div.innerHTML = drag_o_text;
                document.body.appendChild(mm_div);
        }
        else {
                mm_div.style.top = y + 'px';
                mm_div.style.left = x + 'px';
        }

        return false;   // prevent the default mouse action from happening?
}

function CtdlMoveMsgMouseUp(evt) {
        document.onmouseup = null;
        document.onmousemove = null;
        if (document.layers) {
                document.releaseEvents(Event.MOUSEUP | Event.MOUSEMOVE);
        }

        if (mm_div) {
                document.body.removeChild(mm_div);      
                mm_div = null;
        }

        if (num_drop_targets < 1) {     // nowhere to drop
                return true;
        }

        // Did we release the mouse button while hovering over a drop target?
        // NOTE: this only works cross-browser because the iconbar div is always
        //      positioned at 0,0.  Browsers differ in whether the 'offset'
        //      functions return pos relative to the document or parent.

        for (i=0; i<num_drop_targets; ++i) {

                x = (ns6 ? evt.clientX : event.clientX);
                y = (ns6 ? evt.clientY : event.clientY);

                l = parseInt(drop_targets_elements[i].offsetLeft);
                t = parseInt(drop_targets_elements[i].offsetTop);
                r = parseInt(drop_targets_elements[i].offsetLeft)
                  + parseInt(drop_targets_elements[i].offsetWidth);
                b = parseInt(drop_targets_elements[i].offsetTop)
                  + parseInt(drop_targets_elements[i].offsetHeight);

                /* alert('Offsets are: ' + l + ' ' + t + ' ' + r + ' ' + b + '.'); */
        
                if ( (x >= l) && (x <= r) && (y >= t) && (y <= b) ) {
                        // Yes, we dropped it on a hotspot.
                        CtdlMoveSelectedMessages(evt, drop_targets_roomnames[i]);
                        return true;
                }
        }

        return true;
}


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;
}


function CtdlShowRaw(msgnum) {
var customnav = document.createElement("span");
var mode_citadel = document.createElement("a");
mode_citadel.appendChild(document.createTextNode("Citadel Source"));
var mode_rfc822 = document.createElement("a");
mode_rfc822.appendChild(document.createTextNode(" RFC822 Source"));
mode_citadel.setAttribute("href","#");
mode_rfc822.setAttribute("href","#");
mode_rfc822.setAttribute("onclick","rawSwitch822('" + msgnum + "');");
mode_citadel.setAttribute("onclick","rawSwitchCitadel('" + msgnum + "');");
customnav.appendChild(mode_citadel);
customnav.appendChild(mode_rfc822);
customnav.setAttribute("class","floatcustomnav");
floatwindow("headerscreen","pre",customnav);
rawSwitch822(msgnum);
}

function rawSwitch822(msgnum) {
CtdlLoadScreen("headerscreen");
new Ajax.Updater("headerscreen", 
'ajax_servcmd_esc',
 { method: 'post',parameters: 'g_cmd=MSG2 ' +msgnum  } );

}

function rawSwitchCitadel(msgnum) {
CtdlLoadScreen("headerscreen");
new Ajax.Updater("headerscreen", 
'ajax_servcmd_esc',
 { method: 'post',parameters: 'g_cmd=MSG0 ' +msgnum  } );

}

function floatwindow(newdivid,contentelementtype,customnav) {
var windiv = document.createElement("div");
windiv.setAttribute("class","floatwindow");
var winid = newdivid+"_window";
windiv.setAttribute("id",winid);
var nav = document.createElement("div");
if (customnav != null) {
nav.appendChild(customnav);
}
var minimizeA = document.createElement("a");
var minimizeButton = document.createTextNode("Close");
minimizeA.appendChild(minimizeButton);
minimizeA.setAttribute("onclick","killFloatWindow(this);");
minimizeA.setAttribute("href","#");
nav.appendChild(minimizeA);
nav.setAttribute("class","floatnav");
windiv.appendChild(nav);
var contentarea = document.createElement("pre");
contentarea.setAttribute("class","floatcontent");
contentarea.setAttribute("id",newdivid);
windiv.appendChild(contentarea);
document.body.appendChild(windiv);
}
function killFloatWindow(caller) {
var span = caller.parentNode;
var fwindow = span.parentNode;
fwindow.parentNode.removeChild(fwindow);
}
// 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>";
}



// 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
                }
        );
}

// 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;
        }
}

// 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');
        dtStart = document.getElementById("dtstart");
        if (checkBox.checked) {
                dtStart.disabled = true;
                dtStart.style.textDecoration = "line-through";
        } else {
                dtStart.disabled = false;
                dtStart.style.textDecoration = "";
                if (dtStart.value.length == 0)
                        dtStart.dpck._initCurrentDate();
        }
}
function toggleTaskDue(event) {
        var checkBox = $('nodue');
        dueField = document.getElementById("due");
        if (checkBox.checked) {
                dueField.disabled = true;
                dueField.style.textDecoration = "line-through";
        } else {
                dueField.disabled = false;
                dueField.style.textDecoration = "";
                if (dueField.value.length == 0)
                        dueField.dpck._initCurrentDate();
        }
}
function ToggleTaskDateOrNoDateActivate(event) {
        var dtstart = document.getElementById("nodtstart");
        if (dtstart != null) {
                toggleTaskDtStart(null);
                toggleTaskDue(null);
                $('nodtstart').observe('click', toggleTaskDtStart);
                $('nodue').observe('click', toggleTaskDue);
        } 
}
function TaskViewGatherCategoriesFromTable() {
        var table = $('taskview');
        
}
function attachDatePicker(relative, wclang) {
        var dpck = new DatePicker({
        relative: relative,
        language: wclang.substr(0,2),
        disableFutureDate: false,
        dateFormat: [ ["yyyy", "mm", "dd"], "-"],
        showDuration: 0.2,
        closeEffectDuration: 0.2
        });
        document.getElementById(relative).dpck = dpck; // attach a ref to it
}

function eventEditAllDay() {
        var allDayCheck = $('alldayevent');
        var dtend = $('dtendcell');

        if (allDayCheck.checked) {
                //dtend.disabled = true;
                dtend.style.textDecoration = "line-through";
        } else {
                //dtend_day.disabled = false;
                dtend.style.textDecoration = "";
        }
}




// 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;
        }

}