Ext.onReady(function() {

	var dataproxy = new Ext.data.HttpProxy({
		url: '/documents/xml.htm',
		method: 'POST'
	});

	// The Data Store
    var store = new Ext.data.Store({
        proxy: dataproxy,
		
		// the return will be XML, so lets set up a reader
		reader: new Ext.data.XmlReader({
			// records will have an "Item" tag
			totalRecords: 'total',
			record: 'item',
			id: 'id'
		}, [
			// set up the fields mapping into the xml doc
			'department_name',
			'folder_name',
			'name', 
			'description',
			'date_added',
			'location',
			'type',
			'actions'
		])
    });

	// Exmapnder
    var expander = new Ext.grid.RowExpander({
        tpl : new Ext.Template(
            '<div style="padding-left:5px; margin-bottom:5px;"><b>Name:</b> {name}<br /><b>Description:</b> {description}</div>'
        )
    });

	// Create Grid
	var grid = new Ext.grid.GridPanel({
        store: store,
        columns: [
			expander,
            {header: "Department", dataIndex: 'department_name', sortable: true},
		    {header: "Subject", dataIndex: 'folder_name', sortable: true},
            {header: "Name", width:200, dataIndex: 'name', sortable: true},
            {header: "Date Added", width: 60, dataIndex: 'date_added', sortable: true},
			{header: "Actions", width: 80, dataIndex: 'actions', sortable: false}
        ],
		viewConfig: {
			forceFit: true
		},
        renderTo:'document_grid',
        width:797,
        height:500,
		loadMask: true,
		stripeRows: true,
		border: true,
		plugins: expander,
		title:'Document Library'
		/*
        bbar: new Ext.PagingToolbar({
            pageSize: 10,
            store: store,
            displayInfo: true,
            displayMsg: 'Displaying documents {0} - {1} of {2}',
            emptyMsg: "No documents to display"
        })
		*/
    });

    store.load(); // {params:{start: 0, limit: 10}}	
});

function clear_filters ()
{
	document.getElementById('department').selectedIndex = 0;
	document.getElementById('folder').selectedIndex 	= 0;
	document.getElementById('name').value 				= '';
	document.getElementById('archived').slectedIndex 	= 0;
}