var g_menu = 
		[
			{
				id: "wavesisters",
				title: "WaveSisters",
				href: "http://www.wavesisters.com/index.html",
				items:
				[
					{
						id: "about",
						title: "About",
						href: "http://www.wavesisters.com/wavesisters/about.html"
					},
					{
						id: "team",
						title: "Team",
						href: "http://www.wavesisters.com/wavesisters/team.html"
					},
					{
						id: "sponsoren",
						title: "Sponsoren",
						href: "http://www.wavesisters.com/wavesisters/sponsoren.html"
					},
					
					{
						id: "fotogalerie",
						title: "Galerien",
						href: "http://www.wavesisters.com/wavesisters/galerie.html"
					},
					
					{
						id: "gaestebuch",
						title: "Gästebuch",
						href: "http://www.wavesisters.com/wavesisters/gaestebuch.php"
					},
					{
						id: "shop",
						title: "Shopdetektor",
						href: "http://www.wavesisters.com/wavesisters/shopdetektor.html"
					},
					{
						id: "presse",
						title: "Presse",
						href: "http://www.wavesisters.com/wavesisters/presse.html"
					},
					{
						id: "links",
						title: "Links",
						href: "http://www.wavesisters.com/wavesisters/links.html"
					}
				]
			},
			{
				id: "surfschool",
				title: "Surfschool",
				href: "http://www.wavesisters.com/surfschool/surfschool.html",
				items:
				[
					{
						id: "kurse",
						title: "Kurse",
						href: "http://www.wavesisters.com/surfschool/kurse.html"
					},
					{
						id: "kids",
						title: "Kids",
						href: "http://www.wavesisters.com/surfschool/kids.html"
					},
					{
						id: "tipps",
						title: "Tipps zur Vorbereitung auf den Kurs",
						href: "http://www.wavesisters.com/surfschool/tipps.html"
					}
				]
			},
			{
				id: "rundum",
				title: "All Around",
				href: "http://www.wavesisters.com/rundum/all_around.html",
				items:
				[
					{
						id: "unterkunft",
						title: "Unterkunft",
						href: "http://www.wavesisters.com/rundum/unterkunft_hostel.html"
					},
					{
						id: "mietwagen",
						title: "Mietwagen",
						href: "http://www.wavesisters.com/rundum/mietwagen.html"
					},
					{
						id: "yoga",
						title: "Yoga",
						href: "http://www.wavesisters.com/rundum/yoga.html"
					},
					{
						id: "massagen",
						title: "Massage & Co",
						href: "http://www.wavesisters.com/rundum/massagen.html"
					},
					{
						id: "kids",
						title: "Kids",
						href: "http://www.wavesisters.com/surfschool/kids.html"
					}

				]
			},
			{
				id: "lanzarote",
				title: "Lanzarote",
				href: "http://www.wavesisters.com/lanzarote/lanzarote.html",
				items:
				[
					{
						id: "surfspots",
						title: "Surfspots",
						href: "http://www.wavesisters.com/lanzarote/surfspots.html"
					},
					{
						id: "famara",
						title: "Famara",
						href: "http://www.wavesisters.com/lanzarote/famara.html"
					},
					{
						id: "flug",
						title: "Flug / Anreise",
						href: "http://www.wavesisters.com/lanzarote/flug_anreise.html"
					}
				]
			},
			{
				id: "termine_preise",
				title: "Termine / Preise",
				href: "http://www.wavesisters.com/termine_preise/termine_preise.html",
				items:
				[
					
					{
						id: "agb",
						title: "AGB`s",
						href: "http://www.wavesisters.com/termine_preise/agb.html"
					},
					{
						id: "anmeldung",
						title: "Anmeldung",
						href: "http://www.wavesisters.com/termine_preise/anmeldung.html"
					},
					{
						id: "anreise",
						title: "Anreise",
						href: "http://www.wavesisters.com/lanzarote/flug_anreise.html"
					}
				]
			},
			{
				id: "kontakt_impressum",
				title: "Impressum / Kontakt",
				href: "http://www.wavesisters.com/kontakt/impressum.html",
				items:
				[
					{
						id: "kontakt",
						title: "Kontakt",
						href: "http://www.wavesisters.com/kontakt/kontakt.html"
					}
				]
			}
		];

	function drawMenu(menu, id, depth)
	{
		var sHtml = "", item = null;
		sHtml = "<ul";
		if(id!="") sHtml += " id=\"" + id + "\"";
		sHtml += ">";
		for(var i=0; i<menu.length; i++)
		{
			item = menu[i];
			sHtml += "<li";
			sHtml += " class=\"level" + depth;
			if(menu[i].active) sHtml += "active";
			sHtml += "\"";
			sHtml += "><a href=\"" + item.href + "\">" + item.title + "</a>";
			if(item.items!=null) sHtml += drawMenu(item.items, "", depth + 1);
			sHtml += "</li>";
		}
		sHtml += "</ul>";
		return(sHtml);
	}
	
	function activateMenuItem(menu, id)
	{
		for(var i=0; i<menu.length; i++)
		{
			setActive(menu[i], id);
		}
	}
	
	function setActive(elem, id)
	{
		
		elem.active = (elem.id==id);
		if(elem.items)
		{
			for(var i=0; i<elem.items.length; i++)
			{
				if(setActive(elem.items[i], id))
				{
					elem.active = true;
				}
			}
		}
		return(elem.active);
	}

	sfHover = function() {
		var sfEls = document.getElementById("nav").getElementsByTagName("LI");
		for (var i=0; i<sfEls.length; i++) {
			sfEls[i].onmouseover=function() {
				this.className+=" sfhover";
			}
			sfEls[i].onmouseout=function() {
				this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
			}
		}
	}
	if (window.attachEvent) window.attachEvent("onload", sfHover);