section_classes.js

/**
 * library for ajaxcourse formats, the classes and related functions for
 * sections and resources.
 *
 * This library requires a 'main' object created in calling document.
 *
 * Drag and drop notes:
 *
 *   Dropping an activity or resource on a section will always add the activity
 *   or resource at the end of that section.
 *
 *   Dropping an activity or resource on another activity or resource will
 *   always move the former just above the latter.
 */


/**
 * section_class
 */
function section_class(id, group, config, isDraggable) {
    this.init_section(id, group, config, isDraggable);
}

YAHOO.extend(section_class, YAHOO.util.DDProxy);


section_class.prototype.debug = false;


section_class.prototype.init_section = function(id, group, config, isDraggable) {

    if (!id) {
        return;
    }

    this.is = 'section';
    this.sectionId = null; // Section number. This is NOT the section id from
                            // the database.

    if (!isDraggable) {
        this.initTarget(id, group, config);
        this.removeFromGroup('sections');
    } else {
        this.init(id, group, config);
        this.handle = null;
    }

    this.createFrame();
    this.isTarget = true;

    this.resources = [];
    this.numberDisplay = null; // Used to display the section number on the top left
                                // of the section. Not used in all course formats.
    this.summary = null;
    this.content_div = null;
    this.hidden = false;
    this.highlighted = false;
    this.showOnly = false;
    this.resources_ul = null;
    this.process_section();

    this.viewButton = null;
    this.highlightButton = null;
    this.showOnlyButton = null;
    this.init_buttons();

    if (isDraggable) {
        this.add_handle();
    }
    if (this.debug) {
        YAHOO.log("init_section "+id+" draggable="+isDraggable);
    }
    if (YAHOO.util.Dom.hasClass(this.getEl(),'hidden')) {
        this.toggle_hide(null,null,true);
    }
};


section_class.prototype.init_buttons = function() {
    if (this.sectionId > main.portal.numsections) {
        // no need to do anything in orphaned sections
        return;
    }

    var commandContainer = YAHOO.util.Dom.getElementsByClassName('right',null,this.getEl())[0];

    //clear all but show only button
    var commandContainerCount = commandContainer.childNodes.length;

    for (var i=(commandContainerCount-1); i>0; i--) {
        commandContainer.removeChild(commandContainer.childNodes[i])
    }

    if (main.getString('courseformat', this.sectionId) != "weeks" && this.sectionId > 0) {
        var highlightbutton = main.mk_button('div', main.portal.icons['marker'], main.getString('marker', this.sectionId));
        YAHOO.util.Event.addListener(highlightbutton, 'click', this.mk_marker, this, true);
        commandContainer.appendChild(highlightbutton);
        this.highlightButton = highlightbutton;
    }
    if (this.sectionId > 0) {
        var viewbutton = main.mk_button('div', main.portal.icons['hide'], main.getString('hidesection', this.sectionId),
                [['title', main.portal.strings['hide'] ]]);
        YAHOO.util.Event.addListener(viewbutton, 'click', this.toggle_hide, this,true);
        commandContainer.appendChild(viewbutton);
        this.viewButton = viewbutton;
    }
};


section_class.prototype.add_handle = function() {
    var handleRef = main.mk_button('a', main.portal.icons['move_2d'], main.getString('movesection', this.sectionId),
            [['title', main.portal.strings['move'] ], ['style','cursor:move']]);

    YAHOO.util.Dom.generateId(handleRef, 'sectionHandle');

    this.handle = handleRef;

    this.getEl().childNodes[0].appendChild(handleRef);
    this.setHandleElId(this.handle.id);
};


