Ext.onReady(function(){

	var domNode = Ext.get('companyinfo-left-nav');
	if (domNode) {
		//get selected nodes
		var currentUriNode = Ext.get("current_loc_uri");
		var currentUri = '';
		if (currentUriNode) {
			currentUri = currentUriNode.dom.innerHTML;
		}
		//end get selected nodes
		
		var store = new Ext.data.SimpleStore({
		    fields: ['name', 'url', 'lvl'],
		    data: [ 
		    	['About Ninelogic', '/company_profile.jsp', '1'],
		    	['Company profile', '/company_profile.jsp', '2'],
		    	['Business strategy', '/business_strategy.jsp', '2'],
		    	['Contact Ninelogic', '/contact.jsp', '1'],
		    	['Jobs', '#', '1'],
		    	['Privacy', '/privacy.jsp', '1'],
		    	['Terms of service', '/terms_of_service.jsp', '1']
		    ]//end data
		});
		
	    var tree = new Ext.tree.TreePanel({
	        autoHeight:true,
	        width:170,
	        useArrows:true,
	        //bodyStyle: 'background: transparent;',
	        ctCls: 'left-nav-ctcls',
	        animate:true,
	        border:false,
	        style:'padding-top:5px;padding-bottom:10px',
	        rootVisible:false
	    });
	
	    // set the root node
	    var root = new Ext.tree.TreeNode({
	        text: '<font class="left-nav-root">Ninelogic</font>',
	        expanded: true
	    });
	    tree.setRootNode(root);
		
		var treenode;
		store.each(function(rec){
			var name = rec.get('name');
			var url = rec.get('url');
			var lvl = rec.get('lvl');
			
			//detect whether this node should be expanded or highlighted
	    	var highlight = '';
			var highlightCls = 'tree-node-highlight';
	    	if (url.length!=0 && currentUri.indexOf(url)!=-1) {
	    		highlight = highlightCls;
		    	url = "#";
	    	}
		    if (lvl=='1') {
		    	var newNode =  new Ext.tree.TreeNode({
			        text: name
			       ,cls: 'left-nav-leaf ' + highlight
			       ,expanded: true
			       ,href: url
			    });
		    	root.appendChild(newNode);
		    	treenode = newNode;
		    }
		    if (lvl=='2') {
		    	var newNode =  new Ext.tree.TreeNode({
			        text: name
			       ,cls: 'left-nav-leaf ' + highlight
			       ,expanded: true
			       ,href: url
			    });
			    treenode.appendChild(newNode);
			    if (highlight == highlightCls) {
				    treenode.attributes.cls='left-nav-leaf ' + highlight;
			    }
		    }
		});
	
		var panel = new Ext.Panel({
            title: '<span class="panel-title ranking-nav-title">Ninelogic Info</span>',
	    	el: 'companyinfo-left-nav',
            frame: true,
            bodyStyle: 'font-size:12px',
            layout: 'fit',
            height: 'auto',
            items: tree
		});
		
	    // render the tree
	    panel.render();
	}

})