module.js

M.local_flavours = {

    tree: null,
    nodes: null,


    /**
     * Initializes the TreeView object
     */
    init: function(Y) {

        Y.use('yui2-treeview', function(Y) {

            var context = M.local_flavours;

            context.tree = new Y.YUI2.widget.TreeView("id_ingredients_tree");

            context.nodes = new Array();
            context.nodes['root'] = context.tree.getRoot();
        });
    },


    /**
     * Outputs the tree
     */
    render: function(Y, expandall) {

        var context = M.local_flavours;

        context.tree.setNodesProperty('propagateHighlightUp', true);
        context.tree.setNodesProperty('propagateHighlightDown', true);
        context.tree.subscribe('clickEvent', context.tree.onEventToggleHighlight);
        context.tree.render();

        if (expandall) {
            context.tree.expandAll();
            context.tree.getRoot().highlight();

            // And uncheck the ones with restrictions (the user will be able to check again)
            // In a happy world I would set an <a> attribute, something like 'checked'
            var nodes = context.tree.getNodesByProperty('highlightState', '1');  // All
            if (!Y.YUI2.lang.isNull(nodes)) {
                for (var i = 0; i < nodes.length; i++) {
                	if (nodes[i].target != '_self' && nodes[i].title == undefined) {
                        nodes[i].toggleHighlight();
                    }
                }
            } else {
                alert('null');
            }
        }

        // Listener to create one node for each selected setting
        Y.YUI2.util.Event.on('id_ingredients_submit', 'click', function() {

            // We need the moodle form to add the checked settings
            var FlavoursForm = document.getElementById('mform1');

            // TODO: Arghhhh! Look for other solutions! moodleform id can't be forced
            if (!FlavoursForm) {
            	FlavoursForm = document.getElementById('mform2');
            }

            // Only the highlighted nodes
            var hiLit = context.tree.getNodesByProperty('highlightState', 1);
            if (Y.YUI2.lang.isNull(hiLit)) {
                Y.YUI2.log("Nothing selected");

            } else {

                for (var i = 0; i < hiLit.length; i++) {

                    var treeNode = Y.Node.create(hiLit[i].getContentHtml());
                    var nodeId = treeNode.getAttribute('alt').substr(5);

                    // The way to identify a ingredient (ingredients branches not allowed)
                    if (nodeId != 'undefined' && nodeId != '') {

                        // If the node does not exists we add it
                        if (!document.getElementById(nodeId)) {

                            var ingredientelement = document.createElement('input');
                            ingredientelement.setAttribute('type', 'hidden');
                            ingredientelement.setAttribute('name', nodeId);
                            ingredientelement.setAttribute('value', '1');
                            FlavoursForm.appendChild(ingredientelement);
                        }
                    }
                }
            }
        });

    }

}