startList = function()
{
	if (document.all&&document.getElementById)
	{
		navRoot = document.getElementById("nav_sub");
		for (i=0; i<navRoot.childNodes.length; i++)
		{
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI")
			{
				node.onmouseover=function()
				{
					this.className+=" over";
			  }
			  node.onmouseout=function()
			  {
				  this.className=this.className.replace(" over", "");
   			}
   		}
  	}
 	}
}
window.onload=startList;

if (document.images)
{
	homeImg = new Image(567, 332);
	homeImg.src = 'cmsimages/home.jpg';
	intakeImg = new Image(567, 332);
	intakeImg.src = 'cmsimages/home_intake.jpg';
	suspensionImg = new Image(567, 332);
	suspensionImg.src = 'cmsimages/home_suspension.jpg';
	oempartsImg = new Image(567, 332);
	oempartsImg.src = 'cmsimages/home_oemparts.jpg';
	engineImg = new Image(567, 332);
	engineImg.src = 'cmsimages/home_engine.jpg';
	brakesImg = new Image(567, 332);
	brakesImg.src = 'cmsimages/home_brakes.jpg';
	interiorImg = new Image(567, 332);
	interiorImg.src = 'cmsimages/home_interior.jpg';
	drivetrainImg = new Image(567, 332);
	drivetrainImg.src = 'cmsimages/home_drivetrain.jpg';
	wheelsImg = new Image(567, 332);
	wheelsImg.src = 'cmsimages/home_wheels.jpg';
}

// change styling of sub_nav in safari
var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		}
	],
	dataOS: [
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		}
	]
};
BrowserDetect.init();

if (BrowserDetect.browser == 'Safari')
{
	document.write('<style type="text/css">');
	document.write('@import url("cmscss/safari.css");');
	document.write('</style>');
}

if (BrowserDetect.browser != 'Safari' && BrowserDetect.OS == 'Mac')
{
	document.write('<style type="text/css">');
	document.write('@import url("cmscss/ffmac.css");');
	document.write('</style>');
}

function showImg(img)
{
	var image = document.getElementById('image');
	switch (img)
	{
		case 'intake':
			image.src = intakeImg.src;
		break;
		case 'suspension':
			image.src = suspensionImg.src;
		break;
		case 'oemparts':
			image.src = oempartsImg.src;
		break;
		case 'engine':
			image.src = engineImg.src;
		break;
		case 'brakes':
			image.src = brakesImg.src;
		break;
		case 'interior':
			image.src = interiorImg.src;
		break;
		case 'drivetrain':
			image.src = drivetrainImg.src;
		break;
		case 'wheels':
			image.src = wheelsImg.src;
		break;
		default:
			image.src = homeImg.src;
		break;
	}
}

function revertImg()
{
	var image = document.getElementById('image');
	image.src = homeImg.src;
}