/* we need the hover-effect for li-elements */
function ieHover() 
{
	var lis = document.getElementsByTagName("LI");
	for (var ii=0; ii<lis.length; ii++) {
		lis[ii].onmouseover=function() {
			this.className+=" hover";
		}
		lis[ii].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" hover\\b"), "");
		}
	}
}

/* we have to adjust background-image-position of the main-menu items and position of the flyout-menus */
/* be sure to update this function, if you change anything in the menu-structure! */
function bgAdjust() {
	var pos=0;
	var itemheight=0;
	var menuchilds = document.getElementById('menu').childNodes;
	for (var ii=0; ii<menuchilds.length; ii++)
	{
		if (menuchilds[ii].nodeName=='UL')
		{
			var menuitems = menuchilds[ii].childNodes;
			for (var jj=0; jj<menuitems.length; jj++)
			{
				if (menuitems[jj].nodeName=='LI')
				{
					var links = menuitems[jj].childNodes;
					for (var kk=0; kk<links.length; kk++)
					{
						if(links[kk].nodeName=='A')
						{
							links[kk].style.backgroundPosition='0 -'+pos+'px';
							itemheight=links[kk].offsetHeight;
							pos+=links[kk].offsetHeight;
						}
						else if (links[kk].nodeName=='UL')
						{
							links[kk].style.marginTop='-'+itemheight+'px';
							var lastitem = null;
							var flyoutitmes = links[kk].childNodes;
							for (var mm=0; mm<flyoutitmes.length; mm++)
							{
								if (flyoutitmes[mm].nodeName=='LI')
								{
									lastitem = flyoutitmes[mm];
								}
							}
							if (lastitem)
							{
								for (var mm=0; mm<lastitem.childNodes.length; mm++)
								{
									if (lastitem.childNodes[mm].nodeName=='A')
									{
										lastitem.childNodes[mm].className += ' lastitem';
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
function init()
{
	bgAdjust();
	if (window.attachEvent) ieHover();
}