// show the features or spercs, and update subnav links appropriately
function show(id, nav) {			
	document.getElementById("prodImage").style.display = "none";
	document.getElementById("prodFeatures").style.display = "none";
	document.getElementById("prodSpecs").style.display = "none";
	document.getElementById(id).style.display = "block";
	//document.getElementById("nav1").style.color = "#A70913";
	//document.getElementById("nav2").style.color = "#A70913";
	//document.getElementById("nav3").style.color = "#A70913";

	document.getElementById("nav1").style.color = "#751A13";
	document.getElementById("nav2").style.color = "#751A13";
	document.getElementById("nav3").style.color = "#751A13";

	nav.style.color = "#000";
	document.getElementById("prodSpecs")
}
document.write('<style type="text/css">	#prodSpecs {display:none} #prodFeatures {display:none} </style>');

// if user is viewing specs/features and reloads or bookmarks the page we want to take them back there....
window.onload = function() {
	var page = document.location.href.substring(document.location.href.lastIndexOf('#')+1);
	if (page == "specs") {
		show('prodSpecs', document.getElementById("nav3"));
	} else if (page == "features") {
		show('prodFeatures', document.getElementById("nav2"));
	}
}