// last selected Tab
var old_tab = null;
var first_tab = null;
var second_tab = null;

// styles for events
var styles = {
	'inactive'  : ['#66CC66', 'pointer','#FFFFFF'],
	'active': ['#008000', 'default','#FFFFFF']
};


function setStyleTab(tab, active) {
    with (tab.style)
    {
        if (active == 1) {
			// set background
			backgroundColor = styles['active'][0];
			// set cursor type
			cursor = styles['active'][1];
			// set color
			color  = styles['active'][2];
        } else {
			backgroundColor = styles['inactive'][0];
			// set cursor type
			cursor = styles['inactive'][1];
			// set color
			color  = styles['inactive'][2];
			
			
        }
		
    }
}


// handler for Tabs
function activateTab(tab)
{

    if (first_tab == null) {
		first_tab = document.getElementById('first-tab');
	}
	if (second_tab == null) {
		second_tab = document.getElementById('second-tab');
	}
	if (tab == first_tab) {
		setStyleTab(first_tab, 1);
		setStyleTab(second_tab, 0);
	} else {
		setStyleTab(second_tab, 1);
		setStyleTab(first_tab, 0);
	}
}


// data load
function UpdateTab( tab, request )
{
	// id for update
	var id_name  = 'ajax-tabs-content';
	// show 'loading...'
	var text  = '<img style="position:relative;top:3px;"' +
	'src="http://crossbrowserajax.com/' +
	'data/images/loading_01.gif">Loading...';
	// use cache
	var caching  = true;
	// template
	var template  = '%page%';
	// Tab select
	activateTab( tab);
	// request
	cbaUpdateElement(
					 id_name,
					 'http://www.sv-gramsbergen.nl/' +
					 'voetbalnl/tabs.php?tab=' + request,
					 text,
					 caching,
					 template);
}