Tree controls

Hi

I can see how the basic tree works, but nesting rows isnt adding up. I would like to create a structure similar to the documentation tree on the RHS here.

Can anybody please send a snippet of code with three levels?

Txs in advance

var tree = {
0: [1, 2, 5, 15,45],
1: [],
2: [3,4],
3: [],
4: [],
5: [6,7,8,9,10,11,12,13,14],
6: [],
8: [],
9: [],
10: [],
11: [],
12: [],
13: [],
14: [],
15: [16,22,28,32],
16: [17,18,19,20,21],
17: [],
18: [],
19: [],
20: [],
21: [],
22: [23,24,25,26,27],
23: [],
24: [],
25: [],
26: [],
27: [],
28: [29,30,31],
29: [],
30: [],
31: [],
32: [33,34,35,36,37,38,39,40,41,42,43,44],
33: [],
34: [],
35: [],
36: [],
37: [],
38: [],
39: [],
40: [],
41: [],
42: [],
43: [],
44: [],
45: []}

defines the first level 0: [1, 2, 5, 15,45],
defines the second level 15: [16,22,28,32],
defines the third level 16: [17,18,19,20,21],
there are 5 items in level 1
you click on 15 and it expands to show choixes 16,22.....
this is level 2
you click on 17 you are at level three