function querySt(ji) {
hu = window.location.search.substring(1);
gy = hu.split("&");
  for (i=0;i<gy.length;i++) {
    ft = gy[i].split("=");
      if (ft[0] == ji) {
     return ft[1];
    }
  }
}

var model = querySt("model");

var currentModel;
currentModel = 1;

if (model == 1 || model == 2 || model == 3 || model == 4 || model == 5 || model == 6){
  currentModel = model;
}

function loadPage(){
	showModel(currentModel);
}

function highlight(id){
	document.getElementById(id).style.color = '#ed1c24';
}

function deHighlight(id){
	if (id != currentModel)	{
		document.getElementById(id).style.color = '#363636';
	}
}

function deHighlightAll() {
  document.getElementById('nav1sub1').style.color = '#363636';
  document.getElementById('nav1sub2').style.color = '#363636';
  document.getElementById('nav1sub3').style.color = '#363636';
  document.getElementById('nav1sub4').style.color = '#363636';
  document.getElementById('nav1sub5').style.color = '#363636';
  document.getElementById('nav1sub6').style.color = '#363636';
}

function showModel(modelNumber){
	currentModel='nav1sub' + modelNumber;
	
	for (var i = 1; i < 6; i++)	{
		deHighlight('nav1sub' + i);
	}

	highlight(currentModel);
	showFeature(modelNumber, 1);
}

