/** switch tab on*/
function tabOn(tabId)
{
	var selectedTabIndex = -1;
	
	var $allTabs = $('.tabbernav > li');
	var $allTabContents = $('.tabbertab');
	
	if(!(typeof tabId) == 'number')
	{
		var $curTab = $('#'+tabId);
		var selectedTabIndex = -1;
		$allTabContents.each(function(i){
			if(this.id == tabId){
				selectedTabIndex=i;
				return;
			}
		});
	}
	else 
	{
		selectedTabIndex = tabId;
	}
	
	//no tab selected
	if(selectedTabIndex==-1 || selectedTabIndex>=$allTabs.length)return;
	
	//active the selected tab
	$('.tabberactive').removeClass('tabberactive');
	$allTabs.eq(selectedTabIndex).addClass('tabberactive');
	
	//show content
	$('.tabbertab').addClass('tabbertabhide').eq(selectedTabIndex).removeClass('tabbertabhide');
	
}