<!-- //
//check if browser is capable, NS3+, IE4+
if (document.images) 
{
	//preload images
	//base image
	img1N= new Image(133,27);
	img1N.src= 'button_home_off.gif' ;
	//hover or rollover image
	img1H= new Image(133,27);
	img1H.src= 'button_home_over.gif' ;
	
	img2N= new Image(115,27);
	img2N.src= 'button_planning_off.gif' ;
	//hover or rollover image
	img2H= new Image(115,27);
	img2H.src= 'button_planning_over.gif' ;
	
	img3N= new Image(95,27);
	img3N.src= 'button_news_off.gif' ;
	//hover or rollover image
	img3H= new Image(95,27);
	img3H.src= 'button_news_over.gif' ;
	
	img4N= new Image(93,27);
	img4N.src= 'button_battle_off.gif' ;
	//hover or rollover image
	img4H= new Image(93,27);
	img4H.src= 'button_battle_over.gif' ;

	img5N= new Image(76,27);
	img5N.src= 'button_education_off.gif' ;
	//hover or rollover image
	img5H= new Image(76,27);
	img5H.src= 'button_education_over.gif' ;
	
	img6N= new Image(53,27);
	img6N.src= 'button_functions_off.gif' ;
	//hover or rollover image
	img6H= new Image(53,27);
	img6H.src= 'button_functions_over.gif' ;
	
	function myOn(myImgName)
	{
	//we need to name the image in the BODY
	//so we can use its name here
	document[myImgName].src=eval(myImgName+ 'H' ).src;
	}
	function myOut(myImgName) 
	{
	document[myImgName].src=eval(myImgName+ 'N' ).src;
	}
} //end of if document.images
//-->