section_class.prototype.process_section = function() {
    this.content_div = YAHOO.util.Dom.getElementsByClassName('content',null,this.getEl())[0];

    if (YAHOO.util.Dom.hasClass(this.getEl(),'current')) {
        this.highlighted = true;
        main.marker = this;
    }

    // Create holder for display number for access later

    this.numberDisplay = document.createElement('div');
    this.numberDisplay.innerHTML = this.getEl().childNodes[0].innerHTML;
    this.getEl().childNodes[0].innerHTML = '';
    this.getEl().childNodes[0].appendChild(this.numberDisplay);

    this.sectionId = this.id.replace(/section-/i, ''); // Okay, we will have to change this if we
    // ever change the id attributes format
    // for the sections.
    if (this.debug) {
        YAHOO.log("Creating section "+this.getEl().id+" in position "+this.sectionId);
    }

    // Find/edit resources
    this.resources_ul = this.content_div.getElementsByTagName('ul')[0];
    var i=0;
    while (this.resources_ul && this.resources_ul.className != 'section img-text') {
        i++;
        this.resources_ul = this.content_div.getElementsByTagName('ul')[i]; i++;
    }
    if (!this.resources_ul) {
        this.resources_ul = document.createElement('ul');
        this.resources_ul.className='section';
        this.content_div.insertBefore(this.resources_ul, this.content_div.lastChild);
    }
    var resource_count = this.resources_ul.getElementsByTagName('li').length;

    for (var i=0;i<resource_count;i++) {
        var resource = this.resources_ul.getElementsByTagName('li')[i];
        this.resources[this.resources.length] = new resource_class(resource.id, 'resources', null, this);
    }

    var sum = YAHOO.util.Dom.getElementsByClassName('summary', null, this.getEl());
    if (sum[0]) {
        this.summary = sum[0].firstChild.data || '';
    } else {
        // orphaned activities
        this.summary = null;
    }
};


section_class.prototype.startDrag = function(x, y) {
    //operates in point mode
    YAHOO.util.DDM.mode = YAHOO.util.DDM.POINT;

    //remove from resources group temporarily
    this.removeFromGroup('resources');

    //reinitialize dd element
    this.getDragEl().innerHTML = '';

    var targets = YAHOO.util.DDM.getRelated(this, true);

    if (this.debug) {
        YAHOO.log(this.id + " startDrag, "+targets.length + " targets");
    }
};


section_class.prototype.onDragDrop = function(e, id) {
    // get the drag and drop object that was targeted
    var target = YAHOO.util.DDM.getDDById(id);

    if (this.debug) {
        YAHOO.log("Section dropped on id="+id+" (I am "+this.getEl().id+") x="
                +YAHOO.util.Dom.getXY(this.getDragEl()));
    }
    this.move_to_section(target);

    //add back to resources group
    this.addToGroup('resources');
};


section_class.prototype.endDrag = function() {
    //nessicary to defeat default action

    //add back to resources group
    this.addToGroup('resources');
};


section_class.prototype.move_to_section = function(target) {
    var tempDiv = document.createElement('div');
    var tempStore = null;
    var sectionCount = main.sections.length;
    var found = null;

    //determine if original is above or below target and adjust loop
    var oIndex = main.get_section_index(this);
    var tIndex = main.get_section_index(target);

    if (oIndex == -1) {
        // source must exist
        return;
    }
    if (tIndex == -1) {
        // target must exist
        return;
    }
    if (this.debug) {
        YAHOO.log("original is at: "+oIndex+" target is at:"+tIndex+" of "+(sectionCount-1));
    }
    if (oIndex < tIndex) {
        var loopCondition = 'i<sectionCount';
        var loopStart = 1;
        var loopInc = 'i++';
        var loopmodifier = 'i - 1';
        var targetOffset = 0;
    } else {
        var loopCondition = 'i > 0';
        var loopStart = sectionCount - 1;
        var loopInc = 'i--';
        var loopmodifier = 'i + 1';
        var targetOffset = 1;
    }

    //move on backend
    main.connect('POST','class=section&field=move',null,'id='+this.sectionId+'&value=' + (target.sectionId - targetOffset));

    //move on front end
    for (var i=loopStart; eval(loopCondition); eval(loopInc)) {

        if ((main.sections[i] == this) && !found) {
            //encounter with original node
            if (this.debug) {
                YAHOO.log("Found Original "+main.sections[i].getEl().id);
            }
            if (main.sections[i] == this) {
                found = true;
            }
        } else if (main.sections[i] == target) {
            //encounter with target node
            if (this.debug) {
                YAHOO.log("Found target "+main.sections[i].getEl().id);
            }
            main.sections[i].swap_with_section(main.sections[eval(loopmodifier)]);
            main.sections[i].swap_dates(main.sections[eval(loopmodifier)]);
            found = false;
            break;
        } else if (found) {
            //encounter with nodes inbetween
            main.sections[i].swap_with_section(main.sections[eval(loopmodifier)]);
            main.sections[i].swap_dates(main.sections[eval(loopmodifier)]);
        }
    }
};


