<?php
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2011 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
?>
<?php
/**
 * Directories tree template
 *
 * @see Mage_Adminhtml_Block_Cms_Wysiwyg_Images_Tree
 */
?>
<div class="categories-side-col">
    <div class="tree-actions">
        <a href="#" id="tree_action_collapse"><?php echo $this->helper('cms')->__('Collapse All'); ?></a>
        <span class="separator">|</span>
        <a href="#" id="tree_action_expand"><?php echo $this->helper('cms')->__('Expand All'); ?></a>
    </div>
</div>

<div id="tree" style="width:100%; overflow:auto;"></div>

<script type="text/javascript">
Ext.onReady(function(){
    var Tree = Ext.tree;
    var tree = new Tree.TreePanel('tree', {
        animate:true,
        loader: new Tree.TreeLoader({
            dataUrl:'<?php echo $this->getTreeLoaderUrl() ?>'
        }),
        enableDD:false,
        containerScroll: true
    });

    // set the root node
    var root = new Tree.AsyncTreeNode({
        text: '<?php echo $this->getRootNodeName() ?>',
        draggable:false,
        id:'root'
    });
    tree.setRootNode(root);

    // render the tree
    tree.render();
    root.expand();

    Event.observe($('tree_action_collapse'), 'click', function(){
        tree.collapseAll();
    });

    Event.observe($('tree_action_expand'), 'click', function(){
        tree.expandAll();
    });

    MediabrowserInstance.setTree(tree);
    tree.addListener('click', MediabrowserInstance.selectFolder.bind(MediabrowserInstance));
    tree.expandPath('<?php echo $this->getTreeCurrentPath() ?>','', function(success, node) {
        MediabrowserInstance.selectFolder(node);
    });
});
</script>
