function displayToggle(id) {
  var el = document.getElementById(id).style; 
  if(el.display == "none") {
  el.display = "block";  
  }
  else if(el.display == "block") {
  el.display = "none";
}
}

/**
 *	Toggle a known elements visibity
 *	PARAMS
 *		clickElm - The element clicked on to create the event.
 *		toggleElmId - The id of the element to hide/show
 *		onHtml - The html shown when On.
 *		offHtml - The Html shown when OFF
 *
 */
function visibilityToggleLinkId(clickElm,toggleElmId,onHtml,offHtml)
	{
	var toggleElm = document.getElementById(toggleElmId);
	
	if ( toggleElm == null )
		{
		alert ( "ERROR: Toggle element '" + toggleElmId + "' missing.");
		}
	else
		visibilityToggleLink(clickElm,toggleElm,onHtml,offHtml);

	return false ;
	} 
	
/**
 *	Toggle a known elements visibity
 *	PARAMS
 *		clickElm - The element clicked on to create the event.
 *		toggleElmId - The id of the element to hide/show
 *		onHtml - The html shown when On.
 *		offHtml - The Html shown when OFF
 *
 */
function visibilityShowLinkId(clickElm,toggleElmId,onHtml,offHtml, show)
	{
	var toggleElm = document.getElementById(toggleElmId);
	
	if ( toggleElm == null )
		{
		alert ( "ERROR: Toggle element '" + toggleElmId + "' missing.");
		}
	else
		visibilityShowLink(clickElm,toggleElm,onHtml,offHtml, show);
	} 	
	
function visibilityShowLink(clickElm,toggleElm,onHtml,offHtml, show) 
	{
	if ( toggleElm == null )
		{
		alert ( "ERROR: Toggle element missing.");
		}
	else
		{
		if ( show )
			{
			// Currently hidden set text to show
			clickElm.innerHTML = offHtml;
			clickElm.title = "[click to hide text]";
			}
		else
			{
			//Currently shown set text to hide...
			clickElm.innerHTML = onHtml;
			clickElm.title = "[click to show text]";
			}

		visibilityShow(toggleElm, show);
		}
	}	
	
/**
 *	Toggle a known elements visibity
 *	PARAMS
 *		clickElm - The element clicked on to create the event.
 *		toggleElm - The element to hide/show
 *		onHtml - The html shown when On.
 *		offHtml - The Html shown when OFF
 *
 */
function visibilityToggleLink(clickElm,toggleElm,onHtml,offHtml) 
	{
	if ( toggleElm == null )
		{
		alert ( "ERROR: Toggle element missing.");
		}
	else
		{
		if ( toggleElm.style.display == "none" )
			{
			// Display the link
			visibilityShowLink(clickElm,toggleElm,onHtml,offHtml, true) 
			}
		else
			{
			// Hide the link
			visibilityShowLink(clickElm,toggleElm,onHtml,offHtml, false) 
			}
		}
	return false ;
	}
	
function visibilityToggleId(id) 
{
  var el = document.getElementById(id); 
  visibilityToggle(el)
}
	
function visibilityShow(el, show) 
	{
	  var elstyle = el.style; 
	 
	  if(show) 
		{
		elstyle.display = "";  
	  	}
	  else 
		{
		elstyle.display = "none";  
		}
	
	}	

function showHide(id,vis) {
 document.getElementById(id).style.visibility=vis;
}

function showDisplay(id,display) {
 document.getElementById(id).style.display=display;
}

function SectionToggle_onclick(clickElm)
	{
	return visibilityToggleLinkId(clickElm,this.toggleElmId,this.onHtml,this.offHtml);
	}
	
function SectionToggle_show(clickElm)
	{
	visibilityShowLinkId(clickElm,this.toggleElmId,this.onHtml,this.offHtml, true);
	}
	
function SectionToggle_hide(clickElm)
	{
	visibilityShowLinkId(clickElm,this.toggleElmId,this.onHtml,this.offHtml, false);
	}	
		
/*
 * Create an object to warp the above
 *
 *		toggleElm - The element to hide/show
 *		onHtml - The html shown when On.
 *		offHtml - The Html shown when OFF
 */ 
function SectionToggle(toggleElmId,onHtml,offHtml)
	{
	// Save data
	this.toggleElmId = toggleElmId;
	this.onHtml    = onHtml ;
	this.offHtml   = offHtml ;
	// Set Functions
	this.onclick= SectionToggle_onclick ;
	this.show = SectionToggle_show;
	this.hide = SectionToggle_hide;
	}