/////////////////////////////////////////////////////////////

// Ensure that code is running under proper version of IE

/////////////////////////////////////////////////////////////

var menuBarActiveFlag;

if ( navigator.userAgent.indexOf( "MSIE" ) != -1 &&

     navigator.userAgent.indexOf( "Windows" ) != -1 && 

	  navigator.appVersion.substring(0,1) > 3 )

{

	menuBarActiveFlag = true;

}

else 

{ 

   menuBarActiveFlag = false; 

} 



/////////////////////////////////////////////////////////////

// Initialization block 

/////////////////////////////////////////////////////////////

if ( menuBarActiveFlag == true ) 

{

   // Constants 

	var CRLF = String.fromCharCode( 10 );

	var QUOTE = String.fromCharCode( 34 );

	var MAXITEMS = 40;

	

	// Vars 

	var menuBarObject;

	var menuBarLoaded = false;

	var menuBarCount = 0;

	var dropDownFlag = true;

	var currentMenuItem = "";  

	var xPos = 0;

	var x2Pos = 0;

	var yPos = 0;

	var y2Pos = 0;

	

   // Properties 

	var menuFont = "bold xx-small Verdana";

	var menuBgColor = "black";   

	var menuFontColor = "white";	 

	var menuMouseOverColor = "#FF9900";	



	var menuBarItems = new Array( 40 );  // This number needs to synch with MAXITEMS const

	var menuBarMinWidth;

	var menuBarHtmlCode;



	// Write stylesheet and menubar's span id 

	document.write("<SPAN ID='spanMenuBar' STYLE='display:none;'></SPAN>");



	// Build menubar 

	menuBarHtmlCode = 



		"<DIV ID='divMenuBar' STYLE='background-color:white;width:100%'>" + CRLF + 

           "<DIV ID='divSpacer1' STYLE='position:relative;height:0;'>" +

		         "<DIV ID='divTopBanner' STYLE='position:absolute;top:0;left:0;height:0;width:250;overflow:hidden;vertical-align:top;'<!--START_TOP_BANNER_AREA--><!--END_TOP_BANNER_AREA--></DIV>" +

		     "</DIV>" +

		     "<DIV ID='divSpacer2' STYLE='position:relative;left:250;height:0;'>" +

		         "<DIV ID='divFiller' STYLE='position:absolute;top:0;left:0;height:40;vertical-align:top;overflow:hidden;'></DIV>" +

		     "</DIV>" +

		     "<DIV ID='divSpacer3' STYLE='position:relative;height:20;width:100%'>" +

		          "<DIV ID='divMenuPane' STYLE='position:absolute;top:0;left:0;height:20;background-color:black;' NOWRAP><!--TOP_LEVEL_MENU_PROXY--></DIV>" +

		     "</DIV>" +

		"</DIV>" + CRLF +

		

		"<SCRIPT LANGUAGE='JavaScript'>" + 

		"   var menuBarObject = spanMenuBar;" + 

		"</SCRIPT>" + 

		"<DIV WIDTH=100%></DIV>";



	// Define event handlers

	window.onresize  = resizeMenubar;

}





/////////////////////////////////////////////////////////////

// menuItem object constructor 

/////////////////////////////////////////////////////////////

function menuItem( fID )

{

	this.id = fID;

	this.unit  = 0;

	this.width = 0;

	this.count = 0;

}



/////////////////////////////////////////////////////////////

// renderMenubar() 

/////////////////////////////////////////////////////////////

function renderMenubar()

{

	if ( menuBarActiveFlag == false ) return;



	document.write( menuBarHtmlCode );

	menuBarLoaded = true;

	menuBarMinWidth = 268; 



	divMenuBar.style.backgroundColor = menuBgColor;

	divMenuPane.style.backgroundColor = menuBgColor;



	resizeMenubar();



	for (i = 0; i < menuBarCount; i++) 

	{

		myMenu = document.all( menuBarItems[i].id );

		if ( myMenu != null ) { myMenu.style.width = menuBarItems[i].unit; }

	}

}





