// JavaScript Document

	
	
	
function showInfo(i)
{
	
	
	
	//This part lets the user select an information type to view. The "i" is the selectedIndex of one of the options.
	
	switch (i){
	case "Kindergarten":
	document.getElementById("DataContainer").innerHTML= "<table  style='width:100%; vertical-align:top'>" + 
														"<tr>" + 
														"<td style='vertical-align:top' rowspan=2>" +
														"<img src='images/Emily.jpg' alt='Mrs. Emily Peterson' style='float:left;" + 
														"padding-right:4px;padding-left:4px; '/>" +
														"</td>" +
														"<td style='text-align: left; vertical-align:top'>" + 
														"Mrs. Emily Peterson teaches Kindergarten and K - 4th P. E." +  
														"</td>" + 
														"</tr>" + 
														"<tr>" + 
														"<td style='text-align: center; vertical-align:top'>" + 
														"<a href='mailto:epeterson@newtonchristianschool.com'>Email</a>" + "</td>" + 
														"</tr>" +
														"</table>" 
														; 
	break
	case "1st and 2nd Grades":
	document.getElementById("DataContainer").innerHTML= "<table  style='width:100%; vertical-align:top'>" + 
														"<tr>" + 
														"<td style='vertical-align:top' rowspan=2>" +
														"<img src='images/Judy.jpg' alt='Mrs. Judy Nunnikhoven' style='float:left;" +
														"padding-right:4px;padding-left:4px; '/>" +
														"</td>" +
														"<td style='text-align: left; vertical-align:top'>" + 
														"Mrs. Judy Nunnikhoven teaches the 1st and 2nd grades." +  
														"</td>" + 
														"</tr>" + 
														"<tr>" + 
														"<td style='text-align: center; vertical-align:top'>" + 
														"<a href='mailto:jnunnikhoven@newtonchristianschool.com'>Email</a>" + "</td>" + 
														"</tr>" +
														"</table>" 
														;
	break
	case "2nd Grade Math and Reading":
	document.getElementById("DataContainer").innerHTML= "<table  style='width:100%; vertical-align:top'>" + 
														"<tr>" + 
														"<td style='vertical-align:top' rowspan=2>" +  
														"<img src='images/Mary.jpg' alt='Mrs. Mary Sparks' style='float:left; padding-right:4px;" +
														"padding-left:4px; '/>" +
														"</td>" +
														"<td style='text-align: left; vertical-align:top'>" + 
														"Mrs. Mary Sparks teaches Math and Reading to 2nd graders." +  
														"</td>" + 
														"</tr>" + 
														"<tr>" + 
														"<td style='text-align: center; vertical-align:top'>" + 
														"<a href='mailto:msparks@newtonchristianschool.com'>Email</a>" + "</td>" + 
														"</tr>" +
														"</table>" 
														;
	break
	case "3rd and 4th Grades":
	document.getElementById("DataContainer").innerHTML= "<table  style='width:100%; vertical-align:top'>" + 
														"<tr>" + 
														"<td style='vertical-align:top' rowspan=2>" +  
														"<img src='images/Darlene.jpg' alt='Mrs. Darlene Struik' style='float:left;" + 
														"padding-right:4px;padding-left:4px; '/>" +
														"</td>" +
														"<td style='text-align: left; vertical-align:top'>" + 
														"Mrs. Darlene Struik teaches the 3rd and 4th grades." +  
														"</td>" + 
														"</tr>" + 
														"<tr>" + 
														"<td style='text-align: center; vertical-align:top'>" + 
														"<a href='mailto:dstruik@newtonchristianschool.com'>Email</a>" + "</td>" + 
														"</tr>" +
														"</table>" 
														;
	break
	case "5th and 6th Grades":
	document.getElementById("DataContainer").innerHTML= "<table  style='width:100%; vertical-align:top'>" + 
														"<tr>" + 
														"<td style='vertical-align:top' rowspan=2>" +  
														"<img src='images/Rachel.jpg' alt='Mrs. Rachel Daining' style='float:left;" + 
														"padding-right:4px; padding-left:4px;'/>" + 
														"</td>" +
														"<td style='text-align: left; vertical-align:top'>" + 
														"Mrs. Rachel Daining teaches the 5th and 6th grades." +  
														"</td>" + 
														"</tr>" + 
														"<tr>" + 
														"<td style='text-align: center; vertical-align:top'>" + 
														"<a href='mailto:rdaining@newtonchristianschool.com'>Email</a>" + "</td>" + 
														"</tr>" +
														"</table>" 
														;

	break
	case "7th and 8th Grades":
	document.getElementById("DataContainer").innerHTML= "<table  style='width:100%; vertical-align:top'>" + 
														"<tr>" + 
														"<td style='vertical-align:top' rowspan=2>" +  
														"<img src='images/Ginny.jpg' alt='Principal, Ginny Tull' style='float:left;" + 
														"padding-right:4px;padding-left:4px; verticle-align:top'/>" + 
														"</td>" +
														"<td style='text-align: left; vertical-align:top'>" + 
														"Principal, Ginny Tull, also teaches the 7th and 8th grades." +  
														"</td>" + 
														"</tr>" + 
														"<tr>" + 
														"<td style='text-align: center; vertical-align:top'>" + 
														"<a href='mailto:gtull@newtonchristianschool.com'>Email</a>" + "</td>" + 
														"</tr>" +
														"</table>" 
													
														;	
														
	
	break
	case "Principal":
	document.getElementById("DataContainer").innerHTML= "<table  style='width:100%; vertical-align:top'>" + 
														"<tr>" + 
														"<td style='vertical-align:top' rowspan=2>" +  
														"<img src='images/Ginny.jpg' alt='Principal, Ginny Tull' style='float:left;" + 
														"padding-right:4px;padding-left:4px; verticle-align:top'/>" + 
														"</td>" +
														"<td style='text-align: left; vertical-align:top'>" + 
														"Principal, Ginny Tull, also teaches the 7th and 8th grades." +  
														"</td>" + 
														"</tr>" + 
														"<tr>" + 
														"<td style='text-align: center; vertical-align:top'>" + 
														"<a href='mailto:gtull@newtonchristianschool.com'>Email</a>" + "</td>" + 
														"</tr>" +
														"</table>" 
													
														;	
															
	break
	case "Music":
	document.getElementById("DataContainer").innerHTML= "<table  style='width:100%; vertical-align:top'>" + 
														"<tr>" + 
														"<td style='vertical-align:top' rowspan=2>" +  
														"<img src='images/Debby.jpg' alt='Mrs. Debby Pence' style='float:left; padding-right:4px;" + 
														"padding-left:4px;'/>" +
														"</td>" +
														"<td style='text-align: left; vertical-align:top'>" + 
														"Mrs. Debby Pence teaches Music for K - 8th." +  
														"</td>" + 
														"</tr>" + 
														"<tr>" + 
														"<td style='text-align: center; vertical-align:top'>" + 
														"<a href='mailto:dpence@newtonchristianschool.com'>Email</a>" + "</td>" + 
														"</tr>" +
														"</table>" 
													
														;
														
														
	break
	case "NCS Band":
	document.getElementById("DataContainer").innerHTML= "<table  style='width:100%; vertical-align:top'>" + 
														"<tr>" + 
														"<td style='vertical-align:top' rowspan=2>" + 
														"<img src='images/Jean.jpg' alt='Mrs. Jean Ibbotson' style='float:left; padding-right:4px;" + 
														"padding-left:4px;'/>" +
														"</td>" +
														"<td style='text-align: left; vertical-align:top'>" + 
														"Mrs. Jean Ibbotson is the NCS Band instructor." +  
														"</td>" + 
														"</tr>" + 
														"<tr>" + 
														"<td style='text-align: center; vertical-align:top'>" + 
														"<a href='mailto:jibbotson@newtonchristianschool.com'>Email</a>" + "</td>" + 
														"</tr>" +
														"</table>" 
													
														;	
	
	break
	case "Physical Education for K - 4th Grades":
	document.getElementById("DataContainer").innerHTML= "<table  style='width:100%; vertical-align:top'>" + 
														"<tr>" + 
														"<td style='vertical-align:top' rowspan=2>" +
														"<img src='images/Emily.jpg' alt='Mrs. Emily Peterson' style='float:left;" + 
														"padding-right:4px;padding-left:4px; '/>" +
														"</td>" +
														"<td style='text-align: left; vertical-align:top'>" + 
														"Mrs. Emily Peterson teaches Kindergarten and K - 4th P. E." +  
														"</td>" + 
														"</tr>" + 
														"<tr>" + 
														"<td style='text-align: center; vertical-align:top'>" + 
														"<a href='mailto:epeterson@newtonchristianschool.com'>Email</a>" + "</td>" + 
														"</tr>" +
														"</table>" 
														; 
	
	break
	case "Physical Education for 5th - 8th Grades":
	document.getElementById("DataContainer").innerHTML= "<table  style='width:100%; vertical-align:top'>" + 
														"<tr>" + 
														"<td style='vertical-align:top' rowspan=2>" + 
														"<img src='images/Michele.jpg' alt='Mrs. Michele Worthington' style='float:left; padding-right:4px;" +
														"padding-left:4px;'/>" +
														"</td>" +
														"<td style='text-align: left; vertical-align:top'>" + 
														"Mrs. Michele Worthington teaches Physical Education for 5th - 8th grades." +  
														"</td>" + 
														"</tr>" + 
														"<tr>" + 
														"<td style='text-align: center; vertical-align:top'>" + 
														"<a href='mailto:mworthington@newtonchristianschool.com'>Email</a>" + "</td>" + 
														"</tr>" +
														"</table>" 
													
														;		
														
	break
	case "Secretary":
	document.getElementById("DataContainer").innerHTML= "<table  style='width:100%; vertical-align:top'>" + 
														"<tr>" + 
														"<td style='vertical-align:top' rowspan=2>" + 
														"<img src='images/Annie.jpg' alt='Mrs. Annie Urias' style='float:left; padding-right:4px;" + 
														"padding-left:4px;'/>" +
														"</td>" +
														"<td style='text-align: left; vertical-align:top'>" + 
														"Mrs. Annie Urias is the school's secretary." +  
														"</td>" + 
														"</tr>" + 
														"<tr>" + 
														"<td style='text-align: center; vertical-align:top'>" + 
														"<a href='mailto:aurias@newtonchristianschool.com'>Email</a>" + "</td>" + 
														"</tr>" +
														"</table>" 
													
														;														
														
	break
	
	default:
	document.getElementById("DataContainer").innerHTML= "<table style='height:0px; text-align:center; width: 100%'>" + 
														"<tr>" + 
														"<td style='vertical-align:top;text-align: center'>" + 
														"Please select " + "from the drop-down menu. " +
														"</td>" +
														"</tr>" +
														"<tr>" + 
														"<td style=''>" + "<img src='images/staff.jpg' alt='staff heading' width='305px' height='170px'/> " + 
														"</td>" +
														"</tr>" +
														"</table>"
														
														;
	

}	

}