$(document).ready(function() {
		
	// first example
	$("#navigation").treeview({
		persist: "location",
		collapsed: true,
		unique: true
	});
	
	// second example
	$("#tree-sortiment_").treeview();
	$("#add").click(function() {
		var branches = $("<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("#tree-sortiment_");
		$("#tree-sortiment_").treeview({
			add: branches
		});
		branches = $("<li class='closed'><span class='folder'>New Sublist</span><ul><li><span class='file'>Item1</span></li><li><span class='file'>Item2</span></li></ul></li>").prependTo("#folder21");
		$("#tree-sortiment_").treeview({
			add: branches
		});
	});

	// SORTIMENT
	$("#tree-sortiment").treeview({
		animated: "fast",
		collapsed: false,
		unique: true,
		persist: "cookie",
		toggle: function() {
		window.console && console.log("%o was toggled", this);
		}
	});
	
	// third example
	$("#tree-shop").treeview({
		animated: "fast",
		collapsed: true,
		unique: true,
		persist: "cookie",
		toggle: function() {
		window.console && console.log("%o was toggled", this);
		}
	});
	
	// fourth example
	$("#").treeview({
		control: "#treecontrol",
		persist: "cookie",
		cookieId: "treeview-black"
	});

});