/*
 * Ext JS Library 2.1
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

Ext.onReady(function(){
    var tree = new Ext.tree.ColumnTree({
        el:'tree-ct',
        width:960,
        autoHeight:true,
        rootVisible:false,
        autoScroll:true,
        title: 'Support Documentation',
        
        columns:[{
            header:'Document',
            width:650,
            dataIndex:'document'
        },{
            header:'Type',
            width:110,
            dataIndex:'type'
        },{
            header:'File Size',
            width:200,
            dataIndex:'size'
        }],

        loader: new Ext.tree.TreeLoader({
            dataUrl:'column-data.json',
            uiProviders:{
                'col': Ext.tree.ColumnNodeUI
            }
        }),

        root: new Ext.tree.AsyncTreeNode({
            text:'Documents'
        })
    });
    tree.render();
});