$(document).ready(function(){

   $("#header").corner();
   //$("#leftside").corner();
		/*
	// first example
	$("#navigation").treeview({
		persist: "location",
		collapsed: true,
		unique: true
	});*/
	
	$("#container").append('<div id="message">One Moment Please</div>')
						.append('<div id="info"></div>')
						.children("#info").hide()
						.load("topics/1_presentation.html div#topic1", function(){
							$("#message").remove();
							$("#info").slideDown("slow");
							})
	
	// second example
	$("#browser").treeview({
			collapsed: true
	});
	$("#topic1").click(function() {
		$("#container").append('<div id="message">One Moment Please</div>')
						.append('<div id="info"></div>')
						.children("#info").hide()
						.load("topics/1_presentation.html div#topic1", function(){
							$("#message").remove();
							$("#info").slideDown("slow");
						})
	})
	$("#topic2").click(function() {
		$("#container").append('<div id="message">One Moment Please</div>')
						.append('<div id="info"></div>')
						.children("#info").hide()
						.load("topics/1_presentation.html div#topic2", function(){
							$("#message").remove();
							$("#info").slideDown("slow");
						})
	})
	$("#topic3").click(function() {
		$("#container").append('<div id="message">One Moment Please</div>')
						.append('<div id="info"></div>')
						.children("#info").hide()
						.load("topics/1_presentation.html div#topic3", function(){
							$("#message").remove();
							$("#info").slideDown("slow");
						})
	})
	$("#topic4").click(function() {
		$("#container").append('<div id="message">One Moment Please</div>')
						.append('<div id="info"></div>')
						.children("#info").hide()
						.load("topics/1_presentation.html div#topic4", function(){
							$("#message").remove();
							$("#info").slideDown("slow");
						})
	})
	$("#topic5").click(function() {
		$("#container").append('<div id="message">One Moment Please</div>')
						.append('<div id="info"></div>')
						.children("#info").hide()
						.load("topics/1_presentation.html div#topic5", function(){
							$("#message").remove();
							$("#info").slideDown("slow");
						})
	})
	$("#topic6").click(function() {
		$("#container").append('<div id="message">One Moment Please</div>')
						.append('<div id="info"></div>')
						.children("#info").hide()
						.load("topics/1_presentation.html div#topic6", function(){
							$("#message").remove();
							$("#info").slideDown("slow");
						})
	})
	$("#topic7").click(function() {
		$("#container").append('<div id="message">One Moment Please</div>')
						.append('<div id="info"></div>')
						.children("#info").hide()
						.load("topics/1_presentation.html div#topic7", function(){
							$("#message").remove();
							$("#info").slideDown("slow");
						})
	})
	$("#topic8").click(function() {
		$("#container").append('<div id="message">One Moment Please</div>')
						.append('<div id="info"></div>')
						.children("#info").hide()
						.load("topics/1_presentation.html div#topic8", function(){
							$("#message").remove();
							$("#info").slideDown("slow");
						})
	})
	$("#topic9").click(function() {
		$("#container").append('<div id="message">One Moment Please</div>')
						.append('<div id="info"></div>')
						.children("#info").hide()
						.load("topics/1_presentation.html div#topic9", function(){
							$("#message").remove();
							$("#info").slideDown("slow");
						})
	})
	$("#topic10").click(function() {
		$("#container").append('<div id="message">One Moment Please</div>')
						.append('<div id="info"></div>')
						.children("#info").hide()
						.load("topics/1_presentation.html div#topic10", function(){
							$("#message").remove();
							$("#info").slideDown("slow");
						})
	})
	$("#topic11").click(function() {
		$("#container").append('<div id="message">One Moment Please</div>')
						.append('<div id="info"></div>')
						.children("#info").hide()
						.load("topics/1_presentation.html div#topic11", function(){
							$("#message").remove();
							$("#info").slideDown("slow");
						})
	})
		/*
	$("#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("#browser");
		$("#browser").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");
		$("#browser").treeview({
			add: branches
		});
	});*/
	/*
	// third example
	$("#red").treeview({
		animated: "fast",
		collapsed: true,
		unique: true,
		persist: "cookie",
		toggle: function() {
			window.console && console.log("%o was toggled", this);
		}
	});*/
	/*
	// fourth example
	$("#black, #gray").treeview({
		control: "#treecontrol",
		persist: "cookie",
		cookieId: "treeview-black"
	});*/

});