//  Save this as a .js
//  Invoke the file in the html head

var strNotes = "<ul><li>Order roster by date descending.</li>\n";
strNotes += "<li>Bands between roster items.</br />&nbsp;See Evans for an example.</li>\n";
strNotes += "<li>Batch all remaining leaves into database\n";
strNotes += "<ul><li>Add dept to spreadsheet</li><li>map leave types</li><li>map leave % to leave type</li></ul></li>\n";
strNotes += "</ul>\n";

var fldSet = "<table style=\"position:absolute;top:510px;left:350px;\"><tr><td>\n";
fldSet += "<fieldset id=\"fldSetNotes\" style=\"width:324px;cursor:pointer;color:#000000;background:#c0c0c0;\" onclick=\"toggleNotes();\">\n";
fldSet += "<legend><span style=\"color:blue;background:#c0c0c0;\">Web Development</span></legend>\n";
fldSet += "<div id=\"divNotes\" style=\"margin:1em;\">" + strNotes + "</div>\n";
fldSet += "</fieldset>\n";
fldSet += "</td></tr></table>\n";

document.writeln(fldSet);

var objNotes = document.getElementById("divNotes");  // divNotes is defined in the fldSet string
objNotes.style.display = 'none';
function toggleNotes()
{
	if( objNotes.style.display == 'none' )
	{
		objNotes.style.display = 'block';
	}
	else
	{
		objNotes.style.display = 'none';
	}
}  /*  END function toggleNotes() */