#!/usr/bin/perl 
use strict;
use CGI ':standard';

#image:
my $image="../../westpoint/images/discover/a_talcott.jpg";
my $quiz_title_gif="../../westpoint/images/discover/privateworks_title.gif";
#Form action:
my $post_pl="answer1b.pl";
#Question:
my $question_num ="1";
my $question = "Andrew Talcott (Class of 1818) looked to the stars for inspiration when he invented what tool used by Army surveyors?";
#Choices:
my $choice_a = "the <i>West Point Guide to Astrology</i>";
my $choice_b = "the zenith telescope";
my $choice_c = "the Talcott compass";
#score
my $score=0;
#-----------------------------------------------------------------------------------------------------------
print "Content-Type: text/html\n\n";
print <<"output";
<html>
<head>
	<title>West Point in the Making of America</title>
	
	<link rel="stylesheet" href="../../westpoint/css/westpoint.css" type="text/css">
	
	<script language="Javascript">
	function submitForm()
	{
	  //  if (document.myForm.choice.value == "a")
	 //   {
	  //         window.alert(document.myForm.choice1.value);
	   // }
	   
	   //var f = document.myForm;
	   //var q=eval("f.choice");
	   //if(q[0].checked){window.alert("checked") }
	   document.myForm.submit();
	}
	</script>
	
</head>

