CodeThatTree - Perfomrmance Example

var TreeDef = {
	"type"	 : "tree",
	"style"	 : {
		"imgitem" : "img/new.gif", // Image for leafs
		"imgdir" : "img/open.gif", // Image for directories
		"imgdiropen" : "img/up.gif", // Image for directories in open state
		"itemoffset" : {
			"x" : "10", "y" : "0"
		}, // Offset for a next tree level
		"css" : "test1tree",
		"size" : [169, 20]
	},
	"items" : [
	{
		"text" : "TOP-LINK",
		"menu" : {
			"items"	 : [
{
				"text" : "sublink1", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink2", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink3", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink4", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink5", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink6", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink7", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink8", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink9", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink10", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink11", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink12", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink13", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink14", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink15", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink16", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink17", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink18", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink19", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink20", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink21", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink22", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink23", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink24", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink25", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink26", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink27", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink28", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink29", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink30", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink31", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink32", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink33", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink34", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink35", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink36", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink37", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink38", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink39", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink40", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink41", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink42", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink43", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink44", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink45", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink46", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink47", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink48", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink49", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink50", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink51", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink52", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink53", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink54", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink55", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink56", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink57", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink58", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink59", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink60", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink61", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink62", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink63", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink64", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink65", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink66", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink67", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink68", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink69", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink70", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink71", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink72", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink73", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink74", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink75", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink76", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink77", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink78", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink79", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink80", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink81", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink82", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink83", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink84", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink85", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink86", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink87", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink88", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink89", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink90", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink91", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink92", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink93", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink94", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink95", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink96", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink97", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink98", "action" : {
					"url" : "#"
				}
			},
{
				"text" : "sublink99", "action" : {
					"url" : "#"
				}
			} ]
		}
	},
	{
		"text" : "TOP-LINK",
		"menu" : {
			"items"	 : [
			{
				"text" : "sublink1", "action" : {
					"url" : "#"
				}
			},
			{
				"text" : "sublink2", "action" : {
					"url" : "#"
				}
			},
			{
				"text" : "sublink3", "action" : {
					"url" : "#"
				}
			} ]
		}
	} ]
};