/// <summary>
/// Toggles the presentation of the tabs
/// </summary>
/// <param name="activetabid">The tab index</param>
function SetTabs(activetabid)
{
	// shortcut way of getting the number of tabs
	var tabs = document.getElementById('tabs').childNodes;
	for(i=0; i<tabs.length;i++)
	{
		var curtab = (tabs[i].id);
		// set the tabs presentation
		if (curtab == activetabid) 
		{
			//active tab - set the tab presentation
			document.getElementById(curtab+'_widget').className='tab tab_active tab_active_bg ';
			document.getElementById(curtab+'_top').className='top top9f9f9f';
			document.getElementById(curtab+'_bottom').className='bottom bottomffffff';
			document.getElementById(curtab+'_left').className='left left9f9f9f';
			document.getElementById(curtab+'_right').className='right right9f9f9f';
			document.getElementById(curtab+'_topleft').className='topleft topleft0000009f9f9clear3x3';
			document.getElementById(curtab+'_topright').className='topright topright0000009f9f9clear3x3';
			//active tab - set the tab panel 
			document.getElementById(curtab+'_panel').className='show';
		}
		else 
		{
			//inactive tab - set the tab presentation
			document.getElementById(curtab+'_widget').className='tab tab_inactive tab_inactive_bg';
			document.getElementById(curtab+'_top').className='top';
			document.getElementById(curtab+'_bottom').className='bottom';
			document.getElementById(curtab+'_left').className='left';
			document.getElementById(curtab+'_right').className='right';
			document.getElementById(curtab+'_topleft').className='topleft topleft000000clear3x3';
			document.getElementById(curtab+'_topright').className='topright topright000000clear3x3';
			//inactive tab - set the tab panel 
			document.getElementById(curtab+'_panel').className='hide';
		}
	}
}
SetTabs('tab_0');