function outTab(tabData){
	tabData.className = "tab";
}
	
function executeTab(tabData){
	tabData.className = "tabactive";
	tabData.onmouseover=function(){};
	tabData.onmouseout=function(){};
}
function showTabData(idForDisplay){
	//tabs
	var FB = document.getElementById('fbclass');	
	var TW = document.getElementById('twclass');
	var IN = document.getElementById('inclass');
	var YT = document.getElementById('ytclass');	
	var RS = document.getElementById('rsclass');
	
	//data	  
	var fbcontent = document.getElementById('facebookcontent');	
	var twcontent = document.getElementById('twittercontent');
	var licontent = document.getElementById('linkedincontent');
	var ytcontent = document.getElementById('youcontent');	
	var rscontent = document.getElementById('rsscontent');
	
	//hide all of the data
	fbcontent.style.display = "none";	
	twcontent.style.display = "none";
	licontent.style.display = "none";	
	rscontent.style.display = "none";
	ytcontent.style.display = "none";
	
	//turn off other tabs
	FB.className = "tab";
	TW.className = "tab";	
	IN.className = "tab";	
	YT.className = "tab";
	RS.className = "tab";
	
	//show the chosend data
	if (idForDisplay == "face"){	
		fbcontent.style.display = "block";
		executeTab(FB);
	}else if(idForDisplay == "linked"){
		licontent.style.display = "block";
		executeTab(IN);
	}else if(idForDisplay == "twitter"){
		twcontent.style.display = "block";
		executeTab(TW);
	}else if(idForDisplay == "rss"){
		rscontent.style.display = "block";
		executeTab(RS);
	}	else if(idForDisplay == "you"){
		ytcontent.style.display = "block";
		executeTab(YT);
	}
}