//--------------------------------------------//
// MainMenu object
//--------------------------------------------//
	var MAINMENU_BGCOLOR ="B7D5D3";
	var MAINMENU_WIDTH   = 774;
	var MAINMENU_HEIGHT  = 40;
	var MAINMENU_SPACER_HEIGHT = 9;
	var MAINMENU_LEFTSPACER_WIDTH = 78;
	var MAINMENU_RIGHTSPACER_WIDTH = 20;
	var MAINMENU_DATA = new Array( new Array("sub_design_overvw.html", 
                      "images/mainmenu/menu_1_on.gif", 
																					 "images/mainmenu/menu_1_off.gif",
																					 "menu_1", 
																					 117, 31),
 														     new Array("sub_docsvcs_overvw.html", 
																  			   "images/mainmenu/menu_2_on.gif", 
																			     "images/mainmenu/menu_2_off.gif", 
																				   "menu_2", 
																			     117, 31),
														     new Array("sub_mail_overvw.html", 
																				   "images/mainmenu/menu_3_on.gif", 
																				   "images/mainmenu/menu_3_off.gif",
																				   "menu_3", 
																				   117, 31),
														     new Array("sub_store_overvw.html", 
																				   "images/mainmenu/menu_4_on.gif", 
																				   "images/mainmenu/menu_4_off.gif", 
																				   "menu_4", 
																				   117, 31),
														     new Array("sub_cliprnt_printing.html", 
																				   "images/mainmenu/menu_5_on.gif", 
																				   "images/mainmenu/menu_5_off.gif", 
																				   "menu_5", 
																		 	     117, 31),
														     new Array("sub_custsvc_about.html", 
																				   "images/mainmenu/menu_6_on.gif", 
																				   "images/mainmenu/menu_6_off.gif", 
																				   "menu_6", 
																				   91, 31)
															  );

	var MAINMENU_TABLE_PROPERTIES = "border=0 " +
																  "cellspacing=0 " +	
																  "cellpadding=0 " +
																  "width=" + MAINMENU_WIDTH + " " +
																  "height=" + MAINMENU_HEIGHT + " " +
																  "bgcolor=" + MAINMENU_BGCOLOR;


//---------------------------------------//
// helper variables for menu runtime use
//---------------------------------------//
	var mmDefaultOn = false;
	var mmDefaultIndex;
	var mmActiveIndex;




function MainMenu(pageIndex, showDefault)
{
	if (pageIndex == null || pageIndex > MAINMENU_DATA.length)
		mmDefaultIndex = 0;
	else
		mmDefaultIndex = pageIndex - 1;
	this.printMenu = mmPrintMenu;
	if (showDefault != null)
		mmDefaultOn = showDefault;
}




function mmPrintMenu()
{
	var button = "";
	var spacerAction = "onMouseOver=\"" + 
											mmGetHideAction() + "\"";

	var leftSpacerImg  = makeSpacer( MAINMENU_LEFTSPACER_WIDTH,  MAINMENU_HEIGHT );		
	var rightSpacerImg = makeSpacer( MAINMENU_RIGHTSPACER_WIDTH, MAINMENU_HEIGHT );		
	var leftSpacer  = makeCell(
											makeLink("#", leftSpacerImg, spacerAction), 
											"valign=top");
	var rightSpacer = makeCell(
											makeLink("#", rightSpacerImg, spacerAction), 
											"valign=top");

	document.writeln("<TABLE " + MAINMENU_TABLE_PROPERTIES + ">");
	document.writeln("<TR>");
	document.writeln(leftSpacer);

	for (i=0; i<MAINMENU_DATA.length; i++)
	{
		button = mmGetMenuButton(i);
		document.writeln(	makeCell(button, "valign=top") );
	}

	document.writeln(rightSpacer);
	document.writeln("</TR>");
	document.writeln("</TABLE>");
}




function mmGetMenuButton(buttonIndex)
{
	var buttonData = MAINMENU_DATA[buttonIndex];
	var link    = buttonData[0];	var imgOn   = buttonData[1];
	var imgOff  = buttonData[2];	var imgName = buttonData[3];	
	var imgW    = buttonData[4];	var imgH    = buttonData[5];
	
	var spacerImg = makeSpacer(imgW, MAINMENU_SPACER_HEIGHT);
	var buttonImg = makeImage(imgOff, imgW, imgH, 0, imgName);

	var spacerAction = "onMouseOver=\"" + mmGetHideAction() + "\" onClick=\"doNothing();\"";
	var buttonAction = "onMouseOver=\"" + mmGetShowAction(buttonIndex) + "\"";

	var onButtonName = MAINMENU_DATA[mmDefaultIndex][3];
	if (onButtonName == imgName && mmDefaultOn == true)
	{	
		buttonImg = makeImage(imgOn, imgW, imgH, 0, imgName);
		buttonAction = "onMouseOver=\"" + mmGetHideAction() + "\"";
		spacerAction = "onMouseOver=\"" + mmGetHideAction() + "\"";
	}	

	var spacer       = makeLink("#", spacerImg, spacerAction);
	var button       = makeLink(link, buttonImg, buttonAction);

	// preload the button images
	var tmp1 = new Image();
	var tmp2 = new Image();
	tmp1.src = imgOn;
	tmp2.src = imgOff;

	return spacer + "<BR>" + button;
}




function mmGetShowAction(index)
{	
	var str = 	"mmHideActive(); smHideActive(); smHideDefault(); " +
					  "mmSetActiveIndex(" + index + "); " +
						"smSetActiveIndex(" + index + "); " +
						"smShowActive();";
	return str;
}



function mmGetHideAction()
{
	var str = "mmHideActive(); mmShowDefault(); smHideActive(); smShowDefault(); ";
	return str;
}










//---------------------------------------//
// helper functions for menu runtime use //
//---------------------------------------//
function mmSetActiveIndex(index)
{
//	alert("mm set active=" + index);
	mmActiveIndex = index;
}

function mmShowDefault()
{
	var str = "";
	if (mmDefaultOn == true)
	{
//	alert("mm show default=" + mmDefaultIndex);
	var imgOn = MAINMENU_DATA[mmDefaultIndex][1];
	imgName = MAINMENU_DATA[mmDefaultIndex][3];
	str = "swapImg('" + imgName + "', '" + imgOn + "'); ";
	}
	return str;
}

function mmHideDefault()
{
	var str = "";
	if (mmDefaultOn == true)
	{
//	alert("mm hide default=" + mmDefaultIndex);
	var imgOff = MAINMENU_DATA[mmDefaultIndex][2];
	var imgName = MAINMENU_DATA[mmDefaultIndex][3];
	str = "swapImg('" + imgName + "', '" + imgOff + "'); ";
	}
	return str;
}

function mmShowActive()
{
	if (mmActiveIndex != null)	
	{
	//		alert("mm show active=" + mmActiveIndex);
			var imgName = MAINMENU_DATA[mmActiveIndex][3];
			var imgOn = MAINMENU_DATA[mmActiveIndex][1];
			swapImg(imgName, imgOn);
	}
}

function mmHideActive()
{
	if (mmActiveIndex != null)	
	{
	//		alert("mm hide active=" + mmActiveIndex);
			var imgName = MAINMENU_DATA[mmActiveIndex][3];
			var imgOff = MAINMENU_DATA[mmActiveIndex][2];
			swapImg(imgName, imgOff);
	}
}