var menu = new Array();
var menu_count = 10;
var submenu_count = 10;

for(var i = 0;i<menu_count;i++)
{
	menu[i] = new Array();
	for(var j = 0;j<submenu_count;j++)
	{
		menu[i][j] = new Array();
	}
}

menu[0]["name"] = "Home";
menu[0]["link"] = "start.html";

menu[1]["name"] = "Geschichte";
menu[1]["link"] = "geschichte.html";

menu[2]["name"] = "Restaurant";
menu[2][0]["name"] = "Öffnungszeiten";
menu[2][0]["link"] = "oeffnungszeiten.html";
menu[2][1]["name"] = "Gastraum";
menu[2][1]["link"] = "gastraum.html";
menu[2][2]["name"] = "Terrasse";
menu[2][2]["link"] = "terrasse.html";

menu[3]["name"] = "Fremdenzimmer";
menu[3][0]["name"] = "Ausstattung und Leistung";
menu[3][0]["link"] = "ausstattung.html";
menu[3][1]["name"] = "Einzelzimmer";
menu[3][1]["link"] = "einzelzimmer.html";
menu[3][2]["name"] = "Doppelzimmer";
menu[3][2]["link"] = "doppelzimmer.html";
menu[3][3]["name"] = "Appartement";
menu[3][3]["link"] = "appartement.html";


menu[4]["name"] = "Metzgerei";
menu[4]["link"] = "metzgerei.html";

menu[5]["name"] = "Kultur";
menu[5][0]["name"] = "Neresheim";
menu[5][0]["link"] = "neresheim.html";
menu[5][1]["name"] = "Umgebung";
menu[5][1]["link"] = "umgebung.html";

menu[6]["name"] = "Erholung und Sport";
menu[6]["link"] = "erholung.html";

menu[7]["name"] = "Kontakt";
//menu[6][0]["name"] = "Kontakt";
menu[7]["link"] = "kontakt.html";
//menu[6][1]["name"] = "Anfahrtsweg";
//menu[6][1]["link"] = "anfahrtsweg.html";
//menu[6][2]["name"] = "Impressum";
//menu[6][2]["link"] = "impressum.html";


function build_menu()
{
	var parent_el = document.getElementById("menu_parent");
	var tbody = document.createElement("TBODY");
	parent_el.appendChild(tbody);
	
	for(var i = 0;i <= menu.length;i++)
	{
		if(menu[i]["name"])
		{
			var tr = document.createElement("TR");
			tbody.appendChild(tr);
			var td = document.createElement("TD");
			tr.appendChild(td);
			
			if(Browser.match(/^NS$/))
			{
				td.setAttribute("class","menu_first");
			}
			else
			{
				td.setAttribute("className","menu_first");
			}
			
			if(menu[i][0]["name"])
			{
				menu[i]["link"] = 'javascript:open_menu('+i+')';
				
				var a = document.createElement("A");
				td.appendChild(a);
				a.setAttribute("href",menu[i]["link"]);
				
				if(Browser.match(/^NS$/))
				{
					a.setAttribute("class","menu");
				}
				else
				{
					a.setAttribute("className","menu");
				}
				
				a.appendChild(document.createTextNode(menu[i]["name"]));
				
				var td2 = document.createElement("TD");
				tr.appendChild(td2);
				
				if(Browser.match(/^NS$/))
				{
					td2.setAttribute("class","menu_td");
				}
				else
				{
					td2.setAttribute("className","menu_td");
				}
				
				var div = document.createElement("DIV");
				td2.appendChild(div);
				
				if(Browser.match(/^NS$/))
				{
					div.setAttribute("class","menu");
				}
				else
				{
					div.setAttribute("className","menu");
				}
				
				div.setAttribute("id","menu_"+i);
				var table = document.createElement("TABLE");
				div.appendChild(table);
				table.setAttribute("cellPadding","0");
				table.setAttribute("cellSpacing","1");
				
				if(Browser.match(/^NS$/))
				{
					table.setAttribute("class","menu");
				}
				else
				{
					table.setAttribute("className","menu");
				}
				
				var inner_tbody = document.createElement("TBODY");
				table.appendChild(inner_tbody);
				
				for(var j = 0;j <= menu[i].length;j++)
				{
					if(menu[i][j]["name"])
					{
						var inner_tr = document.createElement("TR");
						inner_tbody.appendChild(inner_tr);
						var inner_td = document.createElement("TD");
						inner_tr.appendChild(inner_td);
						
						if(Browser.match(/^NS$/))
						{
							inner_td.setAttribute("class","menu_second");
						}
						else
						{
							inner_td.setAttribute("className","menu_second");
						}
						
						var inner_a = document.createElement("A");
						inner_td.appendChild(inner_a);
						inner_a.setAttribute("href",menu[i][j]["link"]);
						
						if(Browser.match(/^NS$/))
						{
							inner_a.setAttribute("class","menu");
						}
						else
						{
							inner_a.setAttribute("className","menu");
						}
						
						inner_a.appendChild(document.createTextNode(menu[i][j]["name"]));
					}
					else
					{
						var inner_tr = document.createElement("TR");
						inner_tbody.appendChild(inner_tr);
						var inner_td = document.createElement("TD");
						inner_tr.appendChild(inner_td);
						var inner_img = document.createElement("IMG");
						inner_td.appendChild(inner_img);
						inner_img.setAttribute("src","/images/nix.gif");
						inner_img.setAttribute("width","148");
						inner_img.setAttribute("height","1");
						break;
					}
				}
			}
			else
			{
				var a = document.createElement("A");
				td.appendChild(a);
				a.setAttribute("href",menu[i]["link"]);
				
				if(Browser.match(/^NS$/))
				{
					a.setAttribute("class","menu");
				}
				else
				{
					a.setAttribute("className","menu");
				}
				
				a.appendChild(document.createTextNode(menu[i]["name"]));
			}
		}
		else
		{
			var tr = document.createElement("TR");
			tbody.appendChild(tr);
			var td = document.createElement("TD");
			tr.appendChild(td);
			td.setAttribute("colSpan","2");
			td.setAttribute("height","100%");
			var img = document.createElement("IMG");
			td.appendChild(img);
			img.setAttribute("src","/images/nix.gif");
			img.setAttribute("width","148");
			img.setAttribute("height","1");
			
			break;
		}
	}
}

var clip_inter;
var clip_size;

function open_menu(id)
{
	div_id = "menu_"+id;
	
	if(document.getElementById(div_id).style.visibility == "visible")
	{
		document.getElementById(div_id).style.visibility = "hidden";
	}
	else
	{
		close_menu();
		
		document.getElementById(div_id).style.visibility = "visible";
		document.getElementById(div_id).style.clip = "rect(0px 0px 300px 0px)";
		clip_size = 0;
		clip_inter = window.setInterval("clipping('"+div_id+"')",10);
	}
}

function close_menu()
{
	for(var i = 0;i < menu_count;i++)
	{
		if(document.getElementById("menu_"+i))
		{
			document.getElementById("menu_"+i).style.visibility = "hidden";
		}
	}
}

function clipping(id)
{
	clip_size += 5;
	document.getElementById(id).style.clip = "rect(0px 150px 400px "+(162 - clip_size)+"px)";
	document.getElementById(div_id).style.left = clip_size;
	
	if(clip_size > 162)
	{
		window.clearInterval(clip_inter);
		document.getElementById(div_id).style.left = 162;
	}
}