<?
session_start();
$is_digg = false;
if (preg_match('/digg.com/i',$_SERVER['HTTP_REFERER'])) {
	$_SESSION['is_digg']=true;
	$is_digg = true;
} elseif (isset($_SESSION) && $_SESSION['is_digg']) {
	$is_digg = true;
}


$questions = array(
	array(
		'answers' => array(
			'No backing up' => 0,
			'Left lane must stay to the left, right lane must to stay to the right' => 0,
			'Traffic is permitted on either side of an island or obstruction' => 1,
			'Left and right turn lanes ahead' => 0,
			'Slow down' => 0,
		),
		'correct_answer' => "Traffic is permitted on either side of an island or obstruction",
		
	),
	array(
		'answers' => array(
			'Slippery conditions ahead when wet' => 1,
			'Curvy road' => 0,
			'Right turn' => 0,
			'U-turn route' => 0,
		),
		'correct_answer' => 'Slippery conditions ahead when wet'
	),
	array(
		'answers' => array(
			'Railroad tracks' => 0,
			'Passing lane ahead' => 0,
			'Merge to the right' => 0,
			'Added lane ahead' => 1,
		),
		'correct_answer' => 'Added lane ahead',
	),
	array(
		'answers' => array(
			'No passing' => 0,
			'Shoulder ahead' => 0,
			'Keep left of the obstruction' => 0,
			'Keep right of the obstruction' => 1,
			'Curvy mountain road warning' => 0,
		),
		'correct_answer' => 'Keep right of the obstruction',
	),
	array(
		'answers' => array(
			"Two-way traffic ahead"=> 1,
			"Passing is OK" => 0,
			'Divided highway ends' => 0,
			'One-way traffic ahead' => 0,
		),
		'correct_answer' => 'Two way traffic ahead',
	),
	array(
		'answers' => array(
			"Railroad crossing ahead" => 0,
			'Traffic light ahead' => 0,
			'4-way traffic ahead' => 1,
			'Stop sign ahead' => 0
		),
		'correct_answer' => '4-way traffic ahead',
	),
	array(
		'answers' => array(
			"Rest area ahead"=> 0,
			"Railroad crossing ahead" => 0,
			'You will encounter a railroad crossing when turning right ahead' => 1,
			'Added lane ahead' => 0
		),
		'correct_answer' => 'You will encounter a railroad crossing when turning right ahead',
	),
	array(
		'answers' => array(
			"Lane ends"=> 0,
			"Merging traffic from left" => 1,
			"Added lane ahead"=> 0,
			"Passing zone"=> 0,
		),
		'correct_answer' => "Merging traffic from left",
	),
	array(
		'answers' => array(
			"U-turn OK"=> 0,
			"Road curves to the right" => 0,
			"Merging lanes" => 0,
			"Roundabout ahead"=> 1,
		),
		'correct_answer' => 'Roundabout ahead',
	),
	array(
		'answers' => array(
			"No passing"=> 0,
			"Slippery, snowy conditions ahead" => 0,
			"Parking ahead" => 0,
			"Pavement ends ahead"=> 1,
		),
		'correct_answer' => 'Pavement ends ahead',
	),
	array(
		'answers' => array(
			"Road curves to the right, then back to the left"=> 1,
			"Slippery conditions ahead" => 0,
			"Road curves to the left, then back to the right" => 0,
			"Construction ahead"=> 0,
		),
		'correct_answer' => 'Road curves to the right, then back to the left',
	),
	array(
		'answers' => array(
			"Left lane ends ahead"=> 0,
			"Soft shoulder warning" => 0,
			'Narrow bridge warning' => 1,
			'Two-way traffic begins' => 0,
		),
		'correct_answer' => "Narrow bridge warning",
	),
	array(
		'answers' => array(
			"Farm equipment ahead - use caution" => 0,
			'Tourist attraction ahead' => 0,
			'Horse drawn vehicle crossing ahead' => 1,
		),
		'correct_answer' => "Horse drawn vehicle crossing ahead",
	),
	array(
		'answers' => array(
			"Warning sign for a hill ahead"=> 1,
			"No trucks ahead" => 0,
			'Truck route ahead' => 0,
			'Warning sign for a truck ramp' => 0,
		),
		'correct_answer' => "Warning sign for a hill ahead",
	),
	array(
		'answers' => array(
			"Road will narrow ahead"=> 0,
			"Weigh station ahead" => 0,
			"Minimum vehicle height area ahead" => 0,
			'Low clearance ahead' => 1
		),
		'correct_answer' => 'Low clearance ahead',
	),
	array(
		'answers' => array(
			"Right lane must turn right"=> 0,
			"No u-turns, no left turns" => 1,
			'Left lane must turn left' => 0
		),
		'correct_answer' => 'No u-turns, no left turns',
	),
	array(
		'answers' => array(
			"Hospital ahead"=> 0,
			"High maintenance road work ahead" => 0,
			'Heavy machinery ahead' => 0,
			'A designated route for vehicles transporting hazardous materials' => 1
		),
		'correct_answer' => 'A designated route for vehicles transporting hazardous materials',
	),
	array(
		'answers' => array(
			"No parking"=> 1,
			"No passing" => 0,
			'No oversized vehicles allowed' => 0
		),
		'correct_answer' => 'No parking',
	),
	array(
		'answers' => array(
			"Merging traffic from the right"=> 0,
			"Right lane ends" => 1,
			'Island or obstruction ahead, merge right' => 0
		),
		'correct_answer' => 'Right lane ends',
	),
);

