var imgList = [
	{
		src: "images/Gray911Nose.jpg",
		adCopy: "In addition to our work on more modern variants, we specialize in the <em>restoration of vintage Porsche automobiles</em> including this beautiful 911. <a href='Projects.html'>Learn more</a>",
		logoBG: "",
		logoColor: "White"
	},
	
	{
		src: "images/Red944Nose.jpg",
		adCopy: "Steinel's has more experience with Porsche's <em>924, 944 and 968</em> variants than anyone in the midwest. Whether yours lives on the street or track (or a little of both), we can keep it in perfect tune!  <a href='Projects.html'>Learn more</a>",
		logoBG: "",
		logoColor: "White"
	},
	{
		src: "images/Stiles962.jpg",
		adCopy: "This beautiful car is actually <em>street-legal!</em> Based on the fabulous Porsche 962 and with a top speed in excess of 200 mph, it is one of the Steinel's crew's favorite visitors! <a href='Projects.html'>Learn more</a>",
		logoBG: "",
		logoColor: "White"
	},
	{
		src: "images/Yellow911Motor.jpg",
		adCopy: "One part of a terrific <em>restoration and upgrade</em> project, this newly-refurbished 911 motor is so pretty we hate to close the engine lid! <a href='Projects.html'>Learn more</a>",
		logoBG: "images/TransparentBG_50.png",
		logoColor: "White"
	},
	{
		src: "images/YellowCayman.jpg",
		adCopy: "Steinel's is your best source for work on <em>all models of Porsche automobiles</em>, from the earliest 356 to today's 911, Boxster, Cayman, Panamera and Cayenne models. <a href='Projects.html'>Learn more</a>",
		logoBG: "images/TransparentBG_50.png",
		logoColor: "White"
	},
	{
		src: "images/SpyderFrontHome.jpg",
		adCopy: "This charming 2002 reproduction of maybe the most famous race car of all time is both street worthy and eye catching. <a href='Projects.html'>Learn more</a>",
		logoBG: "images/TransparentBG_50.png",
		logoColor: "White"
	}
];

var contactURL = "";

function setMainBG(showFeatureBool, useLargeLogoBool){
	var whichImage = Math.round(Math.random()*(imgList.length - 1));
	document.getElementById("coLogo").style.backgroundImage = "url(" + imgList[whichImage].logoBG + ")";
	document.getElementById("Body").style.backgroundImage = "url(" + imgList[whichImage].src + ")";	
	if (useLargeLogoBool){
		document.getElementById("steinelsLogo").src = "images/SteinelsLogoTransparent" + imgList[whichImage].logoColor + ".png";
	} else {
		document.getElementById("steinelsLogo").src = "images/SteinelsLogoTransparent" + imgList[whichImage].logoColor + "Sm.png";
	}
	var feature = document.getElementById("featureLink");
	if (feature){
		if (showFeatureBool){
			feature.innerHTML = imgList[whichImage].adCopy;
			feature.style.display = "block";
		} else {
			feature.style.display = "none";
		}
	}
}
function showTab(tabVal){
	var tabNames = ["theCompany", "theCrew"];
	for (var i = 0; i < tabNames.length; i++){
		var thisTab = document.getElementById(tabNames[i]);
		var thisTabButton = document.getElementById(tabNames[i] + "Tab");
		if (tabVal == tabNames[i]){
			thisTab.style.display = "block";
			thisTabButton.style.background = "navy";
			thisTabButton.style.color = "white";
		} else {
			thisTab.style.display = "none";
			thisTabButton.style.background = "silver";
			thisTabButton.style.color = "gray";
		}
	}
}

function getMenuItems(itemName){
	var menuText = "<ul id='pageLinks'>";
	menuText += "<li><a class='" + ((itemName=="Home") ? "hot" : "") + "' href='Home.htm'>Home</a></li>";
	menuText += "<li><a class='" + ((itemName=="AboutUs") ? "hot" : "") + "' href='AboutUs.html'>About Steinel's</a></li>";
	menuText += "<li><a class='" + ((itemName=="Projects") ? "hot" : "") + "' href='Projects.html'>Recent Projects</a></li>";
	menuText += "<li><a class='" + ((itemName=="NotableCars") ? "hot" : "") + "' href='NotableCars.html'>Notable cars</a></li>";
	menuText += "<li><a class='" + ((itemName=="Maintenance") ? "hot" : "") + "' href='Maintenance.html'>Maintenance</a></li>";
	menuText += "<li><a class='" + ((itemName=="Restoration") ? "hot" : "") + "' href='Restoration.html'>Restoration</a></li>";
	menuText += "<li><a class='" + ((itemName=="Testimonials") ? "hot" : "") + "' href='CustomerTestimonials.html'>Testimonials</a></li>";
	menuText += "<li><a class='" + ((itemName=="ClientAdventures") ? "hot" : "") + "' href='ClientAdventures.html'>Client adventures</a></li>";
	menuText += "<li><a class='" + ((itemName=="Events") ? "hot" : "") + "' href='Events.html'>Events</a></li>";
	menuText += "<li><a class='" + ((itemName=="Links") ? "hot" : "") + "' href='Links.html'>Links</a></li>";
	menuText += "<li><a class='" + ((itemName=="Directions") ? "hot" : "") + "' href='Directions.html'>Directions</a></li>";
	menuText += "<li><a href='mailto:&#115;&#116;&#101;&#105;&#110;&#101;&#108;&#115;&#064;&#119;&#105;&#110;&#100;&#115;&#116;&#114;&#101;&#097;&#109;&#046;&#110;&#101;&#116;'>E-mail us</a></li>";
	menuText += "</ul>";
	
	return menuText
}