// JavaScript Document

hXUL.disableXULRendering = true;
myPanel = hXUL.AssetManager.createPanel("myPanel", 
										[{content: document.getElementById("tabPanelA")},
										 {content: document.getElementById("tabPanelB")},
										 {content: document.getElementById("tabPanelC")}
										]);

hXUL.disableXULRendering = false;
myPanel2 = hXUL.AssetManager.createPanel("myPanel2", 
										[{content: document.getElementById("tabPanelD")},
										 {content: document.getElementById("tabPanelE")},
										 {content: document.getElementById("tabPanelF")}
										]);

var smalltree= [{content: ["1","a"]},
			   {content: ["2","b"], 
					children: [ {content: ["2a","ba"]},
								{content: ["2b","bb"],
								 children: [ 
									{content: ["3a","ca"],
									 children: [ 
										{content: ["4a","daaa"]}
									]},
									{content: ["3b","cb"]},
									{content: ["3c","cc"],
									 children: [ 
										{content: ["4d","dd"]}
									]},
									{content: ["3d","cd"]}
									]},
								{content: ["2c","bc"]}
							   ]},
					
			   {content: ["3","c"],
					children: [ 
						{content: ["5a","eaaaa"]}
					]}];
						   
		
hXUL.disableXULRendering = true;								
myTree1 = hXUL.AssetManager.createTreeView("myTree1", ["Column A","Column B"], smalltree);

hXUL.disableXULRendering = false;
myTree2 = hXUL.AssetManager.createTreeView("myTree2",["Column A","Column B"], smalltree);



myPanel.render("myTabBox");
myPanel2.render("myTabBox2");
myTree1.render("myTreeBox1");	
myTree2.render("myTreeBox2");	

document.getElementById("renderDHTMLLink").onclick = function() { 
	document.getElementById("myTreeBox1").innerHTML = "";
	myTree1.render();
	return false; 
}
document.getElementById("renderXULLink").onclick   = function() { 
	document.getElementById("myTreeBox2").innerHTML = "";
	myTree2.render();
	return false; 
}