//--------------------------------------- tabs

function enableTabs()
{

	// assign click event to each tab
	
	var ul = document.getElementById('tabList');

	if (ul)
	{
	    var currentTabNo = 0;
	    
	    if (document.getElementById('currentTabId'))
	    {
	        var currentTabId = document.getElementById('currentTabId').value;
    	    
	        if (document.getElementById(currentTabId).value != '')
	            currentTabNo = parseInt(document.getElementById(currentTabId).value);
        }	    

		var lis = ul.getElementsByTagName('LI');

		for(var i = 0; i < lis.length; i++)
		{
			lis[i].getElementsByTagName('a')[0].href='Javascript:changeTab(' + i + ');void(0);';
			
			document.getElementById('tab' + i).className = (i == currentTabNo ? 'CurrentTabBody' : 'TabBody');
		}
	}
}

function changeTab(tabNo)
{
	// hide all tabs & then show selected tab
	
	var lis = document.getElementById('tabList').getElementsByTagName('LI');
	
	for(var i = 0; i < lis.length; i++)
	{
		lis[i].className = '';
		
		if (document.getElementById('tab' + i))
			document.getElementById('tab' + i).className = 'TabBody';
	}

	// show
	
	lis[tabNo].className = 'CurrentTab';
	
	if (document.getElementById('tab' + tabNo))
		document.getElementById('tab' + tabNo).className = 'CurrentTabBody';
		
	document.getElementById(document.getElementById('currentTabId').value).value = tabNo;
}