section_class.prototype.swap_with_section = function(sectionIn) {
    var tmpStore = null;

    var thisIndex = main.get_section_index(this);
    var targetIndex = main.get_section_index(sectionIn);
    if (thisIndex == -1) {
        // source must exist
        return;
    }
    if (targetIndex == -1) {
        // target must exist
        return;
    }

    main.sections[targetIndex] = this;
    main.sections[thisIndex] = sectionIn;

    this.changeId(targetIndex);
    sectionIn.changeId(thisIndex);

    if (this.debug) {
        YAHOO.log("Swapping "+this.getEl().id+" with "+sectionIn.getEl().id);
    }
    // Swap the sections.
    YAHOO.util.DDM.swapNode(this.getEl(), sectionIn.getEl());

    // Sections contain forms to add new resources/activities. These forms
    // have not been updated to reflect the new positions of the sections that
    // we have swapped. Let's swap the two sections' forms around.
    if (this.getEl().getElementsByTagName('form')[0].parentNode
            && sectionIn.getEl().getElementsByTagName('form')[0].parentNode) {

        YAHOO.util.DDM.swapNode(this.getEl().getElementsByTagName('form')[0].parentNode,
                sectionIn.getEl().getElementsByTagName('form')[0].parentNode);
    } else {
        YAHOO.log("Swapping sections: form not present in one or both sections", "warn");
    }
};


section_class.prototype.toggle_hide = function(e,target,superficial) {
    if (this.sectionId > main.portal.numsections) {
        // no need to do anything in orphaned sections
        return;
    }

    var strhide = main.portal.strings['hide'];
    var strshow = main.portal.strings['show'];
    if (this.hidden) {
        YAHOO.util.Dom.removeClass(this.getEl(), 'hidden');
        this.viewButton.childNodes[0].src = this.viewButton.childNodes[0].src.replace(/show/i, 'hide');
        this.viewButton.childNodes[0].alt = this.viewButton.childNodes[0].alt.replace(strshow, strhide);
        this.viewButton.childNodes[0].title = this.viewButton.childNodes[0].title.replace(strshow, strhide); //IE hack.
        this.viewButton.title = this.viewButton.title.replace(strshow, strhide);
        this.hidden = false;

        if (!superficial) {
            main.connect('POST', 'class=section&field=visible', null, 'value=1&id='+this.sectionId);
            for (var x=0; x<this.resources.length; x++) {
                this.resources[x].toggle_hide(null, null, true, this.resources[x].hiddenStored);
                this.resources[x].hiddenStored = null;
            }
        }

    } else {
        YAHOO.util.Dom.addClass(this.getEl(), 'hidden');
        this.viewButton.childNodes[0].src = this.viewButton.childNodes[0].src.replace(/hide/i, 'show');
        this.viewButton.childNodes[0].alt = this.viewButton.childNodes[0].alt.replace(strhide, strshow);
        this.viewButton.childNodes[0].title = this.viewButton.childNodes[0].title.replace(strhide, strshow); //IE hack.
        this.viewButton.title = this.viewButton.title.replace(strhide, strshow);
        this.hidden = true;

        if (!superficial) {
            main.connect('POST', 'class=section&field=visible', null, 'value=0&id='+this.sectionId);
            for (var x=0; x<this.resources.length; x++) {
                this.resources[x].hiddenStored = this.resources[x].hidden;
                this.resources[x].toggle_hide(null, null, true, true);
            }
        }
    }
};


section_class.prototype.toggle_highlight = function() {
    if (this.highlighted) {
        YAHOO.util.Dom.removeClass(this.getEl(), 'current');
        this.highlighted = false;
    } else {
        YAHOO.util.Dom.addClass(this.getEl(), 'current');
        this.highlighted = true;
    }
};


section_class.prototype.mk_marker = function() {
    if (main.marker != this) {
        main.update_marker(this);
    } else {
        // If currently the marker
        main.marker = null;

        main.connect('POST', 'class=course&field=marker', null, 'value=0');
        this.toggle_highlight();
    }
};


