// 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/Dawn.jpg' alt='Mrs. Dawn Stam' style='float:left;" + 
														"padding-right:4px; padding-left:4px;'/>" + 
														"</td>" +
														"<td style='text-align: left; vertical-align:top'>" + 
														"Mrs. Dawn Stam teaches the 5th and 6th grades." +  
														"</td>" + 
														"</tr>" + 
														"<tr>" + 
														"<td style='text-align: center; vertical-align:top'>" + 
														"<a href='mailto:dwieringa@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/Jolene.jpg' alt='Mrs. Jolene Holtrop' style='float:left;" + 
														"padding-right:4px;padding-left:4px; verticle-align:top'/>" + 
														"</td>" +
														"<td style='text-align: left; vertical-align:top'>" + 
														"Mrs. Jolene Holtrop teaches the 7th and 8th grades." +  
														"</td>" + 
														"</tr>" + 
														"<tr>" + 
														"<td style='text-align: center; vertical-align:top'>" + 
														"<a href='mailto:jveldhuisen@newtonchristianschool.com'>Email</a>" + "</td>" + 
														"</tr>" +
														"</table>" 
													
														;	
														
															
	break
	case "Dean of Students":
	document.getElementById("DataContainer").innerHTML= "<table  style='width:100%; vertical-align:top'>" + 
														"<tr>" + 
														"<td style='vertical-align:top' rowspan=2>" +  
														"<img src='images/nopic.jpg' alt='Mary Patterson' style='float:left; padding-right:4px;" + 
														"padding-left:4px;'/>" +
														"</td>" +
														"<td style='text-align: left; vertical-align:top'>" + 
														"Mary Patterson is the Dean of Students." +  
														"</td>" + 
														"</tr>" + 
														"<tr>" + 
														"<td style='text-align: center; vertical-align:top'>" + 
														"<a href='mailto:mpatterson@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/nopic.jpg' alt='Mary Blackledge' style='float:left; padding-right:4px;" + 
														"padding-left:4px;'/>" +
														"</td>" +
														"<td style='text-align: left; vertical-align:top'>" + 
														"Mary Blackledge is the NCS Band instructor." +  
														"</td>" + 
														"</tr>" + 
														"<tr>" + 
														"<td style='text-align: center; vertical-align:top'>" + 
														"<a href='mailto:mblackledge@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
	case "Administrative Assistant":
	document.getElementById("DataContainer").innerHTML= "<table  style='width:100%; vertical-align:top'>" + 
														"<tr>" + 
														"<td style='vertical-align:top' rowspan=2>" + 
														"<img src='images/nopic.jpg' alt='Connie Van Zee' style='float:left; padding-right:4px;" + 
														"padding-left:4px;'/>" +
														"</td>" +
														"<td style='text-align: left; vertical-align:top'>" + 
														"Connie Van Zee is the school's Administrative Assistant." +  
														"</td>" + 
														"</tr>" + 
														"<tr>" + 
														"<td style='text-align: center; vertical-align:top'>" + 
														"<a href='mailto:cvanzee@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='184px'/>" + 
														"</td>" +
														"</tr>" +
														"</table>"
														
														;
	

}	

}