// JavaScript Document
document.write('<div id="menu">' +
'					<div id="Logo">' +
'						<a href="index.html"><img src="images/logo.png" /></a>' +
'					</div>' +
'					<table width="100%" border="0" cellpadding="0" cellspacing="0">' +
'						<tr>' +
'							<td><img src="images/menu_01.png" width="334" height="34" alt=""></td>' +
'							<td><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'Image7\',\'\',\'images/menu_over_02.png\',1)"><img src="images/menu_02.png" name="Image7" id="Image7" width="75" height="34" border="0"></a></td>' +
'							<td><a href="portfolio.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'Image8\',\'\',\'images/menu_over_03.png\',1)"><img src="images/menu_03.png" name="Image8" id="Image8" width="106" height="34" border="0"></a></td>' +
'							<td><a href="rental_inventory.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'Image9\',\'\',\'images/menu_over_04.png\',1)"><img src="images/menu_04.png" name="Image9" id="Image9" width="117" height="34" border="0"></a></td>' +
'							<td><a href="services.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'Image10\',\'\',\'images/menu_over_05.png\',1)"><img src="images/menu_05.png" name="Image10" id="Image10" width="94" height="34" border="0"></a></td>' +
'							<td><a href="about.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'Image11\',\'\',\'images/menu_over_06.png\',1)"><img src="images/menu_06.png" name="Image11" id="Image11" width="88" height="34" border="0"></a></td>' +
'							<td><a href="contact.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'Image12\',\'\',\'images/menu_over_07.png\',1)"><img src="images/menu_07.png" name="Image12" id="Image12" width="111" height="34" border="0"></a></td>' +
'						</tr>' +
'					</table>' +
'				</div>');

//Menu Highlighting Functionality
function getLeaf(url) {

	var cleanURL = url.replace(/http:\/\//gi, '')
	cleanURL = cleanURL.replace(/file:\/\/\//gi, '')
	cleanURL = cleanURL.replace(/$.*/gi, '')
	cleanURL = cleanURL.replace(/#.*/gi, '')
	cleanURL = cleanURL.replace(/www.k4motorsports.com\//gi, '')
	cleanURL = cleanURL.replace(/www.mboxdesign.com\/k4\//gi, '')
	cleanURL = cleanURL.replace(/Z:\/K4%20Motorsports\/_Website\/web_html\//gi, '')
	return cleanURL;
}

function highlightCurrentMenuItem() {
	var currentLocation = getLeaf(document.location.href);
	var PageNameArray = new Array(99) 
	for (i = 0; i < PageNameArray.length; ++ i)
		{
			PageNameArray[i] = new Array(2);
		}
	
	PageNameArray[0][0] = 'index.html';
	PageNameArray[0][1] = 7;	
	PageNameArray[1][0] = 'portfolio.html';
	PageNameArray[1][1] = 8;	
	PageNameArray[2][0] = 'rental_inventory.html';
	PageNameArray[2][1] = 9;
	PageNameArray[3][0] = 'services.html';
	PageNameArray[3][1] = 10;
	PageNameArray[4][0] = 'about.html';
	PageNameArray[4][1] = 11;
	PageNameArray[5][0] = 'contact.html';
	PageNameArray[5][1] = 12;
	PageNameArray[6][0] = 'pit_equipment.html';
	PageNameArray[6][1] = 9;
	PageNameArray[7][0] = 'haulers.html';
	PageNameArray[7][1] = 9;
	

	for (i = 0; i < PageNameArray.length; ++ i)
		{ 
			if (currentLocation==PageNameArray[i][0]) {
				currentLink = document.getElementById('Image' + PageNameArray[i][1]);
				if(currentLink.name=='Image7')
					currentLink.src = 'images/menu_over_02.png';
				else if(currentLink.name=='Image8')
					currentLink.src = 'images/menu_over_03.png';
				else if(currentLink.name=='Image9')
					currentLink.src = 'images/menu_over_04.png';
				else if(currentLink.name=='Image10')
					currentLink.src = 'images/menu_over_05.png';
				else if(currentLink.name=='Image11')
					currentLink.src = 'images/menu_over_06.png';
				else if(currentLink.name=='Image12')
					currentLink.src = 'images/menu_over_07.png';
			}
		}
}
window.onload=function()
{
  highlightCurrentMenuItem();
}