/*
 * 	SHOWHIDE.JS
 *	Timothy Krukowski for Primum Marketing Communications and Proteus Packaging
 *	November 2007
 *
 *	Functions used to register onclick events for swaping 'display none' styles
 *	between two elements.
 *
 */	



//Registers the swap function
function registerShowHide(elementAName, elementBName)
{
	var elementA = document.getElementById(elementAName);
	var elementB = document.getElementById(elementBName);
	
	elementA.onclick = function (){ swapDisplay(elementAName, elementBName); };
	elementB.onclick = function (){ swapDisplay(elementAName, elementBName); };
}



//Swap function
function swapDisplay(elementAName, elementBName)
{
	var elementA = document.getElementById(elementAName);
	var elementB = document.getElementById(elementBName);
	
	//if element A is shown, switch it to hidden and switch element B to shown
	if( /shown/.test(elementA.className) ) {
		elementA.className = elementA.className.replace(/shown/, 'hidden');
		elementB.className = elementB.className.replace(/hidden/, 'shown');
	}
	//else element A is hidden, so show A and hide B
	else {
		elementA.className = elementA.className.replace(/hidden/, 'shown');
		elementB.className = elementB.className.replace(/shown/, 'hidden');
	}
}