section_class.prototype.changeId = function(newId) {
    this.sectionId = newId;
    this.numberDisplay.firstChild.data = newId;

    //main.connectQueue_add('POST','class=section&field=all',null,'id='+newId+"&summary="+main.mk_safe_for_transport(this.summary)+"&sequence="+this.write_sequence_list(true)+'&visible='+(this.hidden?0:1))

    if (main.marker == this) {
        main.update_marker(this);
    }
};


section_class.prototype.get_resource_index = function(el) {
    for (var x=0; x<this.resources.length; x++) {
        if (this.resources[x] == el) {
            return x;
        }
    }
    YAHOO.log("Could not find resource to remove "+el.getEl().id, "error");
    return -1;
};


section_class.prototype.remove_resource = function(el) {

    var resourceEl = el.getEl();
    var parentEl = resourceEl.parentNode;
    if (!parentEl) {
        return false;
    }

    var resourceCount = this.resources.length;

    if (resourceCount == 1) {
        if (this.resources[0] == el) {
            this.resources = new Array();
        }
    } else {
        var found = false;
        for (var i=0; i<resourceCount; i++) {
            if (found) {
                this.resources[i - 1] = this.resources[i];
                if (i == resourceCount - 1) {
                    this.resources = this.resources.slice(0, -1);
                    resourceCount--;
                }
                this.resources[i - 1].update_index(i - 1);
            } else if (this.resources[i] == el) {
                found = true;
            }
        }
    }
    // Remove any extra text nodes to keep DOM clean.
    var kids = parentEl.childNodes;

    for (var i=0; i<kids.length; i++) {
        if (kids[i].nodeType == 3) {
            YAHOO.log('Removed extra text node.');
            parentEl.removeChild(kids[i]);
        }
    }
    parentEl.removeChild(resourceEl);

    this.write_sequence_list();
    return true;
};


section_class.prototype.insert_resource = function(el, targetel) {
    var resourcecount = this.resources.length;
    var found = false;
    var tempStore = nextStore = null;

    //update in backend
    var targetId = '';
    if (targetel) {
        targetId = targetel.id;
    }
    if (this.debug) {
        YAHOO.log('id='+el.id+', beforeId='+targetId+', sectionId='+this.sectionId);
    }
    main.connect('POST', 'class=resource&field=move', null,
            'id='+el.id+'&beforeId='+targetId+'&sectionId='+this.sectionId);

    //if inserting into a hidden resource hide
    if (this.hidden) {
        el.hiddenStored = el.hidden;
        el.toggle_hide(null, null, true, true);
    } else {
        if (el.hiddenStored != null) {
            el.toggle_hide(null, null, true, el.hiddenStored);
            el.hiddenStored = null;
        }
    }
    //update model
    if (!targetel) {
        this.resources[this.resources.length] = el;
    } else {
        for (var i=0; i<resourcecount; i++) {
            if (found) {
                tempStore = this.resources[i];
                this.resources[i] = nextStore;
                nextStore = tempStore;

                if (nextStore != null)
                    nextStore.update_index(i+1);

            } else if (this.resources[i] == targetel) {
                found = true;
                nextStore = this.resources[i];
                this.resources[i] = el;
                resourcecount++;

                this.resources[i].update_index(i, this.ident);
                nextStore.update_index(i + 1);
            }
        }
    }
    //update on frontend
    if (targetel) {
        this.resources_ul.insertBefore(el.getEl(), targetel.getEl());
        //this.resources_ul.insertBefore(document.createTextNode(' '), targetel.getEl());
    } else {
        this.resources_ul.appendChild(el.getEl());
        //this.resources_ul.appendChild(document.createTextNode(' '));
    }
    el.parentObj = this;
};


section_class.prototype.write_sequence_list = function(toReturn) {
    var listOutput = '';

    for (var i=0; i<this.resources.length; i++) {
        listOutput += this.resources[i].id;
        if (i != (this.resources.length-1)) {
            listOutput += ',';
        }
    }
    if (toReturn) {
        return listOutput;
    }
};




/**
 * resource_class extends util.DDProxy
 */
function resource_class(id,group,config,parentObj) {
    this.init_resource(id,group,config,parentObj);
}

YAHOO.extend(resource_class, YAHOO.util.DDProxy);


resource_class.prototype.debug = false;


