var homeOvr = new Image(); homeOvr.src = "images/menu/homeovr.gif";
	var home = new Image(); home.src = "images/menu/home.gif";
	var sysanOvr = new Image(); sysanOvr.src = "images/menu/systanalysisovr.gif";
	var sysan = new Image(); sysan.src = "images/menu/systanalysis.gif";	
	var webOvr = new Image(); webOvr.src = "images/menu/webServicesovr.gif";
	var web = new Image(); web.src = "images/menu/webServices.gif";
	var webportOvr = new Image(); webportOvr.src = "images/menu/webportfolioovr.gif";
	var webport = new Image(); webport.src = "images/menu/webportfolio.gif";
	var officeOvr = new Image(); officeOvr.src = "images/menu/nonwebovr.gif";
	var office = new Image(); office.src = "images/menu/nonweb.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['homeSysan'].src = eval('seperatorLeftOvr').src; break;

				case 'sysan': document.images['sysanWeb'].src = eval('seperatorLeftOvr').src; 
						document.images['homeSysan'].src = eval('seperatorRightOvr').src; break;
						
				case 'web': document.images['webWebportfolio'].src = eval('seperatorLeftOvr').src; 
						document.images['sysanWeb'].src = eval('seperatorRightOvr').src; break;

        		case 'webport': document.images['webportfolioOffice'].src = eval('seperatorLeftOvr').src;
						document.images['webWebportfolio'].src = eval('seperatorRightOvr').src; break;

				case 'office': document.images['officePortfolio'].src = eval('seperatorLeftOvr').src;
						document.images['webportfolioOffice'].src = eval('seperatorRightOvr').src; break;
						
				case 'port': document.images['portfolioContact'].src = eval('seperatorLeftOvr').src;
						document.images['officePortfolio'].src = eval('seperatorRightOvr').src; break;

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

				case 'blog': document.images['contactBlog'].src = eval('seperatorRightOvr').src;
						document.images['blogEnd'].src = eval('endovr').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['homeSysan'].src = eval('seperator').src; break;
				
				case 'sysan': document.images['sysanWeb'].src = eval('seperator').src; 
						document.images['homeSysan'].src = eval('seperator').src; break;

				case 'web': document.images['webWebportfolio'].src = eval('seperator').src; 
						document.images['sysanWeb'].src = eval('seperator').src; break;

        		case 'webport': document.images['webportfolioOffice'].src = eval('seperator').src;
						document.images['webWebportfolio'].src = eval('seperator').src; break;

				case 'office': document.images['officePortfolio'].src = eval('seperator').src;
						document.images['webportfolioOffice'].src = eval('seperator').src; break;
						
				case 'port': document.images['portfolioContact'].src = eval('seperator').src;
						document.images['officePortfolio'].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['contactBlog'].src = eval('seperator').src;
						document.images['blogEnd'].src = eval('endnotovr').src; break;
										
				//case 'links': document.images['blogLinks'].src = eval('seperator').src; 
					    //document.images['LinksEnd'].src = eval('endnotovr').src;break;							
			}
		}
	}