// 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 TW = document.getElementById('twclass');
	var FB = document.getElementById('fbclass'); 
	var YT = document.getElementById('ytclass');
	
	//data	  
	var twcontent = document.getElementById('twittercontent');
	var fbcontent = document.getElementById('facebookcontent');
	var ytcontent = document.getElementById('youtubecontent');
	
	//hide all of the data
	fbcontent.style.display = "none";
	twcontent.style.display = "none";
	ytcontent.style.display = "none";
	
	//turn off other tabs
	FB.className = "tab";
	TW.className = "tab";
	YT.className = "tab";
	
	//show the chosend data
	if (idForDisplay == "twitter"){	
		twcontent.style.display = "block";
		executeTab(TW);
	}else if(idForDisplay == "face"){
		fbcontent.style.display = "block";
		executeTab(FB);
	}else if(idForDisplay == "youtube"){
		ytcontent.style.display = "block";
		executeTab(YT);
	}
}