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 tabProducts = document.getElementById('tab-products'); 
		var tabLoans = document.getElementById('tab-loans');
		var tabInsurance = document.getElementById('tab-insurance');
		
		var productstab = document.getElementById('productstab');
		var loanstab = document.getElementById('loanstab');
		var insurancetab = document.getElementById('insurancetab');
		
		tabProducts.style.display = "none";
		tabLoans.style.display = "none";
		tabInsurance.style.display = "none";
		 
		productstab.className = "tab";
		loanstab.className = "tab";
		insurancetab.className = "tab";
		
		productstab.onmouseover=function(){hoverTab(this);}
		loanstab.onmouseover=function(){hoverTab(this);}
		insurancetab.onmouseover=function(){hoverTab(this);}	
		
		productstab.onmouseout=function(){outTab(this);}
		loanstab.onmouseout=function(){outTab(this);}
		insurancetab.onmouseout=function(){outTab(this);}
		
		if (idForDisplay == "products"){	
			tabProducts.style.display = "block";
			executeTab(productstab);
		}else if(idForDisplay == "loans"){
			tabLoans.style.display = "block";
			executeTab(loanstab);			
		}else if(idForDisplay == "insurance"){
			tabInsurance.style.display = "block";
			executeTab(insurancetab);
		}
		
 	}