// JavaScript Document
function outTab(tabData){
	tabData.className = "tab";
}
	
function executeTab(tabData){
	tabData.className = "tabactive";
	tabData.onmouseover=function(){};
	tabData.onmouseout=function(){};
}
function showTabData(idForDisplay){
	//tabs
	var TDP = document.getElementById('tdpclass');
	var WSD = document.getElementById('wsdclass'); 
	var JAD = document.getElementById('jadclass');
	//data	  
	var tdpcontent = document.getElementById('tdpcontent');
	var wsdcontent = document.getElementById('wsdcontent');
	var jadcontent = document.getElementById('jadcontent');
	
	//hide all of the data
	tdpcontent.style.display = "none";
	wsdcontent.style.display = "none";
	jadcontent.style.display = "none";
	
	//turn off other tabs
	TDP.className = "tab";
	WSD.className = "tab";
	JAD.className = "tab";
	
	//show the chosend data
	if(idForDisplay == "tour"){
		tdpcontent.style.display = "block";
		executeTab(TDP);
	}else if(idForDisplay == "water"){
		wsdcontent.style.display = "block";
		executeTab(WSD);
	}else if(idForDisplay == "johnny"){
		jadcontent.style.display = "block";
		executeTab(JAD);
	}
}