

function treeVertical (a_items) 
{
	document.write('<table width="100%" 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=left height=10 bgcolor=#FFC600 ></td></tr>');		
		document.write('<tr><td align=left class="'+ cl +'"  >');
   		if(a_items[i].length>3)
			document.write('&nbsp;&nbsp;<img src="images/dot_black.gif" align="absmiddle" border="0"><a href="'+a_items[i][1]+'" class="menuCategory" expandcontentVertical('+"'structure_"+a_items[i][2]+"'"+')" style="cursor:hand;">'+a_items[i][0]+'</a>&nbsp;&nbsp;');
		else
			document.write('&nbsp;&nbsp;<img src="images/dot_black.gif" align="absmiddle" border="0"><a href="'+a_items[i][1]+'" class="menuCategory">'+a_items[i][0]+'</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');
		//document.write('<img src="images/arrow_d.gif" width="10" height="8" > ');
//	document.write('</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)
			generateVertical(a_items[i],1);
		else
			document.write('</table></div></tr></td>')
		}
	/////////////////////////////// end menu normal		
	}
		document.write("</table>");
}

function generateVertical(menu,level)
{

for (var t = 3; t < menu.length; t++)
	{
	var p = menu[t];
	var sepString='&nbsp;&nbsp;';
	for(i=0;i<level;i++)
	{
	sepString = sepString + '&nbsp;&nbsp;';
	}
	if(t == menu.length-1)
		cl = 'menuItemBlank';
	else
		cl = 'menuItem';
	if(p.length<4)
	{
		document.write('<tr><td valign="left" class="'+cl+'" onmouseover="this.style.backgroundColor='+ "'#FFFFFF'"+';" onmouseout="this.style.backgroundColor='+"'#DCEBFA'"+';">'+sepString+'<img src="images/dot_black_2.gif" align="absmiddle" border="0"><a href="'+p[1]+'" class="menuItem">'+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="'+cl+'">');


document.write(sepString+'<img src="images/dot_black.gif" align="absmiddle" border="0"><a href="'+p[1]+'" class="menuCategory" onClick="expandcontentVertical('+"'structure_"+p[2]+"'"+')" style="cursor:hand; cursor:pointer">'+p[0]+'</a>&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">');
	generateVertical(p,level+1);
			document.write("</table>");
					document.write("</div>");
	document.write("</tr></td>");
	}

	}
	
			document.write("</table>");
					document.write("</div>");
	document.write("</tr></td>");
		//document.write("</table>");
}

