function cdg_init_tabcontrol(sTabControlId)
{
	var oTabCtrl = document.getElementById(sTabControlId);
	oTabCtrl.buttons = new Array();
	oTabCtrl.pages = new Array();
	for( var i = 0; i < oTabCtrl.childNodes.length; i++ ) 
	{
		var oNode = oTabCtrl.childNodes[i];
		if ( oNode.className == 'tabbuttons' ) cdg_init_tabbuttons(oTabCtrl,oNode);
		if ( oNode.className == 'tabpages' ) cdg_init_tabpages(oTabCtrl,oNode);
	}		
	if ( oTabCtrl.buttons.length != oTabCtrl.pages.length )
		alert ('Tabcontrol '+sId+': aantal buttons en paginas zijn niet gelijk. ');			
}

function cdg_init_tabbuttons(oTabCtrl,oTabButtons)
{
	for( var i = 0; i < oTabButtons.childNodes.length; i++ ) 
	{
		var oNode = oTabButtons.childNodes[i];		
		if ( oNode.className == 'active tabbutton')		   oTabCtrl.buttons.push(oNode);
		else if ( oNode.className == 'inactive tabbutton') oTabCtrl.buttons.push(oNode);
	}		
}

function cdg_init_tabpages(oTabCtrl,oTabPages)
{
	for( var i = 0; i < oTabPages.childNodes.length; i++ ) 
	{
		var oNode = oTabPages.childNodes[i];
		
		if ( oNode.className == 'active tabpage')
		{
		  oTabCtrl.pages.push(oNode);
		}
		else if ( oNode.className == 'inactive tabpage')
		{
		  oTabCtrl.pages.push(oNode);
		}			
	}	
}

function cdg_tabbutton_onclick(sTabControlId, iIndex)
{
	var oTabCtrl = document.getElementById(sTabControlId);
		
	if ( oTabCtrl.buttons == undefined ) 
		cdg_init_tabcontrol(sTabControlId);
		
	oButton = oTabCtrl.buttons[iIndex];
	if ( oButton.className != 'active tabbutton' )
	{
		for( var i = 0; i < oTabCtrl.buttons.length; i++ ) 
		{
			if ( i == iIndex )
			{
				oTabCtrl.buttons[i].className = 'active tabbutton';
				oTabCtrl.pages[i].className = 'tabpage';
				oTabCtrl.pages[i].style.display = 'block';
			}
			else
			{
				oTabCtrl.buttons[i].className = 'inactive tabbutton';
				oTabCtrl.pages[i].className = 'inactive tabpage';
				oTabCtrl.pages[i].style.display = 'none';
			}		
		}
	}
}