/*function hoverTab(tabData){
		tabData.className = "tab";
	}
	
	function outTab(tabData){
		tabData.className = "tab";
	}
	
	function executeTab(tabData){
		tabData.className = "tabactive";
		tabData.onmouseover=function(){};
		tabData.onmouseout=function(){};
	}*/
	
	function showTabData(idForDisplay){
		var tabPromise = document.getElementById('tab-promise'); 
		var tabEvolution = document.getElementById('tab-evolution');
		var tabPerformance = document.getElementById('tab-performance');
		var tabPlace = document.getElementById('tab-place');
		
		var promisetab = document.getElementById('promisetab');
		var evolutiontab = document.getElementById('evolutiontab');
		var performancetab = document.getElementById('performancetab');
		
		tabPromise.style.display = "none";
		tabEvolution.style.display = "none";
		tabPerformance.style.display = "none";
		tabPlace.style.display = "none";
		 
		if (idForDisplay == "promise"){	
			tabPromise.style.display = "block";
			fleXcrollTo('mycustomscroll','0px','0px',false);
		}else if(idForDisplay == "evolution"){
			tabEvolution.style.display = "block";
			fleXcrollTo('mycustomscroll','0px','0px',false);
		}else if(idForDisplay == "performance"){
			tabPerformance.style.display = "block";
			fleXcrollTo('mycustomscroll','0px','0px',false);
		}
		
 	}
	
//a basic example external module to control scroll from outside
//NOT required for fleXcroll to run, and user do NOT need to
//know what this is for standard operation.
function fleXcrollTo(id,x,y,relative) {
	var scrollDiv = document.getElementById(id);
	//Return if the target is null
	if (scrollDiv == null) return;
	//Do the scroll by using custom method attached by fleXcroll
	//but first check if the method exists.
	if(scrollDiv.contentScroll) scrollDiv.contentScroll(x,y,relative);
	//Following is the method to tell fleXcrolled div to update itself
	if(scrollDiv.scrollUpdate) scrollDiv.scrollUpdate();

}