var currentTab="one";

function  highlight(tab){
   if(tab.id==currentTab){  
	 return;
   }
   document.getElementById(tab.id).className='tabOver';
}

function  fade(tab){	 
   if(tab.id==currentTab){  
	 return;
   }
   document.getElementById(tab.id).className='tabOut';		   
}

function showTab(tab){
   
   if(tab.id==currentTab){  			            		            
			return;
   }
   //previous selection
   document.getElementById(currentTab).className='tabOut';
   		
   //new current
   currentTab=tab.id;
   document.getElementById(currentTab).className='tabOver';

	//Hide all Tabs content--------   
   document.getElementById("tab_one").className='collapse';
   document.getElementById("tab_two").className='collapse';
   document.getElementById("tab_three").className='collapse';
   
   //Display the current Tab content---------
   document.getElementById("tab_"+tab.id).className="expand";
}