var nActiveTopMenu = null;
var objTopMenuTimer = null;
var nMenuTimeout = 1000;
var nUniqueTopMenuID = 0;
var objMenuBoxHolder = null;

function TopMenuOver()
{
	var parID = this.getAttribute("m");

	if ( nActiveTopMenu != null )
		TopMenuClose( nActiveTopMenu );
	if ( objTopMenuTimer != null )
		clearTimeout( objTopMenuTimer );

	nActiveTopMenu = parID;

	var objTopMenuBar = document.getElementById( "TopMenuBar" );
	var objMenuItem = objTopMenuBar.childNodes[ (parID * 2) ];
	objMenuItem.className = "item selected";

	var objMenuBoxes = document.getElementById( "TopMenuElement" );
	var objMenuBox = objMenuBoxes.childNodes[ parID ];
	var nBoxWidth = parseInt( objMenuBox.getAttribute( "boxwidth" ) );

	var objHeader = document.getElementById( "SiteHeader" );
	var nMaxX = objHeader.offsetLeft + objHeader.offsetWidth - 12; 
	var nXPos = objHeader.offsetLeft + objMenuItem.offsetLeft + 87;

	if ( ( nXPos + nBoxWidth ) > nMaxX )
	{
		nXPos = nMaxX - nBoxWidth + 4;
	}

	objMenuBox.style.width = ( nBoxWidth )+ 'px';
	objMenuBox.style.left = nXPos + 'px';
	objMenuBox.style.top = '99px';

	var objMenuItems = objMenuBox.childNodes[ 0 ].childNodes;
	for ( var i = 0; i < objMenuItems.length; i++ )
	{
		objMenuItems[ i ].style.width = parseInt( nBoxWidth - 12, 10 ) + "px";
	}

	objMenuBox.style.display = "block";
}

function TopMenuClose( )
{
	clearTimeout( objTopMenuTimer );

	var objTopMenuBar = document.getElementById( "TopMenuBar" );
	var objMenuItem = objTopMenuBar.childNodes[ (nActiveTopMenu * 2) ];
	objMenuItem.className = "item";

	var objMenuBoxes = document.getElementById( "TopMenuElement" );
	var objMenuBox = objMenuBoxes.childNodes[ nActiveTopMenu ];
	objMenuBox.style.display = "none";

	nActiveTopMenu = null;
}

function TopMenuOut( )
{
	objTopMenuTimer = setTimeout( "TopMenuClose()", nMenuTimeout );
}

function MenuBoxOver()
{
	if ( objTopMenuTimer != null )
		clearTimeout( objTopMenuTimer );
}

function MenuBoxOut()
{
	objTopMenuTimer = setTimeout( "TopMenuClose()", nMenuTimeout );
}

function MenuLinkOver()
{
	this.className = "LinkOver";
}

function MenuLinkOut()
{
	this.className = "Link";
}

function MenuLinkClick()
{
	location.href = this.getAttribute( "golink" );
}

function AddMenuN1(strMenuName,nBoxWidth)
{
	var objTopMenu = document.getElementById( "TopMenuBar" );
	var objMenuDiv = document.createElement( "DIV" );
	
	objMenuDiv.className = "item";
	objMenuDiv.setAttribute("m",nUniqueTopMenuID);
	objMenuDiv.onmouseover = TopMenuOver;
	objMenuDiv.onmouseout = TopMenuOut;
	objMenuDiv.innerHTML = strMenuName;
	objTopMenu.appendChild(objMenuDiv);

	var objSeperatorDiv = document.createElement( "DIV" );
	objSeperatorDiv.className = "seperator";
	objTopMenu.appendChild(objSeperatorDiv);

	if ( objMenuBoxHolder == null )
	{
		objMenuBoxHolder = document.createElement( "DIV" );
		objMenuBoxHolder.className = "TopMenuElement";
		objMenuBoxHolder.id = "TopMenuElement";
//		document.body.appendChild( objMenuBoxHolder );
		document.getElementById( "TopMenuBar" ).parentNode.parentNode.appendChild( objMenuBoxHolder );
	}

	var objMenuBox = document.createElement( "DIV" );
	objMenuBox.className = "MenuBox";
	objMenuBox.setAttribute( "boxwidth", nBoxWidth );
	objMenuBox.onmouseover = MenuBoxOver;
	objMenuBox.onmouseout = MenuBoxOut;
	objMenuBoxHolder.appendChild( objMenuBox );

	var objBlueBox = document.createElement( "DIV" );
	objBlueBox.className = "BlueBox";
	objMenuBox.appendChild( objBlueBox );

	nUniqueTopMenuID++;
	return objBlueBox;
}

function AddMenuN2(strMenuName,strMenuLink,objMenuBox)
{
	var objMenuItem = document.createElement( "DIV" );
	objMenuItem.className = "Link";
	objMenuItem.innerHTML = strMenuName;
	objMenuItem.onmouseover = MenuLinkOver;
	objMenuItem.onmouseout = MenuLinkOut;
	objMenuItem.onclick = MenuLinkClick;
	objMenuItem.setAttribute( "golink", strMenuLink );
	objMenuBox.appendChild( objMenuItem );
}

function AddMenuN2Seperator(objMenuBox)
{
	var objMenuItemSeperator = document.createElement( "DIV" );
	objMenuItemSeperator.className = "line";
	objMenuBox.appendChild( objMenuItemSeperator );
}
