//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
// DESIGN:
//
//   writeFontSizeLink() creates a division containing the link to
//   show the font size instructions. When it is clicked, the
//   SAME division is filled with the instructions.
//
//   When the "hide" link is clicked, the instructions are replaced with
//   the original "show" link.
//
//   This font size division is always visible.
//
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
function makeFontSizeHelp()
{
	var fsl = '\n<div id="fontInstructions">\n' +
	makeFontSizeLink() +
	'</div> <!-- end fontInstructions div -->\n';

	return fsl;
}
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
// I tried using a span instead of a division, but when the text wraps,
// so do the borders!

function makeFontSizeLink()
{
	var fsl = 
		'<div class="fontSizeLink">\n' +
		'Want\n' +
		'<span style="font-size: 1.3em">bigger</span> text?<br>\n' +
		'View the <a href="javascript: showFontSizeInstructions()">Text\n' +
		'Size Instructions</a></div>\n';

	return fsl;
}
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
function showFontSizeInstructions()
{
	var fsi =
'<div class="fontSizeInstructions">\n\
<center>To change the text size:</center>\n\
<br>\n\
Internet Explorer 7:\n\
<ul>\n\
<li>Open the Page or View menu and use &quot;Text Size&quot; to make a selection\n\
\n\
</ul>\n\
Firefox, Internet Explorer 6:\n\
<ul>\n\
<li>Hold down the control key (Mac OSX: command/apple key)\n\
while rolling mouse wheel\n\
<li>OR use the View menu: Text Size\n\
\n\
</ul>\n\
Safari on Mac OSX:\n\
<ul>\n\
<li>Hold command (apple) key down while rolling mouse wheel\n\
<li>OR use the View menu: Make Text Bigger\n\
</ul>\n\
\n\
<center>\n\
<a href="javascript: hideFontSizeInstructions()"><font\n\
color="#0000ff">Hide\n\
Text Size Instructions</font></a></center>\n\
</div>\n\
';

	document.getElementById('fontInstructions').innerHTML = fsi;
}

//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
function hideFontSizeInstructions()
{
	document.getElementById('fontInstructions').innerHTML =
		makeFontSizeLink();
}
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -