JQ(document).ready(function(){
		
	// first example
	JQ("#navigation").treeview({
		collapsed: true,
		unique: true,
		persist: "location"
	});

	
	// second example
	/*JQ("#browser").treeview({
		animated:"normal",
		persist: "cookie"
	});

	JQ("#samplebutton").click(function(){
		var branches = JQ("<li><span class='folder'>New Sublist</span><ul>" + 
			"<li><span class='file'>Item1</span></li>" + 
			"<li><span class='file'>Item2</span></li></ul></li>").appendTo("#browser");
		JQ("#browser").treeview({
			add: branches
		});
	});*/
	
	JQ(".filetree").treeview({
		animated:"normal",
		persist: "cookie"
	});

	JQ("#samplebutton").click(function(){
		var branches = JQ("<li><span class='folder'>New Sublist</span><ul>" + 
			"<li><span class='file'>Item1</span></li>" + 
			"<li><span class='file'>Item2</span></li></ul></li>").appendTo("#browser");
		JQ("#browser").treeview({
			add: branches
		});
	});



	// third example
	JQ("#red").treeview({
		animated: "fast",
		collapsed: true,
		control: "#treecontrol"
	});


});