function safeScript( inText )
{
	var outText = new String(inText);
	outText = outText.replace(/\n/g,"\\n");
	outText = outText.replace(/'/g,"\\'");
	outText = outText.replace(/"/g,"\\'\\'");
	return outText;
}

// 2006-11-28
// Hack to hide standard tire/wheel recommendations when another chart is present...
var TWR = new Array(18);
TWR[0] = false;
for( var i = 1; i < TWR.length; i++ )
	TWR[i] = true;
function doTW(i)
{
	var TWR1232131 = document.getElementById("TireWheelRecommendation");
	if ( TWR1232131 != null )
		TWR1232131.style.display = TWR[i] ? "block" : "none";
}
function flagTW(i) { TWR[i] = false; }

var liftHeight = 0;
var activeTab = null;
var activeTabNumber = 0;

var applicationHowToRead = "<div style=\"background-color:#000080;color:#FFFFFF;padding:5px;text-align:right;font-weight:bold;\"><a style=\"font-weight:bold;text-decoration:underline;color:#FFFFFF;\" href=\"" + "/" + "library/how-to-read.asp\">How To Read An Application Chart</a></div>\n";

function setLocation()
{
	var currentLocation = location.href;
	if( currentLocation.indexOf('?') > -1 ) currentLocation = currentLocation.substring(0,currentLocation.indexOf('?'));
	currentLocation += "?lift=" + liftHeight + "&tab=" + activeTabNumber;
	// location.href = currentLocation;
}

function show(d)
{
	var fdisplay = document.getElementById("tabDisplay");
	var finput = document.getElementById(d.toLowerCase()+"-lift-"+liftHeight);
	if( fdisplay )
	{
		if( finput )
		{
			if( d.toLowerCase() == "application" && location.href.indexOf('suspension/') > -1 && location.href.indexOf('BD-') < 0 ) fdisplay.innerHTML = applicationHowToRead + finput.innerHTML;
			else fdisplay.innerHTML = finput.innerHTML;
		} else {
			fdisplay.innerHTML = "<div class=\"comingSoon\"> Coming Soon! </div>";
		}
	}
}

function showLift(n)
{
	liftHeight = n;
	
	doTW(n);

	var displayTitle = document.getElementById("display-title");
	var displayText = document.getElementById("display-text");
	var displayTire = document.getElementById("display-tire");
	var displayVehicleImage = document.getElementById("vehicleImage");
	var displayKitImage = document.getElementById("kitImage");
	var displayOverflow = document.getElementById("display-overflow");

	var tabDisplay = document.getElementById("tabDisplay");

	var inputTitle = document.getElementById("title-lift-"+n);
	var inputText = document.getElementById("text-lift-"+n);
	var inputTire = document.getElementById("tire-lift-"+n);
	var inputVehicleImage = document.getElementById("vehicleImage-lift-"+n);
	var inputKitImage = document.getElementById("kitImage-lift-"+n);
	var inputOverflow = document.getElementById("overflow-lift-"+n);

	if( activeTab == null )
	{
		makeActive(document.getElementById("tab1"));
		activeTabNumber = 1;
	}

	var finput = document.getElementById(activeTab+"-lift-"+liftHeight);

	var displayTireTitle = document.getElementById("display-tire-title");

	var displayTabs = document.getElementById("tabs");
	if( displayTabs ) displayTabs.style.display = "block";
	if( displayTireTitle ) displayTireTitle.innerHTML = "<b>Tire / Wheel Recommendations</b>: ";

	if( tabDisplay && finput )
	{
		if( activeTab == "application" && location.href.indexOf('suspension/') > -1 && location.href.indexOf('BD-') < 0 ) tabDisplay.innerHTML = applicationHowToRead + finput.innerHTML;
		else tabDisplay.innerHTML = finput.innerHTML;
	} else {
		show(activeTab);
	}

	// if( displayText && inputOverflow ) displayText.innerHTML += " <a href=\"javascript:openWindowWithContent(500,300,'" + safeScript(inputTitle.innerHTML) + "','" + safeScript(inputOverflow.innerHTML) + "');\">More Information</a>";

	if( displayOverflow )
	{
		if( inputOverflow )
			displayOverflow.innerHTML = inputOverflow.innerHTML;
		else
			displayOverflow.innerHTML = "";
	}

	if( displayTitle )
	{
		if( inputTitle )
			displayTitle.innerHTML = inputTitle.innerHTML;
		else
			displayTitle.innerHTML = "<div class=\"dim\">None</div>";
	}

	if( displayText )
	{
		if( inputText )
			displayText.innerHTML = inputText.innerHTML;
		else
			displayText.innerHTML = "<div class=\"dim\">None</div>";
	}

	if( displayTire )
	{
		if( inputTire )
			displayTire.innerHTML = inputTire.innerHTML;
		else
			displayTire.innerHTML = "<div class=\"dim\">None</div>";
	}

	if( displayVehicleImage )
	{
		if( inputVehicleImage )
		{
			if( inputVehicleImage.innerHTML != "" )
			{
				displayVehicleImage.style.display = "block";
				displayVehicleImage.src = ROOT_PATH + inputVehicleImage.innerHTML;
			}
			else
			{
				displayVehicleImage.style.display = "none";
			}
		} else {
			displayVehicleImage.style.display = "block";
			displayVehicleImage.src = ROOT_PATH + "images/misc/coming-soon.gif";
		}
	}

	var liftSelectGeneric = document.getElementById("liftSelectGeneric");
	if( liftSelectGeneric )
		liftSelectGeneric.className = "liftSelect";

	var liftSelect = document.getElementById("liftSelect1");
	for( var i = 1; i <= 14; i++ )
	{
		if( liftSelect )
			liftSelect.className = "liftSelect";
		liftSelect = document.getElementById("liftSelect"+i);
	}

	var liftSelectActive = document.getElementById("liftSelect"+n);
	if( liftSelectActive )
		liftSelectActive.className = "liftSelectActive";

	setLocation();
}

function makeActive(obj)
{
	var iTab = null;

	activeTab = obj.innerHTML.substring( 0, obj.innerHTML.indexOf(' ') > 0 ? obj.innerHTML.indexOf(' ') : obj.innerHTML.length ).toLowerCase();

	iTab = document.getElementById("tab1");
	for( var i = 2; i <= 7; i++ ) // iTab != null
	{
		if( iTab != null )
		{
			if( iTab.innerHTML.substring( 0, obj.innerHTML.indexOf(' ') > 0 ? obj.innerHTML.indexOf(' ') : obj.innerHTML.length ).toLowerCase() == activeTab )
			{
				activeTabNumber = i;
				iTab.className = "tabActive";
			} else {
				iTab.className = "tab";
			}
		}
		iTab = document.getElementById("tab"+i);
	}

	var tabDisplay = document.getElementById("tabDisplay");

	var finput = document.getElementById(activeTab+"-lift-"+liftHeight);

	if( tabDisplay )
	{
		if( finput )
			tabDisplay.innerHTML = finput.innerHTML;
		else
			tabDisplay.innerHTML = "<div class=\"comingSoon\"> Coming Soon! </div>";
	}

	setLocation();
}

function showGeneric()
{
	
	if( location.href.indexOf("/suspension/") < 0 )
		return;

	doTW(0);

	var displayTitle = document.getElementById("display-title");
	var displayText = document.getElementById("display-text");
	var displayTire = document.getElementById("display-tire");
	var displayVehicleImage = document.getElementById("vehicleImage");
	var displayOverflow = document.getElementById("display-overflow");

	var tabDisplay = document.getElementById("tabDisplay");

	var inputTitle = document.getElementById("title-generic");
	var inputText = document.getElementById("text-generic");
	var inputTire = document.getElementById("tire-generic");
	var inputVehicleImage = document.getElementById("vehicleImage-generic");
	var inputOverflow = document.getElementById("overflow-generic");

	if( displayTitle && inputTitle ) displayTitle.innerHTML = inputTitle.innerHTML;
	if( displayText && inputText ) displayText.innerHTML = inputText.innerHTML;
	if( displayTire && inputTire ) displayTire.innerHTML = inputTire.innerHTML;

	// if( displayText && inputOverflow ) displayText.innerHTML += " <a href=\"javascript:openWindowWithContent(500,300,'" + safeScript(inputTitle.innerHTML) + "','" + safeScript(inputOverflow.innerHTML) + "');\">More Information</a>";
	if( displayOverflow )
	{
		if( inputOverflow )
			displayOverflow.innerHTML = inputOverflow.innerHTML;
		else
			displayOverflow.innerHTML = "";
	}

	if( displayVehicleImage )
	{
		if( inputVehicleImage )
		{
			if( inputVehicleImage.innerHTML != "" )
			{
				displayVehicleImage.style.display = "block";
				displayVehicleImage.src = ROOT_PATH + inputVehicleImage.innerHTML;
			}
			else
			{
				displayVehicleImage.style.display = "none";
			}
		} else {
			displayVehicleImage.style.display = "block";
			displayVehicleImage.src = ROOT_PATH + "images/misc/coming-soon.gif";
		}
	}

	var liftSelect = document.getElementById("liftSelect1");
	for( var i = 1; i <= 14; i++ )
	{
		if( liftSelect )
			liftSelect.className = "liftSelect";
		liftSelect = document.getElementById("liftSelect"+i);
	}

	var liftSelectActive = document.getElementById("liftSelectGeneric");
	if( liftSelectActive )
		liftSelectActive.className = "liftSelectActive";

	var tabsDisplay = document.getElementById("tabs");
	if( tabsDisplay )
		tabsDisplay.style.display = "none";

}

if( inputLiftHeight > -1 )
{
	if( window.addEventListener )
		window.addEventListener( "load", function(e) { showLift(inputLiftHeight); }, false );
	else if( window.attachEvent )
		window.attachEvent( "onload", function(e) { showLift(inputLiftHeight); } );
	else
		window.onload += function(e) { showLift(inputLiftHeight); };

} else {
	if( window.addEventListener )
		window.addEventListener( "load", showGeneric, false );
	else if( window.attachEvent )
		window.attachEvent( "onload", showGeneric );
	else
		window.onload += showGeneric;
}

if( inputTab > 0 ) var tabber = tabClick(document.getElementById("tab"+inputTab));