var levelcss = new Array();
levelcss[0] = "menuTitle";
levelcss[1] = "menuTitle1";
levelcss[2] = "menuTitle2";
levelcss[3] = "menuTitle3";
levelcss[4] = "menuTitle4";


function tree (a_items) {


	document.write('<table width="150" border="0" align="left" cellpadding="0" cellspacing="0">');	
	for (var i = 0; i < a_items.length; i++)
	{
	var cl = "menuTitle";
	if(a_items[i][0]=='menu_separator')
	{
	document.write("<tr><td class=menu_separator></td></tr>");	
	
	}
	///////////////////////////// start menu normal
	else
	{
   	if(a_items[i].length>3)
	cl = "menuTitleArrowed";
	document.write('<tr><td align=right class="'+ cl +'">');
	
   	if(a_items[i].length>3)
	document.write('<div width=100% class = menu_td>&nbsp;&nbsp;<a href="'+a_items[i][1]+'" class="menuCategory">'+a_items[i][0]+'</a>&nbsp;&nbsp;<img src="images/arrow_d.gif" onClick="expandcontent('+"'structure_"+a_items[i][2]+"'"+')" style="cursor:hand; cursor:pointer" >&nbsp;&nbsp;</div>');
	else
		document.write('<div width=100% class =menu_td>&nbsp;&nbsp;<a href="'+a_items[i][1]+'" class="menuCategory">'+a_items[i][0]+'</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>');

	if(i==0)
	document.write('<div id="structure_'+a_items[i][2]+'" class="switchcontentMain" >');
	else
	document.write('<div id="structure_'+a_items[i][2]+'" class="switchcontent" >');
	document.write('<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0" id="StructureTabel">');
	if(a_items[i].length>3)
	generate(a_items[i],1);
	else
	document.write('</table></div></tr></td>')
	}
	/////////////////////////////// end menu normal		
	}
	

		document.write("</table>");
		
}

function generate(menu,level)
{



for (var t = 3; t < menu.length; t++)
	{
	var p = menu[t];
	var sepString='';
	for(i=0;i<level;i++)
	{
	sepString = sepString + '&nbsp;&nbsp;';
	}
	if(p.length<4)
	{
		document.write('<tr><td valign="middle" class="'+levelcss[level]+'" >'+sepString+'<a href="'+p[1]+'" class="menuCategory">'+p[0]+'</a></td></tr>');
	}
	else
	{
	document.write('<tr><td><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">');
		
    document.write('<tr><td class="'+levelcss[level]+'">');


document.write(sepString+ '<a href="'+p[1]+'" class="menuCategory">'+p[0]+'</a>&nbsp;&nbsp;<img src="images/arrow_d.gif" onClick="expandcontent('+"'structure_"+p[2]+"'"+')" style="cursor:hand; cursor:pointer" >&nbsp;&nbsp;');


	document.write('<div id="structure_'+p[2]+'" class="switchcontent" >');
    document.write('<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0" id="StructureTabel">');
	generate(p,level+1);
			document.write("</table>");
					document.write("</div>");
	document.write("</tr></td>");
	}

	}
	
			document.write("</table>");
					document.write("</div>");
	document.write("</tr></td>");
}