function toggleVis(groupId)
	{
		// get the base URL for the images
		baseImageURL = document.toggleForm.baseImageURL.value;
		
		// the element that contains the area to hide/show
		toToggle = document.getElementById(groupId + 'Group');
		
		// the expanded/collapsed image
		controlImage = document.getElementById(groupId + 'Expander');
	
		// the images to show when expanded and collapsed
		expandedImg = baseImageURL + 'images/expanded.gif';
		collapsedImg = baseImageURL + 'images/collapsed.gif';
		
		// the alt text for the expanded and collapsed image
		expandedText = "Click to hide";
		collapsedText = "Click to expand";
		
		// toggle the class attribute to change visibility
		currentClass = toToggle.className;
		if(currentClass == '' || currentClass == 'show'){
			toToggle.className = 'hide';
			if(controlImage!=null){
				controlImage.src = collapsedImg;
				controlImage.setAttribute('alt', collapsedText);
			}
		}
		else{
			toToggle.className = 'show';
			if(controlImage!=null){
				controlImage.src = expandedImg;
				controlImage.setAttribute('alt', expandedText);
			}
		}
	}