// 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 BT = document.getElementById('beeftab'); 
	var TT = document.getElementById('turkeytab');
	var EG = document.getElementById('eggtab');
	var DT = document.getElementById('dairytab');
	var ET = document.getElementById('environmenttab');
	var PT = document.getElementById('porktab');
	var ST = document.getElementById('swinetab');
	var RT = document.getElementById('riverviewtab');
	var RV = document.getElementById('reviertab');
	var PS = document.getElementById('petersontab');
	var MT = document.getElementById('meyertab');
	var HT = document.getElementById('halvorsontab');
	var FT = document.getElementById('froyumtab');
	
	
	BT.className = "tab"; 
	TT.className = "tab";
	EG.className = "tab";
	DT.className = "tab";
	ET.className = "tab";
	PT.className = "tab";
	ST.className = "tab";
	RT.className = "tab";
	RV.className = "tab";
	PS.className = "tab";
	MT.className = "tab";
	HT.className = "tab";
	FT.className = "tab";
	
	//show the chosend data
	if (idForDisplay == "beef"){	
		executeTab(BT);
	}else if(idForDisplay == "turkey"){
		executeTab(TT);
	}else if(idForDisplay == "eggs"){
		executeTab(EG);
	}else if(idForDisplay == "dairy"){
		executeTab(DT);
	}else if(idForDisplay == "environment"){
		executeTab(ET);
	}else if(idForDisplay == "pork"){
		executeTab(PT);
	}else if(idForDisplay == "swine"){
		executeTab(ST);
	}else if(idForDisplay == "riverview"){
		executeTab(RT);
	}else if(idForDisplay == "revier"){
		executeTab(RV);
	}else if(idForDisplay == "peterson"){
		executeTab(PS);
	}else if(idForDisplay == "meyer"){
		executeTab(MT);
	}else if(idForDisplay == "halvorson"){
		executeTab(HT);
	}else if(idForDisplay == "froyum"){
		executeTab(FT);
	}
	//need to add a close option so that the user can get back to the about page.
}