//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
// 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\
Firefox:\n\
<ul>\n\
<li>Hold down the control key \
while rolling the mouse wheel.\n\
</ul>\n\
Internet Explorer<font color="pink">*</font> \
or Firefox:\n\
<ul>\n\
<li>Open the Page or View menu and use &quot;Text Size&quot;. \
\n\
</ul>\n\
Safari on Mac OS X:\n\
<ul>\n\
<li>Cmd+/- (or View menu, Zoom In/Out; be sure to check <i>Zoom Text Only</i>).\n\
</ul>\n\
<font color="pink">*<small> \
In <i>Internet Explorer 7</i>, Ctrl-Wheel zooms the page too wide \
to fit, requiring horizontal scrolling. \
</small></font> \
\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();
}
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
