// JavaScript Document
function tabs(){

		document.getElementById('trellises').style.display='none;'
		document.getElementById('arbors').style.display='none;'
		document.getElementById('shelters').style.display='none;'
		document.getElementById('bridges').style.display='none;'
		document.getElementById('gazebos').style.display='none;'
		document.getElementById('benches').style.display='none;'
		document.getElementById('miscellaneous').style.display='none;'	
		};
	function switchTabs(ID){

		
		<!--document.getElementById("trellises").style.visibility="hidden";-->
		document.getElementById("trellises").style.display="none";
		
		<!--document.getElementById("arbors").style.visibility="hidden";
		document.getElementById("arbors").style.display="none";
		
		<!--document.getElementById("shelters").style.visibility="hidden";
		document.getElementById("shelters").style.display="none";
		
		<!--document.getElementById("bridges").style.visibility="hidden";
		document.getElementById("bridges").style.display="none";
				
		<!--document.getElementById("gazebos").style.visibility="hidden";
		document.getElementById("bridges").style.display="none";
		
		document.getElementById("gazebos").style.display="none";
				
		<!--document.getElementById("benches").style.visibility="hidden";
		document.getElementById("benches").style.display="none";

		<!--document.getElementById("gludeck").style.visibility="hidden";-->
		document.getElementById("miscellaneous").style.display="none";	
		
		document.getElementById("outdoor").style.display="none";
	
		document.getElementById(ID).style.visibility="visible";
		document.getElementById(ID).style.display="block";

		
	};
	function activeTab(tab, span){
		for(i = 1; i < 8; i = i + 1) {
			document.getElementById("tab" + i).style.color = "#000";
			document.getElementById("tab" + i).style.background="orange";
			document.getElementById("tab" + i).style.backgroundImage="url(files/tab-left.png)";
			document.getElementById("tab" + i).style.backgroundPosition="top left";
			document.getElementById("tab" + i).style.backgroundRepeat="no-repeat";
			document.getElementById("tab" + i).style.textDecoration="none";
		};
		for(j = 1; j < 8; j = j + 1) {
			document.getElementById("span" + j).style.backgroundImage="url(files/tab-right.png)";
			document.getElementById("span" + j).style.backgroundPosition="top right";
			document.getElementById("span" + j).style.backgroundRepeat="no-repeat";
		};
		
		document.getElementById(tab).style.color="#FFF";
		document.getElementById(tab).style.background="green";
		document.getElementById(tab).style.backgroundImage="url(files/tab-left-hover.png)";
		document.getElementById(tab).style.backgroundPosition="top left";
		document.getElementById(tab).style.backgroundRepeat="no-repeat";
		
		document.getElementById(span).style.backgroundImage="url(files/tab-right-hover.png)";
		document.getElementById(span).style.backgroundPosition="top right";
		document.getElementById(span).style.backgroundRepeat="no-repeat";		
	};