/*
	v2 of the visibility functions require the following CSS classes defined:

	.hide
	{
		visibility: hidden;
		display:    none;
	}
	
	.show
	{
		visibility: visible;
		display:    block;	
	}
	
	This is good because you can implement displays specific to certain elements.
	I.E. img.show has inline whereask div.show has block for display!
*/

function toggleVis(id)
{
	var obj = document.getElementById(id);

	if (obj.className == 'hide')
	{
		show(id);
	}
	else
	{
		hide(id);
	}
	
	return false;
}

function show(id)
{
	var obj = document.getElementById(id);
	obj.className = 'show';
}

function hide(id)
{
	var obj = document.getElementById(id);
	obj.className = 'hide';
}

function swapVis(id1, id2)
{
	toggleVis(id1);
	toggleVis(id2);
	return false;
}