if (isset($_GET['t'])) {
	$page_title = htmlentities($_GET['t']);
}

if (isset($_POST['points'])) {
	
	$max_points = count($questions);
	$points = isset($_POST['points']) ? $_POST['points'] : $_GET['points'];
	
	
	$score = round(($points / $max_points) * 100); 
	$score = $score > 100 ? 100 : $score;

  $grade = 'F'; 
  
  if ($score >= 97) {
    $grade ='A+';
  } elseif ($score >= 93 && $score <= 96) {
    $grade = 'A'; 
  } elseif ($score >= 90 && $score <= 92) {
    $grade = 'A-';  
  } elseif ($score >= 87) {
    $grade ='B+';
  } elseif ($score >= 83 && $score <= 86) {
    $grade = 'B'; 
  } elseif ($score >= 80 && $score <= 82) {
    $grade = 'B-';  
  } elseif ($score >= 77) {
    $grade ='C+';
  } elseif ($score >= 73 && $score <= 76) {
    $grade = 'C'; 
  } elseif ($score >= 70 && $score <= 72) {
    $grade = 'C-'; 
  } elseif ($score >= 67) {
    $grade ='D+';
  } elseif ($score >= 63 && $score <= 66) {
    $grade = 'D'; 
  } elseif ($score >= 60 && $score <= 62) {
    $grade = 'D-';  
  } elseif ($score < 60) {
    $grade = 'F';
  }
  
  $grades = array(
    'A' => 'Passed with an Excellent Score!',
    'B' => 'Passed with an Above Average Score.',
    'C' => 'Passed with an Average Score.',
    'D' => 'Barely Passed.', 
    'F' => 'Failed!'
  );
	$grade_no_sign = preg_replace('/([-+])$/','',$grade);
	$letter_grade = $grades[$grade_no_sign];
	$grade_for_img = preg_replace('/\-/','minus',$grade);
	$grade_for_img = strtolower(preg_replace('/\+/','plus',$grade_for_img));
	
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>Name That Road Sign</title>
	
	<link rel="stylesheet" type="text/css" href="css/road_sign.css" />

	<script type="text/javascript" src="js/jquery.js"></script>	
	<script type="text/javascript" src="js/road_sign.js"></script>
	
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<script src="/mint/?js" type="text/javascript"></script>
</head>
<body>

<div id="container">
	
<? if (!isset($score)): ?>	
	<div id="header">
		<h1><span>Name That Road Sign</span></h1>
		<img class="ghost" src="img/header.png" alt="Name That Road Sign by Auto Insurance.org" />
		<div id="score_fill">
			<div id="progress">&nbsp;</div>
		</div>
	</div>
	
	<form action="/road_sign/" method="post" id="quiz_form">
		<input type="hidden" id="points" name="points" value="0" />
		<input type="hidden" id="max_points" name="max_points" value="0">
	</form>
	
	<div id="questions">
		<? $answer_id = 0; ?>
		<? foreach ($questions as $count => $q): ?>
			<?
			$remaining_amount = count($questions) - ($count + 1);
			$next_button = 'Next Sign';
			if ($remaining_amount > 1) {
				$remains = "$remaining_amount remain";
			} elseif ($remaining_amount == 1) { 
				$remains = "1 remains";
			} elseif ($remaining_amount == 0) {
				$remains = 'Last one!';
				$next_button = 'Finished!';
			}
		?>
		<div id="question_">
			<table>
				<tr>
					<td>
						<img src="img/questions/.png" alt="What sign is this?" />
					</td>
					<td>
						<h2>Question 1 <span class="mute">()</span></h2>
						<ul>
						<? foreach ($q['answers'] as $answer => $value): ?>
						  <? $answer_id++; ?>
							<li>
								<input type="radio" name="question_" id="answer_" value="" onclick="javascript: check_answer(,); " />
								<label for="answer_"></label>
							</li>
						<? endforeach; ?>
						</ul>						
						<div class="results" id="result_">
							<p class="correct_answer"><br />Correct Answer: </p>
							<br />
							<p><a class="next_question" onclick="javascript: transition(); "></a></p>
						</div>
					</td>
				</tr>
			</table>
		</div>
	<? endforeach; ?>
	</div>
	
<? else: ?>
	<div id="score">
		<div class="center_text">
			<h1>Your Grade: </h1>
			<h2><span class="swatch1">%</span> You </h2>
		</div>
		
		<? if (!$is_digg): ?>
		<table>
			<tr>
				<td valign="top">
					<img src="img/badges/.png" alt="" />
					<p style="font-size: 14px;">
						via <a href="https://www.autoinsurance.org/">Auto Insurance</a>
					</p>
				</td>
				<td id="post_to" valign="top">
					<h2>Post your results to</h2>
					<h2><a id="html" onclick="javascript: $('#code').select();">Your blog or website</a></h2>
					<div id="html_code">
						<p>Copy &amp; paste the HTML code below to add this to your blog or website.</p>
						<textarea id="code" rows="4" cols="45" onclick="javascript: this.select();"><a href="http://www.autoinsurance.org/road_sign/"><img src="http://www.autoinsurance.org/road_sign/img/badges/.png" alt="Name that Road Sign" /></a><p>via <a href="http://www.autoinsurance.org/">Auto Insurance</a></p></textarea>
					</div>
					
					<h2><a id="twitter" target="_blank" href="https://twitter.com/home?status=I took the 'name that road sign' quiz and  () What about you? http://www.autoinsurance.org/road_sign/">Twitter<a></h2>
						
					<h2><a id="facebook" target="_blank" href="https://www.facebook.com/share.php?u=http://www.autoinsurance.org/road_sign/?t=I took the 'name that road sign' quiz and   My grade: ">Facebook<a></h2>
				
					<form id="myspacepostto" method="post" action="https://www.myspace.com/index.cfm?fuseaction=postto" target="_blank"> 
				    <input type="hidden" name="t" value="How many road signs can you name?" /> 
				    <input type="hidden" name="c" value="<a href='http://www.autoinsurance.org/road_sign/'><img src='http://www.autoinsurance.org/road_sign/img/badges/.png' alt='Name that road sign by Auto Insurance' /></a><p>via <a href='http://www.autoinsurance.org/road_sign/'>Auto Insurance</a></p>" /> 
				    <input type="hidden" name="u" value="http://www.autoinsurance.org/road_sign/" /> 
				    <input type="hidden" name="l" value=" " /> 
						<h2><a id="myspace" onclick="javascript: document.getElementById('myspacepostto').submit();return false;">Myspace<a></h2>
					</form>					

				</td>
			</tr>
		</table>
		<? else: ?>
		<br ?>
		<h2>More Road Signs</h2>
		<p>Road signs are classified into several different groups, and there are some fairly surprising ones out there. 
			Below is a list of all the traffic signs in the US.</p>
			
		<P>
		<A HREF="http://www.trafficsign.us/regsign.html">
		<IMG ALIGN="middle" HSPACE="10" VSPACE="5" WIDTH="50" HEIGHT="50" BORDER="0"
		SRC="http://www.trafficsign.us/50/regsign.gif"></A>
		<A HREF="http://www.trafficsign.us/regsign.html">
		Regulatory Signs</A>

		<P>
		<A HREF="http://www.trafficsign.us/warnsign.html">
		<IMG ALIGN="middle" HSPACE="10" VSPACE="5" WIDTH="50" HEIGHT="50" BORDER="0"
		SRC="http://www.trafficsign.us/50/warnsign.gif"></A>
		<A HREF="http://www.trafficsign.us/warnsign.html">
		Warning Signs</A>

		<P>
		<A HREF="http://www.trafficsign.us/marksign.html">
		<IMG ALIGN="middle" HSPACE="10" VSPACE="5" WIDTH="50" HEIGHT="50" BORDER="0"
		SRC="http://www.trafficsign.us/50/marksign.gif"></A>
		<A HREF="http://www.trafficsign.us/marksign.html">
		Marker Signs</A>

		<P>
		<A HREF="http://www.trafficsign.us/guidesign.html">
		<IMG ALIGN="middle" HSPACE="10" VSPACE="5" WIDTH="50" HEIGHT="50" BORDER="0"
		SRC="http://www.trafficsign.us/50/guidesign.gif"></A>
		<A HREF="http://www.trafficsign.us/guidesign.html">
		Guide and Informational Signs</A>

		<P>

		<A HREF="http://www.trafficsign.us/reccult.html">
		<IMG ALIGN="middle" HSPACE="10" VSPACE="5" WIDTH="50" HEIGHT="50" BORDER="0"
		SRC="http://www.trafficsign.us/50/reccult/rl-170.gif"></A>
		<A HREF="http://www.trafficsign.us/reccult.html">
		Recreational and Cultural Interest Signs</A>


		<P>
		<A HREF="http://www.trafficsign.us/bikesign.html">
		<IMG ALIGN="middle" HSPACE="10" VSPACE="5" WIDTH="50" HEIGHT="50" BORDER="0"
		SRC="http://www.trafficsign.us/50/bikesign.gif"></A>
		<A HREF="http://www.trafficsign.us/bikesign.html">
		Signs for Bicycle Facilities</A>

		<P>
		<A HREF="http://www.trafficsign.us/ttcsign.html">

		<IMG ALIGN="middle" HSPACE="10" VSPACE="5" HEIGHT="50" WIDTH="50" BORDER="0"
		SRC="http://www.trafficsign.us/50/ttcsign.gif"></A>
		<A HREF="http://www.trafficsign.us/ttcsign.html">
		Temporary Traffic Control Signs</A>

		<P>
		<A HREF="http://www.trafficsign.us/railsign.html">
		<IMG ALIGN="middle" HSPACE="10" VSPACE="5" HEIGHT="50" WIDTH="50" BORDER="0"
		SRC="http://www.trafficsign.us/50/railsign.gif"></A>
		<A HREF="http://www.trafficsign.us/railsign.html">
		Railroad and Light Rail Signs</A>

		<P>
		<A HREF="http://www.trafficsign.us/schsign.html">
		<IMG ALIGN="middle" HSPACE="10" VSPACE="5" HEIGHT="50" WIDTH="50" BORDER="0"
		SRC="http://www.trafficsign.us/50/schsign.gif"></A>
		<A HREF="http://www.trafficsign.us/schsign.html">
		School Signs</A>

		<P>
		<A HREF="http://www.trafficsign.us/emersign.html">
		<IMG ALIGN="middle" HSPACE="10" VSPACE="5" WIDTH="50" HEIGHT="50" BORDER="0"
		SRC="http://www.trafficsign.us/50/emersign.gif"></A>
		<A HREF="http://www.trafficsign.us/emersign.html">
		Emergency and Incident Management Signs</A>

		
		<? endif; ?>
	</div>
<? endif; ?>


<? if (!$is_digg): ?>
<div class="center_text pad" id="take_another">
	<h1>Take Another Quiz!</h1>
	<a target="_blank" href="/name_that_car/"><img src="/img/default/name_that_car_thumbnail.jpg" alt="name that car" /></a>
</div>
		
<div id="created_by">
	<h2>This was created by</h2>
	<a href="https://www.autoinsurance.org"><img height="57" width="276" src="/img/default/logo.png" alt="Auto Insurance" /></a>
	<p>
		<br />
		<a href="/">Auto Insurance</a> Blog, Articles, and Educational Resources.
	</p>
</div>
<? endif; ?>

</body>
</html>