var rotateSpeed = 8000; // Milliseconds to wait until switching tabs.
	var currentTab = 1; // Set to a different number to start on a different tab.
	var numTabs = 3; // These two variables are set on document ready.
	var autoRotate = setInterval("rotateTabs()", rotateSpeed);
	
	function rotateTabs() {
		if (currentTab == 3) {
			currentTab = 1;
			showElement('slide1');
		} else if (currentTab == 1) {
			currentTab = 2;
			showElement('slide2');
		} else if (currentTab == 2) {
			currentTab = 3;
			showElement('slide3');
		}
	}
	
	function stopRotating() {
		clearInterval(autoRotate);
	}

	function showElement(layer){
		var myLayer = document.getElementById(layer);
		var slide1 = document.getElementById('slide1');
		var slide2 = document.getElementById('slide2');
		var slide3 = document.getElementById('slide3');
		var marr = document.getElementById('marr');
		if (layer == 'slide1') {
			slide1.style.display="block";
			changeClass ('tab1', 'active1');
			slide2.style.display="none";
			changeClass ('tab2', 'img2');
			slide3.style.display="none";
			changeClass ('tab3', 'img3');
			changeClass ('carousel', 'carousel1');
			marr.style.left = '131px';
		} 
		if (layer == 'slide2') {
	     	slide1.style.display="none";
			changeClass ('tab1', 'img1');
			slide2.style.display="block";
			changeClass ('tab2', 'active2');
			slide3.style.display="none";
			changeClass ('tab3', 'img3');
			changeClass ('carousel', 'carousel2');
			marr.style.left = '465px';
		} 
		if (layer == 'slide3') {
	     	slide1.style.display="none";
			changeClass ('tab1', 'img1');
			slide2.style.display="none";
			changeClass ('tab2', 'img2');
			slide3.style.display="block";
			changeClass ('tab3', 'active3');
			changeClass ('carousel', 'carousel3');
			marr.style.left = '825px';
		}
	}
	
	function changeClass (elementID, newClass) {
		var element = document.getElementById(elementID);
		
		element.setAttribute("class", newClass); 
	}