function toggleview(id)
{
	divElement = document.getElementById(id);

	if (divElement.style.display == "none")
	{
		divElement.style.display = "";
	}
	else
	{
		divElement.style.display = "none";
	}
}

function displaytab( id, n ) /* display the current tab in total of n tabs */
{
	for ( i = 1; i < id; i++ )
	{
		my_hide_div( my_getbyid( 'tab-' + i + '-header-show' ));
		my_show_div( my_getbyid( 'tab-' + i + '-header-hide' ));

		my_hide_div( my_getbyid( 'tab-' + i + '-content' ));
	}

	for ( i = id + 1; i <= n; i++ )
	{
		my_hide_div( my_getbyid( 'tab-' + i + '-header-show' ));
		my_show_div( my_getbyid( 'tab-' + i + '-header-hide' ));

		my_hide_div( my_getbyid( 'tab-' + i + '-content' ));
	}

	my_show_div( my_getbyid( 'tab-' + id + '-header-show' ));
	my_hide_div( my_getbyid( 'tab-' + id + '-header-hide' ));

	my_show_div( my_getbyid( 'tab-' + id + '-content' ));
}

function my_hide_div(itm)
{
	if ( ! itm ) return;
	
	itm.style.display = "none";
}

function my_show_div(itm)
{
	if ( ! itm ) return;
	
	itm.style.display = "";
}

function my_getbyid(id)
{
	itm = null;
	
	if (document.getElementById)
	{
		itm = document.getElementById(id);
	}
	else if (document.all)
	{
		itm = document.all[id];
	}
	else if (document.layers)
	{
		itm = document.layers[id];
	}
	
	return itm;
}