/////////////////////////////////////////////////////////////

// resizeMenubar() 

/////////////////////////////////////////////////////////////

function resizeMenubar()

{

	if ( menuBarActiveFlag == false ) return;



	divMenuPane.style.width = document.body.clientWidth; 

}





/////////////////////////////////////////////////////////////

// addMenu() 

/////////////////////////////////////////////////////////////

function addMenu( menuID, caption, menuUrl, target )

{ 	



   // Before adding, check count 

	if ( menuBarCount == MAXITEMS )

	{

		alert("Error. Unable to generate menubar. A maximum of " + MAXITEMS + " items has been reached.");

		return;

	}



   var s = CRLF; 



	if ( target == '' ) { target = '_top'; } 



	menuID = "MBAR_" + menuID; 



	proxyStr  = "<!--TOP_LEVEL_MENU_PROXY-->";



	s += "<A TARGET='" + target + "'" + " ID='aMBAR_" + menuID + "'" +

		  " STYLE='text-decoration:none;cursor:hand;font:" + menuFont 

		   + ";background-color:" + menuBgColor + ";color:" + menuFontColor + ";'";



	if ( menuUrl != "" )

 	  s += " HREF='" + menuUrl + "'";

	else

		s += " HREF='' onclick='window.event.returnValue=false;'";



	s += 	" onmouseout="  + QUOTE + "mouseState('out' ,'" + menuID + "'); hideDropDownMenu();" + QUOTE + 

				" onmouseover=" + QUOTE + "mouseState('over','" + menuID + "'); showDropDownMenu('"+ menuID + "');" + QUOTE + ">" +

				"&nbsp;" + caption + "&nbsp;</a>";



	s += proxyStr;

	

	menuBarHtmlCode = menuBarHtmlCode.replace( proxyStr, s );	



   // Do a check to see if its already there 

	var foundFlag = false;

	for ( i = 0; i < menuBarCount; i++ )

		if ( menuBarItems[i].id == menuID )

		{

			foundFlag = true;

			break;

		}



   // If not, then add 

	if ( foundFlag == false )

	{

		menuBarItems[i] = new menuItem( menuID );

		menuBarCount += 1;  // Update counter 

		menuBarItems[i].unit = 195; // **** width of submenu

	}



}



/////////////////////////////////////////////////////////////

// addMenuItem() 

/////////////////////////////////////////////////////////////

function addMenuItem( menuID, caption, menuUrl, target )

{	



   // Before adding, check count 

	if ( menuBarCount == MAXITEMS )

	{

		alert("Error. Unable to generate menubar. A maximum of " + MAXITEMS + " items has been reached.");

		return;

	}



	if ( target == '' ) { target = '_top'; } 

	

	menuID = "MBAR_" + menuID;

	

	var pos = menuID.toUpperCase().indexOf( "MENU" );

	if ( pos == -1) { pos = menuID.length; }



	iStr = menuID.substring( 0 , pos ) + caption; 

	uStr = menuUrl; 



	var tagLocator  = "<!--" + menuID + "-->";

	var sPos = menuBarHtmlCode.indexOf( tagLocator );



	// if not found, then add 

	if (sPos <= 0)

	{

		menuBarHtmlCode += CRLF + CRLF +

				"<SPAN ID='" + menuID + "'" +

				" STYLE='display:none;position:absolute;width:160;background-color:" + 

				  menuBgColor + ";padding-top:0;padding-left:0;padding-bottom:20;z-index:9;'" +

				" onmouseout='hideDropDownMenu();'>";



		menuBarHtmlCode += "<HR STYLE='position:absolute;left:0;top:0;color:" + menuFontColor + "' SIZE=1>";

		menuBarHtmlCode += "<DIV STYLE='position:relative;left:0;top:8;'>";

	}



	s = CRLF +

		"<A ID='aMBAR_" + menuID + "'" +

		" STYLE='text-decoration:none;cursor:hand;font:" + menuFont + ";color:" + menuFontColor + "'" +

		" HREF='" + uStr + "' TARGET='" + target + "'" +

		" onmouseout="  + QUOTE + "mouseState('out' ,'" + menuID + "');" + QUOTE + 

		" onmouseover=" + QUOTE + "mouseState('over','" + menuID + "');" + QUOTE + ">" +

		"&nbsp;" + caption + "</A><BR>" + tagLocator ;



   // if not found

	if ( sPos <= 0 )

		menuBarHtmlCode += s + "</DIV></SPAN>";

	else

	   // if found, then replace 

		menuBarHtmlCode = menuBarHtmlCode.replace( tagLocator, s );	

}