resource_class.prototype.init_resource = function(id, group, config, parentObj) {
    if (!id) {
        YAHOO.log("Init resource, NO ID FOUND!", 'error');
        return;
    }

    // Some constants.
    this.NOGROUPS = 0;
    this.SEPARATEGROUPS = 1;
    this.VISIBLEGROUPS = 2;

    this.is = 'resource';
    this.init(id, group, config);
    this.createFrame();
    this.isTarget = true;

    this.id = this.getEl().id.replace(/module-/i, '');

    this.hidden = false;
    if (YAHOO.util.Dom.hasClass(this.getEl().getElementsByTagName('a')[0], 'dimmed') ||
        YAHOO.util.Dom.hasClass(this.getEl().getElementsByTagName('div')[0], 'dimmed_text')) {
        this.hidden = true;
    }
    this.hiddenStored = null;

    this.groupmode = null;  // Can be null (i.e. does not apply), 0, 1 or 2.

    this.linkContainer = this.getEl().getElementsByTagName('a')[0];
    this.divContainer = this.getEl().getElementsByTagName('div')[0];

    this.commandContainer = null;
    this.indentLeftButton = null;
    this.indentRightButton = null;
    this.viewButton = null;
    this.groupButton = null;
    this.handle = null;
    this.init_buttons();

    this.parentObj = parentObj;

    if (this.debug) {
        YAHOO.log("init_resource "+id+" parent = "+parentObj.getEl().id);
    }
};


/**
 * The current strategy is to look at the DOM tree to get information on the
 * resource and it's current mode. This is bad since we are dependant on
 * the html that is output from serverside logic. Seemingly innocuous changes
 * like changing the language string for the title of a button will break
 * our JavaScript here. This is brittle.
 *
 * First, we clear the buttons container. Then:
 *   We need to add the new-style move handle.
 *   The old style move button (up/down) needs to be removed.
 *   Move left button (if any) needs an event handler.
 *   Move right button (if any) needs an event handler.
 *   Update button stays as it is. Add it back.
 *   Delete button needs an event handler.
 *   Visible button is a toggle. It needs an event handler too.
 *   Group mode button is a toggle. It needs an event handler too.
 */
