var menuFuncs = new Object();
var menuLineHeight = 0

var CSS_CLASS_SELECTED_MENU = "selectedMenuItem";
var CSS_CLASS_SELECTED_SUBMENU = "selectedSubMenu";
var CSS_CLASS_SUBMENU = "submenu";

menuFuncs.buildsubmenus = function( treeid )
{
	menuFuncs.markMenuOpenToCurrentPage();
	var ultags = document.getElementById( treeid ).getElementsByTagName( "ul" )
	for ( var t=0; t < ultags.length; t++ )
	{
		if ( treeid == ultags[t].parentNode.parentNode.id )
		{
			ultags[t].level1 = 1;
		}

		if ( ultags[t].parentNode.className != null
			&& ultags[t].parentNode.className == CSS_CLASS_SELECTED_MENU )
		{
			ultags[t].parentNode.className = CSS_CLASS_SELECTED_SUBMENU;
		}
		else
		{
			ultags[t].parentNode.className = CSS_CLASS_SUBMENU;
		}

		ultags[t].parentNode.onmouseover=function()
		{
			var that = this.getElementsByTagName("ul")[0];
			that.style.display = "block"
			if ( that.level1 )
			{	// recompute menuLineHeight from first level in case user changes text size
				var numberOfItems = menuFuncs.getChildCount( that );
				var lineHeight = that.offsetHeight;
				if ( numberOfItems != 0 && lineHeight != 0 )
				{
					menuLineHeight = parseInt( lineHeight / numberOfItems );
				}
			}

			var yScrollingOffset = menuFuncs.getScrollXY()[1];
			var windowHeight = menuFuncs.getWindowSize()[1];
			var x = this.clientWidth - 1;
			var numberOfItems = menuFuncs.getChildCount( that );
			var menuHeight = numberOfItems * menuLineHeight;
			var y = parseInt( -numberOfItems / 2 ) * menuLineHeight;	// good for most menus

			var offsetPointer = this;
			var yAbsolute = 0;
			while ( offsetPointer )
			{
				yAbsolute += offsetPointer.offsetTop;
				offsetPointer = offsetPointer.offsetParent;
			}
			var yRelative = yAbsolute - yScrollingOffset;
			if ( yRelative + y + menuHeight > windowHeight )
			{
				//y = parseInt( ( windowHeight - yRelative - menuHeight ) * 1.5 ) -1;
				y = parseInt( ( windowHeight - yRelative - menuHeight ) * 1.1 ) -1;
				if ( yRelative + y + menuHeight + menuLineHeight < 0 )
				{
					y = y + yRelative + y + menuHeight + menuLineHeight
				}
			}
			if ( yRelative + y < 0 )
			{
				y = -yRelative;
			}

			that.style.left = x + "px";
			that.style.top = y + "px";
		}

		ultags[t].parentNode.onmouseout=function()
		{
			this.getElementsByTagName("ul")[0].style.display="none"
			//that.style.zIndex = 0;
		}
	} //end for loop

} //END buildsubmenus


menuFuncs.getChildCount = function( object )
{
	var counter = 0;
	var children =  object.childNodes;

	for ( var i = 0; i < children.length; i++ )
	{
		if ( children[i].nodeType == 1 ) counter++;
	}

	return counter;

} //END getChildCount


menuFuncs.getPageName = function( pageUrl )
{
	if ( pageUrl == null || pageUrl.length == 0 )
		return " ";

	pageUrl = unescape( pageUrl );
	pageUrlParts = pageUrl.split( "/" );
	if ( pageUrlParts.length == 0 )
		return pageUrl;

	pageName = pageUrlParts[ pageUrlParts.length - 1 ];

	if ( pageName.length == 0 && pageUrlParts.length > 1 )
		pageName = pageUrlParts[ pageUrlParts.length - 2 ];

	if ( pageName.indexOf( "index." ) == 0 )
		pageName = pageUrlParts[ pageUrlParts.length - 2 ];
	return pageName;

} //END getPageName


menuFuncs.getScrollXY = function()
{
  var scrOfX = 0, scrOfY = 0;

  if( typeof( window.pageYOffset ) == 'number' )
  {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  }
  else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) )
  {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  }
  else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) )
  {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }

  return [ scrOfX, scrOfY ];

} //END getScrollXY


menuFuncs.getWindowSize = function()
{
	var myWidth = 0, myHeight = 0;

	if( typeof( window.innerWidth ) == 'number' )
	{
		//Non-IE
		myWidth = window.innerWidth;
		myHeight = window.innerHeight;
	}
	else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) )
	{
		//IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
		myHeight = document.documentElement.clientHeight;
	}
	else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) )
	{
		//IE 4 compatible
		myWidth = document.body.clientWidth;
		myHeight = document.body.clientHeight;
	}

	return [ myWidth, myHeight ];

} //END getWindowSize


menuFuncs.markMenuOpenToCurrentPage = function()
{
	var pageName = menuFuncs.getPageName( location.href );
	var menuId = menuUrls[ pageName ];
	if ( menuId != null )
	{
		var menuItem = document.getElementById( menuId );
		if ( menuItem != null )
		{
			menuItem.className = CSS_CLASS_SELECTED_MENU;

			var submenu = menuItem.getElementsByTagName( "ul" )[0];
			if ( submenu == null )
			{
				menuItem.parentNode.setAttribute( "rel", "open" );
			}
			else
			{
				submenu.setAttribute( "rel", "open" );
			}
		}
	}

} //END markMenuOpenToCurrentPage