var homeOvr = new Image(); homeOvr.src = "images/menu/homeovr.gif";
	var home = new Image(); home.src = "images/menu/home.gif";
	var officeOvr = new Image(); officeOvr.src = "images/menu/nonwebovr.gif";
	var office = new Image(); office.src = "images/menu/nonweb.gif";
	var trainingOvr = new Image(); trainingOvr.src = "images/menu/trainingServicesovr.gif";
	var training = new Image(); training.src = "images/menu/trainingServices.gif";
	var webportOvr = new Image(); webportOvr.src = "images/menu/webportfolioovr.gif";
	var webport = new Image(); webport.src = "images/menu/webportfolio.gif";
	var portOvr = new Image(); portOvr.src = "images/menu/portfolioovr.gif";
	var port = new Image();	port.src = "images/menu/portfolio.gif";
	var contactOvr = new Image(); contactOvr.src = "images/menu/contactovr.gif";
	var contact = new Image(); contact.src = "images/menu/contact.gif";
	var blogOvr = new Image(); blogOvr.src = "images/menu/blogovr.gif";
	var blog = new Image(); blog.src = "images/menu/blog.gif";
	var linksOvr = new Image(); linksOvr.src = "images/menu/linksovr.gif";
	var links = new Image(); links.src = "images/menu/links.gif";
	var seperator = new Image(); seperator.src = "images/menu/seperator.gif";
	var seperatorLeftOvr = new Image(); seperatorLeftOvr.src = "images/menu/seperatorLeft.gif";
	var seperatorRightOvr = new Image(); seperatorRightOvr.src = "images/menu/seperatorRight.gif";	
	var endovr = new Image(); endovr.src = "images/menu/endovr.gif";	
	var endnotovr = new Image(); endnotovr.src = "images/menu/end.gif";
		
	function rolloverMenu($button)
	{
		if (document.images)
		{
			document.images['menu' + $button].src = eval($button + 'Ovr').src;
			switch($button) {
				case 'home': document.images['homeOffice'].src = eval('seperatorLeftOvr').src; break;

				case 'office': document.images['officeTraining'].src = eval('seperatorLeftOvr').src; 
						document.images['homeOffice'].src = eval('seperatorRightOvr').src; break;

				case 'training': document.images['officeTraining'].src = eval('seperatorRightOvr').src;
						document.images['trainingWebportfolio'].src = eval('seperatorLeftOvr').src; break;

        			case 'webport': document.images['webportfolioPortfolio'].src = eval('seperatorLeftOvr').src;
						document.images['trainingWebportfolio'].src = eval('seperatorRightOvr').src; break;
						
				case 'port': document.images['webportfolioPortfolio'].src = eval('seperatorRightOvr').src;
						document.images['portfolioContact'].src = eval('seperatorLeftOvr').src; break;

				case 'contact': document.images['contactBlog'].src = eval('seperatorLeftOvr').src;
						document.images['portfolioContact'].src = eval('seperatorRightOvr').src; break;

				case 'blog': document.images['blogLinks'].src = eval('seperatorLeftOvr').src;
						document.images['contactBlog'].src = eval('seperatorRightOvr').src; break;
										
				case 'links': document.images['blogLinks'].src = eval('seperatorRightOvr').src; 
					       document.images['LinksEnd'].src = eval('endovr').src;break;
			}
		}
	}
	
	function rolloutMenu($button)
	{
		if (document.images)
		{
			document.images['menu' + $button].src = eval($button).src;
			switch($button) {
				case 'home': document.images['homeOffice'].src = eval('seperator').src; break;

				case 'office': document.images['officeTraining'].src = eval('seperator').src;
					document.images['homeOffice'].src = eval('seperator').src; break;

				case 'training': document.images['officeTraining'].src = eval('seperator').src;
					document.images['trainingWebportfolio'].src = eval('seperator').src; break;
				
        			case 'webport': document.images['webportfolioPortfolio'].src = eval('seperator').src;
					document.images['trainingWebportfolio'].src = eval('seperator').src; break;
					
				case 'port': document.images['webportfolioPortfolio'].src = eval('seperator').src;
					document.images['portfolioContact'].src = eval('seperator').src; break;

				case 'contact': document.images['contactBlog'].src = eval('seperator').src;
					document.images['portfolioContact'].src = eval('seperator').src; break;

				case 'blog': document.images['blogLinks'].src = eval('seperator').src;
					document.images['contactBlog'].src = eval('seperator').src; break;

				case 'links': document.images['blogLinks'].src = eval('seperator').src; 
				        document.images['LinksEnd'].src = eval('endnotovr').src;break;								
			}
		}
	}