<body class="bgoffblack" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table cellspacing="0" cellpadding="0" border="0" width="730" align="center">
	<!-- TOP SPACER ROW -->
	<tr>
		<td valign="top" colspan="2">
		<img src="../../westpoint/images/common/spacer.gif" width="1" height="16" border="0"><br>
		</td>
	</tr>
	<tr>
		<!-- WEST POINT MAIN HEADER -->
		<td valign="top">
		<a href="../../westpoint/index.html"><img src="../../westpoint/images/common/mainhead_westpoint.gif" width="300" height="20" border="0" alt="West Point in the Making of America"></a><br>
		</td>
		<!-- TOP RIGHT NAVIGATION -->
		<td valign="top" align="right">
		    <img src="../../westpoint/images/common/spacer.gif" width="1" height="3" border="0"><br>
			<table cellspacing="0" cellpadding="0" border="0">
				<tr>
					<td valign="top">
					<a href="../../westpoint/history_0.html"><img src="../../westpoint/images/common/nav_history.gif" width="61" height="20" border="0" alt="History"></a><br>
					</td>
					<td valign="top" class="bgdarkgray">
					<img src="../../westpoint/images/common/spacer.gif" width="1" height="15" border="0"><br>
					</td>
					<td valign="top">
					<a href="../../westpoint/graduates.html"><img src="../../westpoint/images/common/nav_graduates.gif" width="78" height="20" border="0" alt="Graduates"></a><br>
					</td>
					<td valign="top" class="bgdarkgray">
					<img src="../../westpoint/images/common/spacer.gif" width="1" height="15" border="0"><br>
					</td>
					<td valign="top">
					<a href="../../westpoint/discover.html"><img src="../../westpoint/images/common/nav_discover1.gif" width="69" height="20" border="0" alt="Discover"></a><br>
					</td>
					<td valign="top" class="bgdarkgray">
					<img src="../../westpoint/images/common/spacer.gif" width="1" height="15" border="0"><br>
					</td>
					<td valign="top">
					<a href="../../westpoint/resources.html"><img src="../../westpoint/images/common/nav_resources.gif" width="78" height="20" border="0" alt="Resources"></a><br>
					</td>
					<td valign="top" class="bgdarkgray">
					<img src="../../westpoint/images/common/spacer.gif" width="1" height="15" border="0"><br>
					</td>
					<td valign="top">
					<a href="../../westpoint/exhibition.html"><img src="../../westpoint/images/common/nav_exhibition.gif" width="75" height="20" border="0" alt="Exhibition"></a><br>
					</td>
				</tr>				
			</table>
		</td>
		<!--// END TOP RIGHT NAVIGATION -->
	</tr>
	<!-- SPACER ROW -->
	<tr>
		<td valign="top" colspan="2">
		<img src="../../westpoint/images/common/spacer.gif" width="1" height="6" border="0"><br>
		</td>
	</tr>	

	<tr>
		<td valign="top" colspan="2">
			<table class="bgoutterblue" cellspacing="0" cellpadding="0" border="0" width="730">				
				<!-- DISCOVER HEADER -->
				<tr>
					<td valign="top"><img src="../../westpoint/images/common/spacer.gif" width="1" height="10" border="0"><br>
						<table class="bgborderblue" cellspacing="0" cellpadding="0" border="0" width="710" align="center">
							<tr>
								<td valign="top">
								<a href="../../westpoint/discover.html"><img src="../../westpoint/images/discover/discover_header.gif" width="71" height="26" border="0" alt="Discover"></a><br>
								</td>
								<!-- Exploration Map, Travis Panorama, Quiz Navigation -->
								<td valign="top" align="right">
								<a href="../../westpoint/discover_map.html"><img src="../../westpoint/images/discover/exploration_nav.gif" width="77" height="26" border="0" alt="Exploration Map"></a><img src="../../westpoint/images/common/spacer.gif" width="22" height="1" border="0"><a href="../../westpoint/discover_travis.html"><img src="../../westpoint/images/discover/travis_panorama_nav.gif" width="78" height="26" border="0" alt="Travis Panorama"></a><img src="../../westpoint/images/common/spacer.gif" width="22" height="1" border="0"><a href="../../westpoint/discover_quiz.html"><img src="../../westpoint/images/discover/quiz_nav_on.gif" width="32" height="26" border="0" alt="Quiz"></a><br>
								</td>
							</tr>
						</table>
						<img src="../../westpoint/images/common/spacer.gif" width="1" height="5" border="0"><br>
					</td>
				</tr>
				<!-- // END DISCOVER HEADER -->
			<!-- START OF MAIN CONTENT -->
				<tr>
					<td valign="top">					
						<!--  BORDER TABLE-->
						<table class="bgborderblue" cellspacing="0" cellpadding="1" border="0" width="710" align="center">
							<tr>
								<td valign="top">
									<table class="bgoutterblue" cellspacing="0" cellpadding="10" border="0" width="708">
										<tr>
											<td valign="top">											
												<table class="bgwhite" cellspacing="0" cellpadding="0" border="0" width="688">
													<tr class="bgoutterblue">														
														<!-- WAR & DIPLOMACY TITLE -->
														<td valign="top" colspan="2"><img src="../../westpoint/images/common/spacer.gif" width="1" height="5" border="0"><br>
														<img src="$quiz_title_gif" width="173" height="17" border="0" alt="Private & Public Works"><br>
														<img src="../../westpoint/images/common/spacer.gif" width="1" height="10" border="0"><br>
														</td>	
														<!-- QUESTION NUMBER NAVIGATION -->
														<td valign="top" colspan="2" align="right" class="questions">
														<span class="questionsVisited">1</span>&nbsp;2&nbsp;3&nbsp;4&nbsp;5&nbsp;6&nbsp;7&nbsp;8&nbsp;<br>														
														<img src="../../westpoint/images/common/spacer.gif" width="409" height="1" border="0"><br>
														</td>													
													</tr>					
													<tr>														
														<!-- WAR & DIPLOMACY LARGE IMAGE -->
														<td valign="top">
														<img src="$image" width="264" height="340" border="0" alt="Andrew Talcott"><br>
														</td>
														<!-- SPACER COLUMN -->
														<td valign="top">
														<img src="../../westpoint/images/common/spacer.gif" width="15" height="1" border="0"><br>
														</td>
														<!-- QUESTION FORM -->
														<td valign="top" class="answerchoicetext"><FORM name="myForm" Action=$post_pl Method="Post">
														<br>
														<span class="bbblacktext">Question $question_num:</span><br>
														<br>
														<span class="questionstext">$question</span><br>
														<br>
														<input type="radio" name="choice" value="a" style="background-color: #FFFFFF"> $choice_a <br>
														<br>
														<input type="radio" name="choice" value="b" style="background-color: #FFFFFF"> $choice_b<br>
														<br>
														<input type="radio" name="choice" value="c" style="background-color: #FFFFFF"> $choice_c<br>
														<br><br>
														<input type="hidden" name="score" value="$score">
														<a href="javascript:void submitForm()"><img src="../../westpoint/images/common/btn_submit.gif" width="62" height="18" border="0" alt="Submit"></a><br>
														<br>
														</FORM>
														</td>
														<!-- SPACER COLUMN -->
														<td valign="top">
														<img src="../../westpoint/images/common/spacer.gif" width="15" height="1" border="0"><br>
														</td>			
													</tr>
													<tr>
													    <td valign="top">
													        <table cellspacing="0" cellpadding="3" border="0" width="100%">	
													            <tr>
													                <td class="smgraytext">
													                Courtesy of National Musuem of American History, Smithsonian Institution
													                </td>
													            </tr>
													        </table>
													    </td>
													    <td colspan="3">
													        <img src="../../westpoint/images/common/spacer.gif" width="5" height="10" border="0"><br>
													    </td>
                                                    </tr>													
												</table>
											</td>
										</tr>
									</table>
								</td>
							</tr>
						</table>
					<img src="../../westpoint/images/common/spacer.gif" width="1" height="10" border="0"><br>
					</td>
				</tr>				
			</table>
		</td>
	<!-- SMITHSONIAN FOOTER LOGO -->
	<tr class="bgoffblack">
		<td valign="top">
		<a href="http://americanhistory.si.edu" target="_blank"><img src="../../westpoint/images/common/footer_logo.gif" width="208" height="47" border="0" alt="Smithsonian National Museum of American History"></a><br><br>
		<br>
		</td>
		<td valign="top" align="right"><img src="../../westpoint/images/common/spacer.gif" width="1" height="5" border="0"><br>
		<a href="../../westpoint/sponsors.html" class="smgraylink">Sponsor</a> <span class="smdarkgraytext">|</span> <a href="../../westpoint/credits.html" class="smgraylink">Credits</a><br>
		</td>		
	</tr>	
</table>

</body>
</html>
output

