// 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 RC = document.getElementById('rcclass');
	var FB = document.getElementById('fbclass'); 
	var GO = document.getElementById('goclass');	
	//data	  
	var rccontent = document.getElementById('reportcardcontent');
	var fbcontent = document.getElementById('facebookcontent');
	var gocontent = document.getElementById('googlecontent');
	
	//hide all of the data
	fbcontent.style.display = "none";
	rccontent.style.display = "none";
	gocontent.style.display = "none";	
	
	//turn off other tabs
	FB.className = "tab";
	RC.className = "tab";
	GO.className = "tab";
	
	//show the chosend data
	if (idForDisplay == "report"){	
		rccontent.style.display = "block";
		executeTab(RC);
	}else if(idForDisplay == "face"){
		fbcontent.style.display = "block";
		executeTab(FB);
	}else if(idForDisplay == "google"){
		gocontent.style.display = "block";
		executeTab(GO);
	}
}