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

Ext.onReady(function(){
    // shorthand
	

	var testtree = Ext.get("tree-div");	

	if(testtree != null){

		//Der Internet Explorer versagt leider bei der Definition von .x-tree-selected.x-tree-leaf und wendet diese 
		//Definition auf alle Elemente an, die der Klasse hinterlegt zugewiesen wurden, 
		//nicht nur dem Abschnitt, der mit class="x-tree-selected x-tree-leaf" explizit beiden Klassen zugewiesen wurde.
		//override standard functionality (see ext-all-debug.js line 23625)	
		Ext.tree.TreeNodeUI.prototype.onSelectedChange = function(state){
        if(state){
            this.focus();
            this.addClass("x-tree-selected");
			if(this.wasLeaf){
				this.addClass("x-tree-leaf-selected");
			}
        }else{
            this.removeClass("x-tree-selected");
			if(this.wasLeaf){
				this.removeClass("x-tree-leaf-selected");
			}
        }
    }
	
	
		var Tree = Ext.tree;

	    var tree = new Tree.TreePanel({
	        el:'tree-div',
			cls: 'x-tree-custom',
	        useArrows:true,
	        autoScroll:true,
	        animate:false,
	        enableDD:false,
	        containerScroll: true,
			rootVisible : false,
			
			dataUrl:'json/filetree.php?type=leftnav&lang='+lang+'&area='+area+'&prod='+prod+'&id='+id,
	        // auto create TreeLoader
	        //dataUrl: 'get-nodes.php',

	        root: {
	            nodeType: 'async',
	            text: 'Ext JS',
	            draggable:false,
	            id:'source',
				cls: 'rootCSS'
	        }
	    });
		


		
	    tree.getRootNode().expand();
		//debugger;
		//tree.getNodeById("1").expand();
	    // render the tree
	    tree.render();
	}

});