$(document).ready(function(){
    //main = document.getElementById("main");
	//main2 = document.getElementById("main2");
	//main3 = document.getElementById("main3");
	//main4 = document.getElementById("main4");
	//main5 = document.getElementById("main5");
	
	//main.style.display = "block";
	//main2.style.display = "block";
	//main3.style.display = "block";
	//main4.style.display = "block";
	//main5.style.display = "block";
		



	// third example

	$("#red").treeview({

		animated: "fast",

		collapsed: true,

		unique: false,

		persist: "cookie",

		toggle: function() {

			window.console && console.log("%o was toggled", this);

		}

	});

		$("#red2").treeview({

		animated: "fast",

		collapsed: true,

		unique: false,

		persist: "cookie",

		toggle: function() {

			window.console && console.log("%o was toggled", this);

		}

	});

	

		$("#red3").treeview({

		animated: "fast",

		collapsed: true,

		unique: false,

		persist: "cookie",

		toggle: function() {

			window.console && console.log("%o was toggled", this);

		}

	});

			$("#red4").treeview({

		animated: "fast",

		collapsed: true,

		unique: false,

		persist: "cookie",

		toggle: function() {

			window.console && console.log("%o was toggled", this);

		}

	});

			$("#red5").treeview({

		animated: "fast",

		collapsed: true,

		unique: false,

		persist: "cookie",

		toggle: function() {

			window.console && console.log("%o was toggled", this);

		}

	});

	// fourth example

	$("#black, #gray").treeview({

		control: "#treecontrol",

		persist: "cookie",

		cookieId: "treeview-black"

	});



});