function gotoSlide(slide) {
	 document.getElementById('slideNum').value=slide;
	 document.getElementById('slideShowIMG').src="images/slideshow/final"+slide+".webp";

document.getElementById('dot1').src="/SVGs/slideDot.svg";
document.getElementById('dot2').src="/SVGs/slideDot.svg";
document.getElementById('dot3').src="/SVGs/slideDot.svg";
document.getElementById('dot4').src="/SVGs/slideDot.svg";
document.getElementById('dot5').src="/SVGs/slideDot.svg";
document.getElementById('dot6').src="/SVGs/slideDot.svg";

document.getElementById('dot'+slide).src="/SVGs/slideDotRev.svg";


	 document.getElementById('slideInfo1').style.display="none";
	 document.getElementById('slideInfo2').style.display="none";
	 document.getElementById('slideInfo3').style.display="none";
	 document.getElementById('slideInfo4').style.display="none";
	 document.getElementById('slideInfo5').style.display="none";
	 document.getElementById('slideInfo6').style.display="none";

	 document.getElementById('slideInfo'+slide).style.display="block";	
}

function prev() {
		var cur = document.getElementById('slideNum').value;
		var slide = cur-1;
		if (slide < 1) {var slide = 6;}
		gotoSlide(slide);
		clearInterval(slideshowadv);
}
function next() {
		var cur = document.getElementById('slideNum').value;
		var slide = cur*1+1;
		if (slide > 6) {var slide = 1;}
		gotoSlide(slide);
		clearInterval(slideshowadv);
}


var slideshowadv = setInterval(function changeImage() {
	var slide =	document.getElementById('slideNum').value;
	if (slide >= 6) { slide = 0; }
	var slide=slide * 1 + 1;
	 document.getElementById('slideNum').value=slide;
	 document.getElementById('slideShowIMG').src="images/slideshow/final"+slide+".jpg";

	 document.getElementById('slideInfo1').style.display="none";
	 document.getElementById('slideInfo2').style.display="none";
	 document.getElementById('slideInfo3').style.display="none";
	 document.getElementById('slideInfo4').style.display="none";
	 document.getElementById('slideInfo5').style.display="none";
	 document.getElementById('slideInfo6').style.display="none";

document.getElementById('dot1').src="/SVGs/slideDot.svg";
document.getElementById('dot2').src="/SVGs/slideDot.svg";
document.getElementById('dot3').src="/SVGs/slideDot.svg";
document.getElementById('dot4').src="/SVGs/slideDot.svg";
document.getElementById('dot5').src="/SVGs/slideDot.svg";
document.getElementById('dot6').src="/SVGs/slideDot.svg";

document.getElementById('dot'+slide).src="/SVGs/slideDotRev.svg";


	 document.getElementById('slideInfo'+slide).style.display="block";

}, 7000);
//setInterval(changeImage(), 1000);
	window.Xpos = 0;


function updateXpos(x) {
	document.getElementById('updateXpos').value = x;
}


function moveIt(xpos) {
	var blockWidth = document.getElementById('sliderSectionBlock').offsetWidth;
	var barWidth = document.getElementById('sliderContainer').offsetWidth;
	var magicNum = barWidth - blockWidth;
	
	var slideBlock = document.getElementById('sliderSectionBlock');
	var slideBar = document.getElementById('sliderContainer');

 	document.getElementById('magicNum').value = magicNum;
	
	var oldX = document.getElementById('updateXpos').value;
	var newX = oldX*1 + xpos*1;
//	alert('newX = '+newX);
	
	if (newX < 0 ) {
		newX = 0; 
	}

	if (newX > magicNum ) {
		newX = magicNum; 
	}
	
	slideBlock.scrollLeft = newX;
}

 window.increment = -1;

function changeVB(which) {
	document.getElementById('Type').style.display="none";	
	document.getElementById('Mat').style.display="none";	
	document.getElementById('App').style.display="none";	
	document.getElementById('Ind').style.display="none";	
	document.getElementById(which).style.display="";	
	
	document.getElementById("vbType").className="tab";	
	document.getElementById("vbMat").className="tab";	
	document.getElementById("vbApp").className="tab";	
	document.getElementById("vbInd").className="tab";	
	document.getElementById("vb"+which).className="tabON";
		
	setSessionVar("valvesBy",which);
}