/////////////////////////////////////////////////////////////

// addMenuSeparator() 

/////////////////////////////////////////////////////////////

function addMenuSeparator( menuID )

{	

	menuID = "MBAR_" + menuID;

	var tagLocator = "<!--" + menuID + "-->";

	var pos = menuBarHtmlCode.indexOf( tagLocator );

	if ( pos > 0 )

	{

		s = CRLF + "<HR STYLE='color:" + menuFontColor + "' SIZE=1>" + tagLocator;

		menuBarHtmlCode = menuBarHtmlCode.replace( tagLocator, s );

	}

}



/////////////////////////////////////////////////////////////

// mouseState() 

/////////////////////////////////////////////////////////////

function mouseState( id ) 

{

	mouseoutFlag = ( id.toUpperCase().indexOf( "OUT" ) != -1 );



	if ( mouseoutFlag == true )

		c = menuFontColor;

	else

		c = menuMouseOverColor;



   window.event.srcElement.style.color = c;

}



/////////////////////////////////////////////////////////////

// showDropDownMenu()

/////////////////////////////////////////////////////////////

function showDropDownMenu( menuID ) 

{

	var myMenu = document.all( menuID );



	if (menuBarObject == null || myMenu == null || myMenu == menuBarObject ) 

	{

		window.event.cancelBubble = true;

		return false;

	}

	

	// Reset dropdown menu

	window.event.cancelBubble = true;

	menuBarObject.style.display = "none";

	menuBarObject = myMenu;



	// Set position of dropdown menu 

	xPos = ( window.event.srcElement.offsetLeft + window.event.srcElement.offsetParent.offsetLeft );

	x2Pos = xPos + window.event.srcElement.offsetWidth;

	yPos  = ( divSpacer1.offsetHeight + divSpacer2.offsetHeight + divSpacer3.offsetHeight );

	myMenu.style.top  = yPos;

	myMenu.style.left = xPos;

	myMenu.style.clip = "rect(0 0 0 0)";

	myMenu.style.display = "block";



	window.setTimeout( "showMenuPriv()", 3 );

	return true;

}



/////////////////////////////////////////////////////////////

// showMenuPriv()

/////////////////////////////////////////////////////////////

function showMenuPriv() 

{

	if ( menuBarObject != null ) 

	{ 

		y2Pos = yPos + menuBarObject.offsetHeight;

		menuBarObject.style.clip = "rect( auto auto auto auto )";

	}

}



/////////////////////////////////////////////////////////////

// hideDropDownMenu()

/////////////////////////////////////////////////////////////

function hideDropDownMenu()

{

	if ( menuBarObject != null && menuBarObject != spanMenuBar ) 

	{

		// Check to see if mouse is moving between the top menu and menu items; if so, don't hide 

		cY = event.clientY + document.body.scrollTop;

		if ( (event.clientX >= (xPos+5) && event.clientX <= x2Pos) &&

			 ((dropDownFlag == true  && cY > (yPos-10) && cY <= y2Pos)      ||

			  (dropDownFlag == false && cY >= yPos     && cY <= (y2Pos+10)) ))

		{

			window.event.cancelBubble = true;

			return; 

		}



		menuBarObject.style.display = "none";

		menuBarObject = spanMenuBar;

		window.event.cancelBubble = true;

	}

}