Ext.onReady(function() {
  the = this;
	
  this.treeSubjects = new Ext.tree.TreePanel({
  	el: 'divSubjectTreePlace',
  	title: 'Subjects',
    animate:true, 
    autoScroll:true,
    height: 600,
    root: new Ext.tree.AsyncTreeNode({}),
    rootVisible: false,
    loader: new Ext.tree.TreeLoader({
      dataUrl:'ajaxSrv.php',
      baseParams: { action: 'getTreeSubjects' }
    }),

    containerScroll: true,
    listeners: {
      dblclick: function(node, eventObject) {
      	var subjectId = node.id;
      	open('book_list.php?subjects=' + subjectId + '&thumbnails=no&records=20', '_self');      	
      }
    }
    /*bbar: new Ext.Toolbar({
      items: [{
      	text: 'See Books',
      	handler: function() {
      	  var selNode = the.treeSubjects.getSelectionModel().getSelectedNode();
      	  if (selNode == null) {
      	  	Ext.MessageBox.alert('Subjects', 'You need to select the subject');
      	  	return;
      	  }
      	  var subjectId = selNode.id;
      	  open('book_list.php?subjects=' + subjectId + '&thumbnails=no&records=20', '_self');
      	}
      }]
    })*/
  });
  
  new Ext.tree.TreeSorter(this.treeSubjects, {folderSort:true});
  this.treeSubjects.render();
  //this.treeSubjects.root.expand(false, false);
  

});