resource_class.prototype.init_buttons = function() {

    var commandContainer = YAHOO.util.Dom.getElementsByClassName('commands',
            'span', this.getEl())[0];

    if (commandContainer == null) {
        YAHOO.log('Cannot find command container for '+this.getEl().id, 'error');
        return;
    }

    // Language strings.
    var strgroupsnone = main.portal.strings['groupsnone']+' ('+main.portal.strings['clicktochange']+')';
    var strgroupsseparate = main.portal.strings['groupsseparate']+' ('+main.portal.strings['clicktochange']+')';
    var strgroupsvisible = main.portal.strings['groupsvisible']+' ('+main.portal.strings['clicktochange']+')';

    this.commandContainer = commandContainer;
    var buttons = commandContainer.getElementsByTagName('a');

    // Buttons that we might need to add back in.
    var moveLeft = false;
    var moveRight = false;
    var updateButton = null;

    // for RTL support
    var isrtl = (document.getElementsByTagName("html")[0].dir=="rtl");

    for (var x=0; x<buttons.length; x++) {
        if (buttons[x].className == 'editing_moveleft') {
            moveLeft = true;
        } else if (buttons[x].className == 'editing_moveright') {
            moveRight = true;
        } else if (buttons[x].className == 'editing_update') {
            updateButton = buttons[x].cloneNode(true);
        } else if (buttons[x].className == 'editing_groupsnone') {
            this.groupmode = this.NOGROUPS;
        } else if (buttons[x].className == 'editing_groupsseparate') {
            this.groupmode = this.SEPARATEGROUPS;
        } else if (buttons[x].className == 'editing_groupsvisible') {
            this.groupmode = this.VISIBLEGROUPS;
        }
    }

    if (updateButton == null) {
        // Update button must always be present.
        YAHOO.log('Cannot find updateButton for '+this.getEl().id, 'error');
    }

    // Clear all the buttons.
    commandContainer.innerHTML = '';

    // Add move-handle for drag and drop.
    var handleRef = main.mk_button('a', main.portal.icons['move_2d'], main.portal.strings['move'],
            [['style', 'cursor:move']], [['class', 'iconsmall']]);

    YAHOO.util.Dom.generateId(handleRef, 'sectionHandle');
    this.handle = handleRef;
    commandContainer.appendChild(handleRef);
    this.setHandleElId(this.handle.id);

    // Add indentation buttons if needed (move left, move right).
    if (moveLeft) {
        var button = main.mk_button('a', main.portal.icons['backwards'], main.portal.strings['moveleft'],
                [['class', 'editing_moveleft']], [['class', 'iconsmall']]);
        YAHOO.util.Event.addListener(button, 'click', this.indent_left, this, true);
        commandContainer.appendChild(button);
        this.indentLeftButton = button;
    }

    if (moveRight) {
        var button = main.mk_button('a', main.portal.icons['forwards'], main.portal.strings['moveright'],
                [['class', 'editing_moveright']], [['class', 'iconsmall']]);
        YAHOO.util.Event.addListener(button, 'click', this.indent_right, this, true);
        commandContainer.appendChild(button);
        this.indentRightButton = button;
    }

    // Add edit button back in.
    commandContainer.appendChild(updateButton);

    // Add the delete button.
    var button = main.mk_button('a', main.portal.icons['delete'], main.portal.strings['delete'], null, [['class', 'iconsmall']]);
    YAHOO.util.Event.addListener(button, 'click', this.delete_button, this, true);
    commandContainer.appendChild(button);

    // Add the hide or show button.
    if (this.hidden) {
        var button = main.mk_button('a', main.portal.icons['show'], main.portal.strings['show'], null, [['class', 'iconsmall']]);
    } else {
        var button = main.mk_button('a', main.portal.icons['hide'], main.portal.strings['hide'], null, [['class', 'iconsmall']]);
    }
    YAHOO.util.Event.addListener(button, 'click', this.toggle_hide, this, true);
    commandContainer.appendChild(button);
    this.viewButton = button;

    // Add the groupmode button if needed.
    if (this.groupmode != null) {
        if (this.groupmode == this.NOGROUPS) {
            var button = main.mk_button('a', main.portal.icons['groupn'], strgroupsnone, null, [['class', 'iconsmall']]);
        } else if (this.groupmode == this.SEPARATEGROUPS) {
            var button = main.mk_button('a', main.portal.icons['groups'], strgroupsseparate, null, [['class', 'iconsmall']]);
        } else {
            var button = main.mk_button('a', main.portal.icons['groupv'], strgroupsvisible, null, [['class', 'iconsmall']]);
        }
        YAHOO.util.Event.addListener(button, 'click', this.toggle_groupmode, this, true);
        commandContainer.appendChild(button);
        this.groupButton = button;
    }
};


resource_class.prototype.indent_left = function() {

    var indentdiv = YAHOO.util.Dom.getElementsByClassName('mod-indent', 'div', this.getEl())[0];
    if (!indentdiv) {
        if (this.debug) {
            YAHOO.log('Could not indent left: intending div does not exist', 'error');
        }
        return false;
    }
    var oldindent = indentdiv.classList.toString().match(/mod-indent-(\d{1,})/);
    if (oldindent && oldindent[1] > 0) {
        oldindent = oldindent[1];
    } else {
        return false;
    }
    var newindent = parseFloat(oldindent) - 1;
    YAHOO.util.Dom.replaceClass(indentdiv, 'mod-indent-'+oldindent, 'mod-indent-'+newindent);
    main.connect('POST', 'class=resource&field=indentleft', null, 'id='+this.id);

    if (newindent == 0) {
        // Remove the indent left button as well.
        var commandContainer = YAHOO.util.Dom.getElementsByClassName('commands',
                'span', this.getEl())[0];
        commandContainer.removeChild(this.indentLeftButton);
        this.indentLeftButton = null;
    }

    return true;
};


