// Script associated to the treeview menu. 
var tree = null;
var selectionPanel = null;
var deleteNodeLink = null;

function Tree() { }

Tree.handleCheckChange = function(sender, eventArgs) {
    if (eventArgs.get_node().get_checked()) {
        Tree._add(eventArgs.get_node());
    } else {
        Tree._remove(eventArgs.get_node());
    }
}

Tree._add = function(node) {
    var container = document.createElement('div');
    var textElement = document.createElement('a');
    //var buttonElement = document.createElement('img');
    
    container.id = node.get_id() + '_Container';
    container.style.display = 'inline';
    
    textElement.id = node.get_id() + '_Text';
    textElement.href = "#";
    textElement.className = 'TreeSelected';
    textElement.title = 'klik hier om te verwijderen';
    textElement.onclick = function() {
        Tree._remove(node);
    };
     
    textElement.appendChild(document.createTextNode(node.get_text()));
    /*
    buttonElement.id = node.get_id() + '_Button';
    buttonElement.src = '';
    buttonElement.style.width = '10px';
    buttonElement.style.height = '10px';
    buttonElement.title = 'Verwijderen uit selectie.';
    buttonElement.onclick = function() {
        Tree._remove(node);
    };*/
    
    container.appendChild(textElement);
    //container.appendChild(buttonElement);
    //container.appendChild(document.createTextNode(", "));
     
    // TODO: Find a way to get rid of hard-coded ID
    var selectionPanel = $get('selectionPanel');
    
    if (selectionPanel != null) {
        selectionPanel.appendChild(container);
    }
}

Tree._remove = function(node) {
    node.set_checked(false);
    // TODO: Find a way to get rid of hard-coded ID 
    var container = $get(node.get_id() + '_Container');
    var selectionPanel = $get('selectionPanel');
    
    if ((selectionPanel != null) && (container != null)) {
        selectionPanel.removeChild(container);
    }
}