document.observe("dom:loaded",function(){
	
	$$("#toc li ul").invoke("toggle");
	
	$$("#toc > li > a").each(function(el){
		if(el.up().select("ul").length>0){
			el.observe("click",function(ev){
				el.up().select("ul").invoke("toggle");
				if(el.hasClassName('open')) {
					el.removeClassName('open');
				} else {
					el.addClassName('open');
				}
				Event.stop(ev);	
			}.bind(el));
		}
	});
	
	$$("table.lightview").each(function(el){
		el.hide();
		var p = document.createElement("p");
		var a = document.createElement("a");
		a.innerHTML="View example";
		a.href='#'; p.className="icon lv";
		id = el.id;
		a.className=id;
	
		p.appendChild(a);
		el.insert({before:p});
	});
		
});

Event.observe(window, 'load', function() {
	$$("p.lv a[class!='lightview']").each(function(el){
		id = el.className;
		el.observe("click",function(ev){
			Lightview.show('#'+id);
			Event.stop(ev);
		}.bind(id));
	});
});