resource_class.prototype.indent_right = function() {

    var indentdiv = YAHOO.util.Dom.getElementsByClassName('mod-indent', 'div', this.getEl())[0];
    if (!indentdiv) {
        if (this.debug) {
            YAHOO.log('Could not indent left: intending div does not exist', 'error');
        }
        return false;
    }
    var oldindent = indentdiv.classList.toString().match(/mod-indent-(\d{1,})/);
    if (oldindent && oldindent[1] >= 0) {
        oldindent = oldindent[1];
        var newindent = parseFloat(oldindent) + 1;
        YAHOO.util.Dom.replaceClass(indentdiv, 'mod-indent-'+oldindent, 'mod-indent-'+newindent);
    } else {
        YAHOO.util.Dom.addClass(indentdiv, 'mod-indent-1');
    }
    main.connect('POST', 'class=resource&field=indentright', null, 'id='+this.id);

    if (!this.indentLeftButton) {
        // Add a indent left button if none is present.
        var commandContainer = YAHOO.util.Dom.getElementsByClassName('commands', 'span', this.getEl())[0];
        var button = main.mk_button('a', main.portal.icons['backwards'], main.portal.strings['moveleft'],
                [['class', 'editing_moveleft']], [['class', 'iconsmall']]);
        YAHOO.util.Event.addListener(button, 'click', this.indent_left, this, true);
        commandContainer.insertBefore(button, this.indentRightButton);
        this.indentLeftButton = button;
    }

    return true;
};


resource_class.prototype.toggle_hide = function(target, e, superficial, force) {
    var strhide = main.portal.strings['hide'];
    var strshow = main.portal.strings['show'];
    if (force != null) {
        if (this.debug) {
            YAHOO.log("Resource "+this.getEl().id+" forced to "+force);
        }
        this.hidden = !force;
    }
    if (this.hidden) {
        YAHOO.util.Dom.removeClass(this.linkContainer, 'dimmed');
        YAHOO.util.Dom.removeClass(this.divContainer, 'dimmed_text');
        this.viewButton.childNodes[0].src = this.viewButton.childNodes[0].src.replace(/show/i, 'hide');
        this.viewButton.childNodes[0].alt = this.viewButton.childNodes[0].alt.replace(strshow, strhide);
        this.viewButton.title = this.viewButton.title.replace(strshow, strhide);
        this.hidden = false;

        if (!superficial) {
            main.connect('POST', 'class=resource&field=visible', null, 'value=1&id='+this.id);
        }
    } else {
        YAHOO.util.Dom.addClass(this.linkContainer, 'dimmed');
        YAHOO.util.Dom.addClass(this.divContainer, 'dimmed_text');
        this.viewButton.childNodes[0].src = this.viewButton.childNodes[0].src.replace(/hide/i, 'show');
        this.viewButton.childNodes[0].alt = this.viewButton.childNodes[0].alt.replace(strhide, strshow);
        this.viewButton.title = this.viewButton.title.replace(strhide, strshow);
        this.hidden = true;

        if (!superficial) {
            main.connect('POST', 'class=resource&field=visible', null, 'value=0&id='+this.id);
        }
    }
};


resource_class.prototype.groupImages = ['groupn', 'groups', 'groupv'];


resource_class.prototype.toggle_groupmode = function() {
    this.groupmode++;
    if (this.groupmode > 2) {
        this.groupmode = 0;
    }

    var newtitle = this.groupButton.title;

    switch (this.groupmode) {
        case 0:
            newtitle = main.portal.strings['groupsnone']+' ('+main.portal.strings['clicktochange']+')';
            break;
        case 1:
            newtitle = main.portal.strings['groupsseparate']+' ('+main.portal.strings['clicktochange']+')';
            break;
        case 2:
            newtitle = main.portal.strings['groupsvisible']+' ('+main.portal.strings['clicktochange']+')';
            break;
    }

    this.groupButton.getElementsByTagName('img')[0].alt = newtitle;
    this.groupButton.title = newtitle;

    this.groupButton.getElementsByTagName('img')[0].src = main.portal.icons[this.groupImages[this.groupmode]];
    main.connect('POST', 'class=resource&field=groupmode', null, 'value='+this.groupmode+'&id='+this.id);
};


