function header(highlight){
document.write('<div class="header">');
document.write('<div align="center">');
document.write('<table width=100% border=0 id="table1">');
document.write('<tr >');
document.write('<td width="537"  >');
document.write('<p align="left">');
document.write('<img border="0" src="images/math_worskheet_creator.png" width="600" height="91" alt="Math Worksheet Creator - Unlimited Interactive Math Worksheets for 2nd, 3rd, 4th and 5th graders"></td>');
document.write('<td>');
document.write('<p align="center">');
document.write('<img border="0" src="images/math.png" width="264" height="102" align="right" alt="math image">&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td>');
document.write('</tr>');
document.write('</table>');
document.write('</div>');
document.write('</div>');
document.write('<div class="subHeader">');
document.write('  <table width="100%" class="subHeader" >');
document.write('		<tr>');
document.write('		<td   align="center">');
document.write('		<a href="http://www.noetic-learning.com" style="color: #CCCCCC"> Home</a>&nbsp;&nbsp;&nbsp;&nbsp;');
document.write('		<a href="http://www.noetic-learning.com/mathdrill/index.jsp" style="color:FFFFFF"> Math Worksheets Creator</a>&nbsp;&nbsp;&nbsp;&nbsp;');
document.write('		<a href="http://www.noetic-learning.com/homeworkweb/index.jsp" style="color:CCCCCC">StayAhead!</a> &nbsp; ');
document.write('		<a href="http://www.noetic-learning.com/gifted/index.jsp" style="color:CCCCCC">Challenge Math</a> &nbsp; ');
document.write('		<a href="http://www.noetic-learning.com/summermath/index.jsp" style="color:CCCCCC">LeapAhead!</a> &nbsp;&nbsp;&nbsp;');
document.write('		<a href="http://www.noetic-learning.com/mathcontest/index.jsp" style="color:CCCCCC">Math Contest</a>&nbsp;&nbsp;&nbsp;');
document.write('		</td>');
document.write('		</tr>');
document.write(' </table>');
document.write('</div>');
document.write('<table border="0" width="100%" id="table2">	');
document.write('	<tr>');
document.write('		<td bgcolor="#E9CFEC" width="100%">');
document.write('		<p align="center"><b>');
//results
if (highlight=='index')
	document.write('		<a href="index.jsp">Home</a> |');
else
	document.write('		<a href="index.jsp" style="color:999999">Home</a> |');
//by grades
if (highlight=='bygrades')
	document.write('		<a href="index_bygrades.jsp">Worksheets By Grades</a> |');
else
	document.write('		<a href="index_bygrades.jsp" style="color:999999" >Worksheets By Grades</a> |');
//sign up
if (highlight=='signup')
	document.write('		<a href="signup.jsp">Registration</a> |');
else
	document.write('		<a href="signup.jsp" style="color:999999">Registration</a> |');
	
//login
if (highlight=='login')
	document.write('		<a href="login.jsp"> Member Login</a> |');
else
	document.write('		<a href="login.jsp" style="color:999999">Member Login</a> |');
document.write('		</b></td>');
document.write('	</tr>');
document.write('</table>');
document.write('<br>');


}


function userHeader(highlight)
{
document.write('<div class="header"> ');
document.write('<div align="center">');
document.write('<table width=100% border=0 id="table1">');
document.write('<tr><td width="537"  >');
document.write('<p align="left"><img border="0" src="images/math_worskheet_creator.png" width="600" height="91" alt="Math Worksheet Creator - Unlimited Interactive Math Worksheets for 2nd, 3rd, 4th and 5th graders"></td>');
document.write('<td><p align="center">');
document.write('<img border="0" src="images/math.png" width="264" height="102" align="right" alt="math image">&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td>');
document.write('</tr>');
document.write('</table>');
document.write('</div>');
document.write('</div>');
document.write('<div class="subHeader">');
document.write('  <table width="100%" class="subHeader" >');
document.write('		<tr><td   align="center">');
document.write('		<p align="right">');
//home
if (highlight=='home')
	document.write('		<a href="index_s.jsp" style="color: #FFFFFF">Home</a> | ');
else
	document.write('		<a href="index_s.jsp" style="color: #999999">Home</a> | ');
//by grades
if (highlight=='bygrades')
	document.write('		<a href="index_bygrades.jsp" style="color: #FFFFFF">Worksheets By Grades</a> | ');
else
	document.write('		<a href="index_bygrades.jsp" style="color:999999" >Worksheets By Grades</a> | ');

//your account
if (highlight=='account')
	document.write('		<a href="account.jsp".jsp" style="color: #FFFFFF">Your Account</a >| ');
else
	document.write('		<a href="account.jsp" style="color: #999999">Your Account</a> | ');
//Daily Report
if (highlight=='report')
	document.write('		<a href="/mathdrill/getactivityreport"  style="color: #FFFFFF">Daily Activity Report</a> | ');
else
	document.write('		<a href="/mathdrill/getactivityreport"  style="color: #999999">Daily Activity Report</a> | ');

document.write('		<a href="logoff.jsp" style="color: #999999">Log Out</a>&nbsp;&nbsp;&nbsp;&nbsp;');
document.write('		</td></tr>');
document.write(' </table>');
document.write('</div>');

}

function footer()
{
document.write('<div align="center"> ');
document.write('<font size="2">');
document.write('<a href="http://www.noetic-learning.com/term.jsp" style="color:#7E587E" >Terms of Use</a>');
document.write('|<a href="http://www.noetic-learning.com/privacy.jsp" style="color:#7E587E" >Privacy Policy</a>');
document.write('|<a href="http://www.noetic-learning.com/about.jsp" style="color:#7E587E" >About Us</a>');
document.write('|<a href="http://www.noetic-learning.com/contact.jsp" style="color:#7E587E" >Contact Us</a>');
document.write('<p>	');
document.write('© Copyright 2007-2011 Noetic Learning LLC.  All Rights Reserved.');
document.write('</font>');
document.write('</div>');
}