function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
	var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
	if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
	d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

//==================================================================================================
// functions to set the styles of menu's during over/out state
//==================================================================================================

function menuOn(target) {
	MM_swapImage('nav_' + target + '','','lib/img/nav_' + target + '1.gif',1);
}

// change the css class of target and change the color back to the proper color group.
function menuOff() {
	MM_swapImgRestore();
}

//==================================================================================================
// menu initialization
//==================================================================================================

function init() {

	// Check isSupported() so that menus aren't accidentally sent to non-supporting browsers.
	// This is better than server-side checking because it will also catch browsers which would
	// normally support the menus but have javascript disabled.
	//
	// If supported, call initialize() and then hook whatever image rollover code you need to do
	// to the .onactivate and .ondeactivate events for each menu.
//	if (TransMenu.isSupported()) {
		TransMenu.initialize();

		// hook all the highlight swapping of the main toolbar to menu activation/deactivation
		// instead of simple rollover to get the effect where the button stays highlited until
		// the menu is closed.
		//
		// calling msX.hideCurent() hides that menu instance.  There are muliple menu instances needed since not all of the menu's are the same height
		// offsets. The diffrent height offsets are neccesary to deal with the submenu's origionally extending beyond the bottom of the visible real
		// estate of the page. Multiple menu instances fixes this problem with unique offesents. Unfortunately this is the only work around with the
		// current menu code.
		menu1.onactivate = function() { ms0.hideCurrent(); ms1.hideCurrent(); menuOn('perception'); };
		menu1.ondeactivate = function() { menuOff(); };
		
		menu2.onactivate = function() { ms.hideCurrent(); ms1.hideCurrent(); menuOn('performance'); };
		menu2.ondeactivate = function() { menuOff(); };

		menu3.onactivate = function() { ms.hideCurrent(); ms0.hideCurrent();menuOn('connection'); };
		menu3.ondeactivate = function() { menuOff(); };

//	}
}