// Hide or Show items dynamically======================================================================
function toggleDisplay(toggle) //Toggle display properties of an ID via class attribute.
{
	idToToggle = document.getElementById(toggle);
	showNav = 'default_display';
	hideNav = 'no_display';
	
	if (idToToggle.className == showNav)  //If clicked item already showing, hide it and exit function.
	{
		idToToggle.className = hideNav;
		return false;
	};
	
	if (idToToggle.className == hideNav)  //Show item just clicked on.	
	{
		idToToggle.className = showNav;
	};
};

function hideElement(hide) //Hide an ID via class attribute.
{
	idToToggle = document.getElementById(hide);
	showNav = 'default_display';
	hideNav = 'no_display';
	
	idToToggle.className = hideNav;
};

function showElement(show) //Show an ID via class attribute.
{
	idToToggle = document.getElementById(show);
	showNav = 'default_display';
	hideNav = 'no_display';
	
	idToToggle.className = showNav;
};

// trim() functions. Need these since javascript does not have built in functions.===========
function lTrim(s) // remove leading spaces
{
	for (var i=0; i<s.length; i++)	{
		if (s.charAt(i) != " ") {break;}
	}
	return s.substring(i, s.length);
}

function rTrim(s) // remove trailing spaces
{
	for (var i=s.length-1; i>=0; i--)	{
		if (s.charAt(i) != " ") {break;}
	}
	return s.substring(0, i+1);
}

function trim(s) // remove leading and trailing spaces
{
	return lTrim(rTrim(s));
}