resource_class.prototype.delete_button = function() {
    if (this.debug) {
    YAHOO.log("Deleting "+this.getEl().id+" from parent "+this.parentObj.getEl().id);
    }

    // default fallback to something like 'Resource 42'
    var modtype = main.getString(this.is);
    var modname = this.id;

    // try to get less cryptic instance name from DOM
    if (YAHOO.util.Dom.hasClass(this.getEl(), 'activity')) {
        if (YAHOO.util.Dom.hasClass(this.getEl(), 'label')) {
            // mod_label instance
            modtype = main.getString('modtype_label');
            modname = '';
        } else {
            // other mod instance, get the type first
            matches = new RegExp(/modtype_(\w+)/).exec(this.getEl().className);
            if (matches[1] && main.hasString('modtype_' + matches[1])) {
                modtype = main.getString('modtype_' + matches[1]);
            }
            // look for span.instancename content to get the module instance name from it
            instancename = YAHOO.util.Selector.query('.instancename', this.getEl(), true);
            if (instancename) {
                // remove the span.accesshide
                accesshides = YAHOO.util.Selector.query('.accesshide', instancename);
                for (x in accesshides) {
                    instancename.removeChild(accesshides[x]);
                }
                // strip HTML tags
                instancenametext = instancename.innerHTML.replace(/<[^>]+>/g, '');
                // and if anything survived, consider it the instance name
                if (instancenametext) {
                    modname = instancenametext;
                }
                // put span.accesshides back
                for (x in accesshides) {
                    instancename.appendChild(accesshides[x]);
                }
            }
        }
    }

    if (modname) {
        modname = "'" + modname + "'";
    }
    if (!confirm(main.getString('deletecheck', modtype + ' ' + modname))) {
        return false;
    }
    this.parentObj.remove_resource(this);
    main.connect('POST', 'class=resource&action=DELETE&id='+this.id);
};


resource_class.prototype.update_index = function(index) {
    if (this.debug) {
        YAHOO.log("Updating Index for resource "+this.getEl().id+" to "+index);
    }
};


resource_class.prototype.startDrag = function(x, y) {
    YAHOO.util.DDM.mode = YAHOO.util.DDM.INTERSECT;

    //reinitialize dd element
    this.getDragEl().innerHTML = '';

    var targets = YAHOO.util.DDM.getRelated(this, true);
    if (this.debug) {
        YAHOO.log(this.id + " startDrag "+targets.length + " targets");
    }
};


resource_class.prototype.clear_move_markers = function(target) {
    if (target.is == 'section') {
        resources = target.resources;
    } else {
        resources = target.parentObj.resources;
    }
    for (var i=0; i<resources.length; i++) {
        if (resources[i].getEl() != null) {
            YAHOO.util.Dom.setStyle(resources[i].getEl().id, 'border', 'none');
        }
    }
};


resource_class.prototype.onDragOver = function(e, ids) {
    var target = YAHOO.util.DDM.getBestMatch(ids);

    this.clear_move_markers(target);

    if (target != this && (target.is == 'resource' || target.is == 'activity')) {
        // Add a top border to show where the drop will place the resource.
        YAHOO.util.Dom.setStyle(target.getEl().id, 'border-top', '1px solid #BBB');
    } else if (target.is == 'section' && target.resources.length > 0) {
        // We need to have a border at the bottom of the last activity in
        // that section.
        if (target.resources[target.resources.length - 1].getEl() != null) {
            YAHOO.util.Dom.setStyle(target.resources[target.resources.length - 1].getEl().id,
                'border-bottom', '1px solid #BBB');
        }
    }
};


resource_class.prototype.onDragOut = function(e, ids) {
    var target = YAHOO.util.DDM.getBestMatch(ids);
    if (target) {
        this.clear_move_markers(target);
    }
};


resource_class.prototype.onDragDrop = function(e, ids) {
    var target = YAHOO.util.DDM.getBestMatch(ids);
    if (!target) {
        YAHOO.log('onDragDrop: Target is not valid!', 'error');
    }

    if (this.debug) {
        YAHOO.log("Dropped on section id="+target.sectionId
                +", el="+this.getEl().id
                +", x="+YAHOO.util.Dom.getXY( this.getDragEl() ));
    }
    this.parentObj.remove_resource(this);

    if (target.is == 'resource' || target.is == 'activity') {
        target.parentObj.insert_resource(this, target);
    } else if (target.is == 'section') {
        target.insert_resource(this);
    }
    this.clear_move_markers(target);
    return;
};


resource_class.prototype.endDrag = function() {
    // Eliminates default action
};

section_class.prototype.swap_dates = function(el){
    var i=1;
    var divs = YAHOO.util.Selector.query('div .weekdates');

    for (div in divs) {
        divs[div].innerHTML = main.sectiondates[i];
        i++;
    }
};