// 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 RR = document.getElementById('renalclass'); 
	var BC = document.getElementById('baseclass');
	var SM = document.getElementById('sportsclass');
	var UC = document.getElementById('underservedclass');
	var PS = document.getElementById('pegclass');
	var FP = document.getElementById('filmclass');
	var SF = document.getElementById('fitclass');
	
	//data
	var aboutcontent = document.getElementById('about');
	var renalcontent = document.getElementById('renaltext');
	var basecontent = document.getElementById('basetext');
	var sportscontent = document.getElementById('sportstext');
	var underservedcontent = document.getElementById('underservedtext');
	var pegcontent = document.getElementById('pegtext');
	var filmcontent = document.getElementById('filmtext');
	var fitcontent = document.getElementById('fittext');
	
	//hide all of the data
	renalcontent.style.display = "none";
	basecontent.style.display = "none";
	sportscontent.style.display = "none";	
	underservedcontent.style.display = "none";
	pegcontent.style.display = "none";
	filmcontent.style.display = "none";
	fitcontent.style.display = "none";
	
	//turn off other tabs
	RR.className = "tab";
	BC.className = "tab";
	SM.className = "tab";
	UC.className = "tab";
	PS.className = "tab";
	FP.className = "tab";
	SF.className = "tab";
	
	title = document.getElementById('swaptitle');
	//alert(idForDisplay);
	//show the chosend data
	if (idForDisplay == "renal"){	
		renalcontent.style.display = "block";
		aboutcontent.style.display = "none";
		title.innerHTML = "Renal Resources";
		executeTab(RR);
	}else if(idForDisplay == "base"){
		basecontent.style.display = "block";
		aboutcontent.style.display = "none";
		title.innerHTML = "Baseline";
		executeTab(BC);
	}else if(idForDisplay == "sports"){
		sportscontent.style.display = "block";
		aboutcontent.style.display = "none";
		title.innerHTML = "Sports Messaging";
		executeTab(SM);
	}else if(idForDisplay == "underserved"){
		underservedcontent.style.display = "block";
		aboutcontent.style.display = "none";
		title.innerHTML = "Underserved Communities";
		executeTab(UC);
	}else if(idForDisplay == "peg"){
		pegcontent.style.display = "block";
		aboutcontent.style.display = "none";
		title.innerHTML = "Peg Smyth Fitness Grant";
		executeTab(PS);
	}else if(idForDisplay == "film"){
		filmcontent.style.display = "block";
		aboutcontent.style.display = "none";
		title.innerHTML = "Film Projects";
		executeTab(FP);
	}else if(idForDisplay == "fit"){
		fitcontent.style.display = "block";
		aboutcontent.style.display = "none";
		title.innerHTML = "Simply Fit";
		executeTab(SF);
	}else if(idForDisplay == "close"){
		aboutcontent.style.display = "block";
		title.innerHTML = "About the Foundation";
	}
	//need to add a close option so that the user can get back to the about page.
}