function showFeature(modelNumber, featureNumber){
	var featureId = 'model' + modelNumber + '-feature' + featureNumber;
	
	document.getElementById('model1-feature1').style.display = 'none';
	document.getElementById('model1-feature2').style.display = 'none';
	document.getElementById('model1-feature3').style.display = 'none';
	document.getElementById('model1-feature4').style.display = 'none';
	document.getElementById('model1-feature5').style.display = 'none';
	document.getElementById('model1-feature6').style.display = 'none';
	
	document.getElementById('model1-feature1-text').style.display = 'none';
	document.getElementById('model1-feature2-text').style.display = 'none';
	document.getElementById('model1-feature3-text').style.display = 'none';
	document.getElementById('model1-feature4-text').style.display = 'none';
	document.getElementById('model1-feature5-text').style.display = 'none';
	document.getElementById('model1-feature6-text').style.display = 'none';

	document.getElementById('m1f1').style.display = 'none';
	document.getElementById('m1f2').style.display = 'none';
	document.getElementById('m1f3').style.display = 'none';
	document.getElementById('m1f4').style.display = 'none';
	document.getElementById('m1f5').style.display = 'none';
	document.getElementById('m1f6').style.display = 'none';
	
	document.getElementById('m2f1').style.display = 'none';
	document.getElementById('m2f2').style.display = 'none';
	document.getElementById('m2f3').style.display = 'none';
	document.getElementById('m2f4').style.display = 'none';
	document.getElementById('m2f5').style.display = 'none';
	document.getElementById('m2f6').style.display = 'none';
	
	document.getElementById('m3f1').style.display = 'none';
	document.getElementById('m3f2').style.display = 'none';
	document.getElementById('m3f3').style.display = 'none';
	document.getElementById('m3f4').style.display = 'none';
	document.getElementById('m3f5').style.display = 'none';
	document.getElementById('m3f6').style.display = 'none';
	
	if (currentModel == 'nav1sub1')	{
		document.getElementById('m1f1').style.display = 'block';
		document.getElementById('m1f2').style.display = 'block';
		document.getElementById('m1f3').style.display = 'block';
		document.getElementById('m1f4').style.display = 'block';
		document.getElementById('m1f5').style.display = 'block';
		document.getElementById('m1f6').style.display = 'block';
		
		newImage = 'url(images/m1f1off.jpg)';
		document.getElementById('m1f1').style.backgroundImage = newImage;
		newImage = 'url(images/m1f2off.jpg)';
		document.getElementById('m1f2').style.backgroundImage = newImage;
		newImage = 'url(images/m1f3off.jpg)';
		document.getElementById('m1f3').style.backgroundImage = newImage;
		newImage = 'url(images/m1f4off.jpg)';
		document.getElementById('m1f4').style.backgroundImage = newImage;
		newImage = 'url(images/m1f5off.jpg)';
		document.getElementById('m1f5').style.backgroundImage = newImage;
		newImage = 'url(images/m1f6off.jpg)';
		document.getElementById('m1f6').style.backgroundImage = newImage;
		
		newImage = 'url(images/m' + modelNumber + 'f' + featureNumber + 'on.jpg)';
		document.getElementById('m' + modelNumber + 'f' + featureNumber).style.backgroundImage = newImage;
		
		document.getElementById(featureId).style.display = 'block';
		document.getElementById(featureId).style.visibility = 'visible';
		document.getElementById(featureId + '-text').style.display = 'block';
		document.getElementById(featureId + '-text').style.visibility = 'visible';
	}

	if (currentModel == 'nav1sub2')	{
	  document.getElementById('m2f1').style.zIndex = 0;
		document.getElementById('m2f2').style.zIndex = 0;
		document.getElementById('m2f3').style.zIndex = 0;
	  document.getElementById('m2f4').style.zIndex = 0;
		document.getElementById('m2f5').style.zIndex = 0;
		document.getElementById('m2f6').style.zIndex = 0;
	
		document.getElementById('m2f1').style.display = 'block';
		document.getElementById('m2f2').style.display = 'block';
		document.getElementById('m2f3').style.display = 'block';
		document.getElementById('m2f4').style.display = 'block';
		document.getElementById('m2f5').style.display = 'block';
		document.getElementById('m2f6').style.display = 'block';
	
		newImage = 'url(images/m2f1off.jpg)';
		document.getElementById('m2f1').style.backgroundImage = newImage;
		newImage = 'url(images/m2f2off.jpg)';
		document.getElementById('m2f2').style.backgroundImage = newImage;
	  newImage = 'url(images/m2f3off.jpg)';
		document.getElementById('m2f3').style.backgroundImage = newImage;
		newImage = 'url(images/m2f4off.jpg)';
		document.getElementById('m2f4').style.backgroundImage = newImage;
		newImage = 'url(images/m2f5off.jpg)';
		document.getElementById('m2f5').style.backgroundImage = newImage;
	  newImage = 'url(images/m2f6off.jpg)';
		document.getElementById('m2f6').style.backgroundImage = newImage;
		
		newImage = 'url(images/m' + modelNumber + 'f' + featureNumber + 'on.jpg)';
		document.getElementById('m' + modelNumber + 'f' + featureNumber).style.backgroundImage = newImage;
		
		document.getElementById(featureId).style.display = 'block';
		document.getElementById(featureId).style.visibility = 'visible';
		document.getElementById('m' + modelNumber + 'f' + featureNumber).style.zIndex = 1;
		document.getElementById(featureId + '-text').style.display = 'block';
		document.getElementById(featureId + '-text').style.visibility = 'visible';
	}
	
	if (currentModel == 'nav1sub3')	{
		document.getElementById('m3f1').style.zIndex = 0;
		document.getElementById('m3f2').style.zIndex = 0;
		document.getElementById('m3f3').style.zIndex = 0;
		document.getElementById('m3f4').style.zIndex = 0;
		document.getElementById('m3f5').style.zIndex = 0;
		document.getElementById('m3f6').style.zIndex = 0;
	
		document.getElementById('m3f1').style.display = 'block';
		document.getElementById('m3f2').style.display = 'block';
		document.getElementById('m3f3').style.display = 'block';
		document.getElementById('m3f4').style.display = 'block';
		document.getElementById('m3f5').style.display = 'block';
		document.getElementById('m3f6').style.display = 'block';
	
		newImage = 'url(images/m3f1off.jpg)';
		document.getElementById('m3f1').style.backgroundImage = newImage;
		newImage = 'url(images/m3f2off.jpg)';
		document.getElementById('m3f2').style.backgroundImage = newImage;
		newImage = 'url(images/m3f3off.jpg)';
		document.getElementById('m3f3').style.backgroundImage = newImage;
		newImage = 'url(images/m3f4off.jpg)';
		document.getElementById('m3f4').style.backgroundImage = newImage;
		newImage = 'url(images/m3f5off.jpg)';
		document.getElementById('m3f5').style.backgroundImage = newImage;
		newImage = 'url(images/m3f6off.jpg)';
		document.getElementById('m3f6').style.backgroundImage = newImage;
		
		newImage = 'url(images/m' + modelNumber + 'f' + featureNumber + 'on.jpg)';
		document.getElementById('m' + modelNumber + 'f' + featureNumber).style.backgroundImage = newImage;
		
		document.getElementById(featureId).style.display = 'block';
		document.getElementById(featureId).style.visibility = 'visible';
		document.getElementById('m' + modelNumber + 'f' + featureNumber).style.zIndex = 1;
		document.getElementById(featureId + '-text').style.display = 'block';
		document.getElementById(featureId + '-text').style.visibility = 'visible';
	}
	
	if (currentModel == 'nav1sub4')	{
		document.getElementById('m4f1').style.zIndex = 0;
		document.getElementById('m4f2').style.zIndex = 0;
		document.getElementById('m4f3').style.zIndex = 0;
		document.getElementById('m4f4').style.zIndex = 0;
		document.getElementById('m4f5').style.zIndex = 0;
		document.getElementById('m4f6').style.zIndex = 0;
	
		document.getElementById('m4f1').style.display = 'block';
		document.getElementById('m4f2').style.display = 'block';
		document.getElementById('m4f3').style.display = 'block';
		document.getElementById('m4f4').style.display = 'block';
		document.getElementById('m4f5').style.display = 'block';
		document.getElementById('m4f6').style.display = 'block';
	
		newImage = 'url(images/m4f1off.jpg)';
		document.getElementById('m4f1').style.backgroundImage = newImage;
		newImage = 'url(images/m4f2off.jpg)';
		document.getElementById('m4f2').style.backgroundImage = newImage;
		newImage = 'url(images/m4f3off.jpg)';
		document.getElementById('m4f3').style.backgroundImage = newImage;
		newImage = 'url(images/m4f4off.jpg)';
		document.getElementById('m4f4').style.backgroundImage = newImage;
		newImage = 'url(images/m4f5off.jpg)';
		document.getElementById('m4f5').style.backgroundImage = newImage;
		newImage = 'url(images/m4f6off.jpg)';
		document.getElementById('m4f6').style.backgroundImage = newImage;
		
		newImage = 'url(images/m' + modelNumber + 'f' + featureNumber + 'on.jpg)';
		document.getElementById('m' + modelNumber + 'f' + featureNumber).style.backgroundImage = newImage;
		
		document.getElementById(featureId).style.display = 'block';
		document.getElementById(featureId).style.visibility = 'visible';
		document.getElementById('m' + modelNumber + 'f' + featureNumber).style.zIndex = 1;
		document.getElementById(featureId + '-text').style.display = 'block';
		document.getElementById(featureId + '-text').style.visibility = 'visible';
	}
	
	if (currentModel == 'nav1sub5')	{
		document.getElementById('m5f1').style.zIndex = 0;
		document.getElementById('m5f2').style.zIndex = 0;
		document.getElementById('m5f3').style.zIndex = 0;
		document.getElementById('m5f4').style.zIndex = 0;
		document.getElementById('m5f5').style.zIndex = 0;
		document.getElementById('m5f6').style.zIndex = 0;
	
		document.getElementById('m5f1').style.display = 'block';
		document.getElementById('m5f2').style.display = 'block';
		document.getElementById('m5f3').style.display = 'block';
		document.getElementById('m5f4').style.display = 'block';
		document.getElementById('m5f5').style.display = 'block';
		document.getElementById('m5f6').style.display = 'block';
	
		newImage = 'url(images/m5f1off.jpg)';
		document.getElementById('m5f1').style.backgroundImage = newImage;
		newImage = 'url(images/m5f2off.jpg)';
		document.getElementById('m5f2').style.backgroundImage = newImage;
		newImage = 'url(images/m5f3off.jpg)';
		document.getElementById('m5f3').style.backgroundImage = newImage;
		newImage = 'url(images/m5f4off.jpg)';
		document.getElementById('m5f4').style.backgroundImage = newImage;
		newImage = 'url(images/m5f5off.jpg)';
		document.getElementById('m5f5').style.backgroundImage = newImage;
		newImage = 'url(images/m5f6off.jpg)';
		document.getElementById('m5f6').style.backgroundImage = newImage;
		
		newImage = 'url(images/m' + modelNumber + 'f' + featureNumber + 'on.jpg)';
		document.getElementById('m' + modelNumber + 'f' + featureNumber).style.backgroundImage = newImage;
		
		document.getElementById(featureId).style.display = 'block';
		document.getElementById(featureId).style.visibility = 'visible';
		document.getElementById('m' + modelNumber + 'f' + featureNumber).style.zIndex = 1;
		document.getElementById(featureId + '-text').style.display = 'block';
		document.getElementById(featureId + '-text').style.visibility = 'visible';
	}

	if (currentModel == 'nav1sub6')	{
		document.getElementById('m6f1').style.zIndex = 0;
		document.getElementById('m6f2').style.zIndex = 0;
		document.getElementById('m6f3').style.zIndex = 0;
		document.getElementById('m6f4').style.zIndex = 0;
		document.getElementById('m6f5').style.zIndex = 0;
		document.getElementById('m6f6').style.zIndex = 0;
	
		document.getElementById('m6f1').style.display = 'block';
		document.getElementById('m6f2').style.display = 'block';
		document.getElementById('m6f3').style.display = 'block';
		document.getElementById('m6f4').style.display = 'block';
		document.getElementById('m6f5').style.display = 'block';
		document.getElementById('m6f6').style.display = 'block';
	
		newImage = 'url(images/m6f1off.jpg)';
		document.getElementById('m6f1').style.backgroundImage = newImage;
		newImage = 'url(images/m6f2off.jpg)';
		document.getElementById('m6f2').style.backgroundImage = newImage;
		newImage = 'url(images/m6f3off.jpg)';
		document.getElementById('m6f3').style.backgroundImage = newImage;
		newImage = 'url(images/m6f4off.jpg)';
		document.getElementById('m6f4').style.backgroundImage = newImage;
		newImage = 'url(images/m6f5off.jpg)';
		document.getElementById('m6f5').style.backgroundImage = newImage;
		newImage = 'url(images/m6f6off.jpg)';
		document.getElementById('m6f6').style.backgroundImage = newImage;
		
		newImage = 'url(images/m' + modelNumber + 'f' + featureNumber + 'on.jpg)';
		document.getElementById('m' + modelNumber + 'f' + featureNumber).style.backgroundImage = newImage;
		
		document.getElementById(featureId).style.display = 'block';
		document.getElementById(featureId).style.visibility = 'visible';
		document.getElementById('m' + modelNumber + 'f' + featureNumber).style.zIndex = 1;
		document.getElementById(featureId + '-text').style.display = 'block';
		document.getElementById(featureId + '-text').style.visibility = 'visible';
	}
}