<?
$extcss='';

require ("appheader.php");
require ("header_inline.php");

   /*---------------*/
  
   $sql = "select * from " . $table_prefix. "course order by sorting ";
  $stmt = $db->prepare($sql);
  $stmt->execute();	
  $rs = $stmt->fetchAll(PDO::FETCH_ASSOC);
 
  
    foreach ($rs as $r)
  {
	$courses[$r['code']] = $r;
  }
  
  /*---------------*/

$cpcolor = array(
	"#6a6a6a","#f5b401","#78ba00","#2572eb","#ad103c","#643001","#af1d00","#c1004f","#7301ad","#4516b3","#006ac1","#008287","#189800","#00c13f","#fe971c","#ff2e12","#ff1d77","#a93ffe","#1faeff","#56c5ff","#00d8cc",
	"#6a6a6a","#f5b401","#78ba00","#2572eb","#ad103c","#643001","#af1d00","#c1004f","#7301ad","#4516b3","#006ac1","#008287","#189800","#00c13f","#fe971c","#ff2e12","#ff1d77","#a93ffe","#1faeff","#56c5ff","#00d8cc"
);
	
$bibno = getpostval_int("bibno");
$bibno = str_pad($bibno, 4, "0", STR_PAD_LEFT);

$sql = "select " . $table_prefix. "runners.*, 
					" . $table_prefix. "runner_groups.name_en as group_name_en,
					" . $table_prefix. "runner_groups.`name_zh-hant` as `group_name_zh-hant` from 
					" . $table_prefix. "runners
				left join " . $table_prefix. "runner_groups on " . $table_prefix. "runners.age_group = " . $table_prefix. "runner_groups.id
				
			where bibno = :bibno";
$stmt = $db->prepare($sql);
$stmt->bindValue(':bibno', $bibno, PDO::PARAM_INT);
$stmt->execute();	
$runner = $stmt->fetch(PDO::FETCH_ASSOC);

//d($runner);
//d(  $courses);

$course = $courses[$runner['course']];

//d($course);


$sql = "select 
			" . $table_prefix. "markers.`name_zh-hant`,
			" . $table_prefix. "markers.name_en,
			" . $table_prefix. "course_markers.distance,
			" . $table_prefix. "course_markers.course_code,
			" . $table_prefix. "course_markers.code,
			" . $table_prefix. "course_markers.marker_id
		from
		" . $table_prefix. "course_markers 
			left join " . $table_prefix. "markers on " . $table_prefix. "markers.id = " . $table_prefix. "course_markers.marker_id
		where 
			" . $table_prefix. "course_markers.course_code = :code
		order by " . $table_prefix. "course_markers.count";
		
		
$stmt = $db->prepare($sql);
$stmt->bindValue(':code', $runner['course'], PDO::PARAM_STR);
$stmt->execute();	
$rs = $stmt->fetchAll(PDO::FETCH_ASSOC);

  foreach ($rs as $r)
  {
	$cp[$r['code']] = $r;
  }


/*--------------------------------------------*/

$sql = "select *
		from
		  " . $table_prefix. "trackrecord_summary
			
		where 
			bibno = '" . $bibno . "'
		order by cp_count";
		
		
$stmt = $db->prepare($sql);
// $stmt->bindValue(':bibno', $bibno, PDO::PARAM_STR);
$stmt->execute();	
$temprs = $stmt->fetchAll(PDO::FETCH_ASSOC);
//d($sql);
foreach ($temprs as $r)
{
	$trackrecord_summary[$r['cp_code']] = $r;
}


/*--------------------------------------------*/


/*--------------------------------------------*/

foreach($trackrecord_summary as $a)
{
   if($lastrecordtime)
   {
	$thisduration = s_datediff("h", $lastrecordtime, $a['recorddatetime'] );
	$trackrecord_summary[$a['cp_code']]['sectionduration'] = $thisduration;
   }
   
   //if($lastdistance)
   //{
	$thisdistance = $cp[$a['cp_code']]['distance'] -  $lastdistance;
	$trackrecord_summary[$a['cp_code']]['sectiondistance'] = $thisdistance;
   //}
	
	
	$avg =  $thisdistance  / $thisduration;
	
	$trackrecord_summary[$a['cp_code']]['avgspeed'] = $avg;
	
   if ($a['cp_code'] != "SP")
   {
	$lastrecordtime = $a['recorddatetime'];
	$lastdistance = $cp[$a['cp_code']]['distance'];
   } else {
	$lastrecordtime =  $course['startdatetime'];
	$lastdistance = 0;
   }
}


 /*--------------------------------------------*/

//$latestcp =  end($cp);  
//d($latestcp);
//d($trackrecord_summary);
//d($trackrecord_summary[$latestcp['code']]);
  
$latest_record =  end($trackrecord_summary);
//d($latest_record);
  

/*--------------------------------------------*/

$sql = "select bibno
		from
		  " . $table_prefix. "trackrecord_summary
			
		where 
			course_code = '" .  $runner['course'] .  "'
		order by place_course asc
		limit 1";
		
		
$stmt = $db->prepare($sql);
// $stmt->bindValue(':bibno', $bibno, PDO::PARAM_STR);
$stmt->execute();	
$winner_ts = $stmt->fetch(PDO::FETCH_ASSOC);
//d($winner_ts);
/*--------------------------------------------*/

$sql = "select *
		from
		  " . $table_prefix. "runners
		where 
			bibno = '" .  $winner_ts['bibno'] .  "'
	
		limit 1";
		
		
$stmt = $db->prepare($sql);
// $stmt->bindValue(':bibno', $bibno, PDO::PARAM_STR);
$stmt->execute();	
$winner = $stmt->fetch(PDO::FETCH_ASSOC);


/*--------------------------------------------*/

$sql = "select *
		from
		  " . $table_prefix. "trackrecord_summary
			
		where 
			bibno = '" . $winner['bibno']  ."'
		order by cp_count";
		
		
$stmt = $db->prepare($sql);
// $stmt->bindValue(':bibno', $bibno, PDO::PARAM_STR);
$stmt->execute();	
$temprs = $stmt->fetchAll(PDO::FETCH_ASSOC);
//d($sql);
foreach ($temprs as $r)
{
	$winner_trackrecord_summary[$r['cp_code']] = $r;
}


/*--------------------------------------------*/

foreach($winner_trackrecord_summary as $a)
{
   if($lastrecordtime)
   {
	$thisduration = s_datediff("h", $lastrecordtime, $a['recorddatetime'] );
	$winner_trackrecord_summary[$a['cp_code']]['sectionduration'] = $thisduration;
   }
   
   //if($lastdistance)
   //{
	$thisdistance = $cp[$a['cp_code']]['distance'] -  $lastdistance;
	$winner_trackrecord_summary[$a['cp_code']]['sectiondistance'] = $thisdistance;
   //}
	
	
	$avg =  $thisdistance  / $thisduration;
	
	$winner_trackrecord_summary[$a['cp_code']]['avgspeed'] = $avg;
	
   if ($a['cp_code'] != "SP")
   {
	$lastrecordtime = $a['recorddatetime'];
	$lastdistance = $cp[$a['cp_code']]['distance'];
   } else {
	$lastrecordtime =  $course['startdatetime'];
	$lastdistance = 0;
   }
}


/*--------------------------------------------*/


// check eorro last time slower to next time?
$arr=array_msort($trackrecord_summary, array('cp_count'=>SORT_DESC));
$lastrecordtime = null;
foreach($arr as $a)
{
  if (!$lastrecordtime) {$lastrecordtime = $a['recorddatetime'];}
 
  if ($a['recorddatetime'] && $lastrecordtime < $a['recorddatetime'])
   {
	$trackrecord_summary[$a['cp_code']]['error'] = 1;
   } 
   $lastrecordtime =  $a['recorddatetime'];
   
  //echo $lastrecordtime;
}


//d($trackrecord_summary);


if (!$iframe) {
?>
		
		<div class="row">
		   <div class="col-lg-12 col-md-12 col-xs-12" >
			<div class="box">
				<div class="box-body text-center">
					<img src="images/logo.png">
				</div>
			</div>
			</div>
		</div>
		
		
      <div class="row">
						<section class="col-lg-12 ">     
							<!-- Input addon -->
                           
								<!--
									<div id="select_course_div" class="btn-group" data-toggle="buttons" style="padding:10px">
									
										   <a href="livetrack_overall.html" style="padding:10px" class="btn btn-lg  btn-default" onclick="document.location.href='livetrack_overall.html'">
										  <i class="fa fa-home"></i> 
										 </a>
										 <?
										  foreach ($courses as $c)
										  {
											  echo '  <label style="padding:10px" class="btn btn-lg  btn-default">';
												echo '<input type="radio"  name="select_course"  value="' . $c['code'] . '" id="course_' . $c['code'] . '"><b>' . $c['code'] . "</b>";
												echo ' </label> ';
										  }
										  ?>
										  
										  
										  <button  class=" btn btn-lg  btn-default" onclick="document.location.href='livetrack_listing.html'"><? echo i18n_text("Adv. Listing"); ?></button>
										  
									</div>
								-->
									
						</section>
		</div>
		
		
		<div class="row">
		   <div class="col-lg-12 col-md-12 col-xs-12" >
			<div class="box">
				<div class="box-body text-center">
					<div class="row">
						<div class="col-lg-4 col-md-4 col-xs-12" >
							
							<span style="font-size:3em"><?echo $runner['bibno_display']?>
							
							</span>
						</div>
						<div class="col-lg-4 col-md-4 col-xs-12" >
					
							
							<?
							
							if ($runner)
							{
							echo '<span style="font-size:2em">';
							echo displayFirstLastname($runner['firstname'],$runner['lastname']) . ' (' .  $runner['gender'] . ') ' . $runner['team'];
							} else {
							echo '<span style="font-size:3em; color:red">';
							echo "Error! BIB No. not exists";
							}
							
							
							?>
							</span>
							<br>
						
							
							<span style="font-size:1.5em">
							
							<?echo $runner['country']?>
							</span>
							
						
						</div>
						<div class="col-lg-4 col-md-4 col-xs-12" >
							<span style="font-size:2em">
							<?echo i18n_field($course, "name");?> 
							</span>
							<br>
							<span style="font-size:1.5em">
							<?echo i18n_field($runner, "group_name");?> 
							</span>
						</div>
					</div>
					
					<div class="row" style="padding:10px;background-color:#E97434;color:white">
					
									<div class="col-lg-6 col-md-6 col-xs-12" >
										
										
											<?
											//d($trackrecord_summary);
												if ( $trackrecord_summary['FP']['recorddatetime'] and $trackrecord_summary['FP']['place_course'] )
												{
													echo '<span style="font-size:2em">';
													echo i18n_text("Overall Rank");
													echo '</span>';
													echo '<br>';
													echo '<span style="font-size:3em">';
													echo $trackrecord_summary['FP']['place_course'];
													echo '</span>';
													
											
												}
												
												
												if ($latest_record['dnf'])
												{
													echo '<span style="font-size:3em">';
													echo 'DNF';
													echo '</span>';
													
												} else if (!$latest_record || !$latest_record['overall_place_group'])
												{
													echo '<span style="font-size:3em">';
													echo 'DNS';
													echo '</span>';
												
												} else if (!$trackrecord_summary['FP'] and ( strtotime($course_cutofftime) < strtotime("now")))
												{
													$latest_record['dnf'] = "DNF";
													echo '<span style="font-size:3em">';
													echo 'DNF';
													echo '</span>';
												
												} else {
													//echo "比賽中";
													//echo i18n_text("");
												}
											
											?>
										
										
									</div>
									<div class="col-lg-6 col-md-6 col-xs-12" >
										
										
											<?
											//d($trackrecord_summary);
												if ( $trackrecord_summary['FP']['recorddatetime'] and $trackrecord_summary['FP']['place_course'] )
												{
													echo '<span style="font-size:2em">';
													echo i18n_field($runner, "group_name")  . " / " .  i18n_text( $runner['gender'] . "_group");
													echo '</span>';
													echo '<br>';
													echo '<span style="font-size:3em">';
													echo $trackrecord_summary['FP']['place_gender_group'];
													echo '</span>';
												}
											
											?>
										
										
									</div>
			
					</div>
					
				</div>
			</div>
			</div>
		</div>
		
<? } //iframe 	?>	
		
		<div class="row">
		
		<?
		if (!$iframe) {
		?>
		<div class="col-md-3 col-md-push-9 col-xs-12" >
				<div class="box">
					<div class="box-body">
						<a href="#avgspeedchartcontainer"  style="margin:10px" role="button" class="btn btn-block btn-lg bg-maroon"><?echo i18n_text("Average Speed Chart");?></a>
						<a href="#map"  style="margin:10px" role="button"class="btn btn-lg btn-block bg-purple"><?echo i18n_text("Map");?></a>
						<a href="#chartcontainer"  style="margin:10px" role="button"class="btn btn-lg btn-block bg-olive"><?echo i18n_text("Climb Height Reference");?></a>
					</div>
				</div>
				
				
				<?

				$file = 'photoupload/uploads/' . $bibno . '.jpg';
				//echo $file;
				//exit();
				if (file_exists($file))
				{
				
				?>
				<div class="box">
					<div class="box-body text-center">
						

						<img src="<? echo $file; ?>">

						
					</div>
				</div>
				<?
				
				}
				?>
				
				<? if (  $trackrecord_summary['FP']['recorddatetime'] &&  $trackrecord_summary['FP']['place_course'] )
				{
				
				?>
				<div class="box">
					<div class="box-body text-center">
						

						<img src="images/cert_thumb.png">

						<a href="cert/<?echo $bibno;?>" target="_blank"  style="margin:10px" role="button" class="btn btn-block btn-lg bg-blue"><i class="fa fa-file-pdf-o"></i> <?echo i18n_text("Download Certificate");?></a>
						
					</div>
				</div>
				<?
				
				}
				
											
				?>
				
			
					<?
							$sql = 'select  distinct ' . $table_prefix. 'gallery.* from ' . $table_prefix. 'gallery left join ' . $table_prefix. 'gallery_tag on ' . $table_prefix. 'gallery.id = ' . $table_prefix. 'gallery_tag.gallery_id where 1=1 ';
							$sql .= 'and CAST( ' . $table_prefix. 'gallery_tag.bibno AS UNSIGNED) = "' .  intval($bibno) . '"  ORDER BY RAND() limit 20'  ;
							$stmt = $db->prepare($sql);
							$stmt->execute();	
							$images = $stmt->fetchAll(PDO::FETCH_ASSOC);
							
							if ($images)
							
							{
							?>
						
					<div class="box">
					<div class="box-body text-center">
							<?
								 foreach ($images as $image_r)
								{
								$image = $image_r['path'] . "/thumb/" . $image_r['basename'];
								?>
								<img itemprop="thumbnail" src="http://web.sportsystem.hk/utmt201617/gallery/photos/<?echo $image;?>" alt="<?basename($image);?>" style="max-width:100px;max-height:100px;"/>
								<?
								}
								
								?>
								<a href="http://web.sportsystem.hk<?echo $webroot;?>/gallery/index.html?bibno=<?echo $bibno;?>" target="_blank"  style="margin:10px" role="button" class="btn btn-block btn-lg bg-green"><i class="fa fa-file-photo-o"></i> <?echo i18n_text("Photo Gallery");?></a>
						</div>
					</div>
								<?
							}
													
					?>
					
					
			</div>
<? } //iframe 	?>			
			
		   <div class="col-md-9 col-md-pull-3 col-xs-12" >
			<div class="box">
				<div class="box-body">
						<ul class="timeline">

							<!-- timeline time label -->
							<li class="time-label">
								<span class="bg-red">
									<?echo $course['startdatetime'];?>
								</span>
							</li>
							<!-- /.timeline-label -->

							<!-- timeline item -->
							<li>
								<!-- timeline icon -->
								
								<?
								$c=0;
								foreach ($cp as $p)
								{
								$c++;
								
								
								$ts = $trackrecord_summary[$p['code']];
								
								 if ($ts['recorddatetime']) 
								  {
								  $cpbg =$cpcolor[$c];
								  } else {
								  $cpbg = "#cccccc";
								  }
								
								?>
								<li>
								
								  <i class="fa  fa-map-marker" style="color:white; background-color:<?echo $cpbg;?>"></i>
								  
								  
								<?  
								if ($ts['error'])
								{
									$bg = 'background-color:#ffdddd';
								} else {
									$bg = "";
								}
								?>

								  <div class="timeline-item" style="margin-top:0px; <?echo $bg;?>">
									<span class="time"></i><img src="images/chartpin/pin_<?echo strtolower($p['code']);  ?>.png"></span>

									<h3 class="timeline-header">
									<span style="font-weight:bold; color:<?echo  $cpbg;?>;"><? echo  $p['code'];?> <? echo  i18n_field($p,'name');?></span>
									<span style="font-size:0.8em; font-weight:bold; color:#aaaaaa"><? echo  $p['distance'];?>km</span>

									<?  
									if ($ts['error'])
									{
										echo '<span style="font-size:1.2em; font-weight:bold; color:#ff0000">';
										echo i18n_text("Error occurred. It will be fixed as soon as possible. Sorry for the inconvenience");
										echo '</span>';
									}
									?>
									
									</h3>

								  
									  <div class="timeline-body">
									   <?
									   
									 
									   if ($ts['recorddatetime']) 
										{
										
												
												$latestcp = $p['code'];
												$latestcp_popup =  '<div style="font-size:1.8em;"><i class="fa fa-clock-o"></i> ' .  $p['code']  . ' - '. MyDateDifference($courses[ $runner['course']  ]['startdatetime'], $ts['recorddatetime'])  . "</div>";
												
												$latestcp_popup .=  i18n_text("Record Time") . ":" .  $ts['recorddatetime'] . '<br>';
												
												$latestcp_popup .=  i18n_text("Place") . '<br>';
												
												$latestcp_popup .= $course['code']  . ': ' . $ts['place_course'] . '<br> ' .  $course['code']  . " / " .  i18n_text( $ts['gender'] . "_group") . ': ' . $ts['place_gender'] . '<br> ' .  $course['code']  . " / " . i18n_field($runner, "group_name") . ': ' . $ts['place_group']. '<br> ' .  $course['code']  . " / " . i18n_field($runner, "group_name")  . " / " .  i18n_text( $ts['gender'] . "_group") . ': ' . $ts['place_gender_group'];
											
												
												if ($p['code'] == "SP")
												{
													echo '<div>' . i18n_text("Check In") . ': '   . $ts['recorddatetime'] . '</div>';
												} else {
												?>
												<div class="row" >
													<div class="col-lg-3 col-md-4 col-xs-12" >
													
														<div style="font-size:1.8em;">
														<i class="fa fa-clock-o"></i>
														<? // echo Duration($ts['duration']); 
														
														echo MyDateDifference($courses[ $runner['course']  ]['startdatetime'],  $ts['recorddatetime']);
														?>
														</div>
														
														
														<div>
														<?echo i18n_text("Record Time");?>: <?echo $ts['recorddatetime'];?>
														</div>
														
														<div style="padding-bottom:50px">
														</div>
														<?
														
														if ($ts['dnf'])
																	{
																		echo '<div class="btn btn-large btn-warning" >' . i18n_text($ts['dnf']) . '</div>';
																	}
														?>
														
														
													</div>
													
													<?
													$icon_up = '<i style="font-size:1.2em;color:#33CC66;" class="fa fa-fw fa-arrow-up"></i>';
													$icon_down = '<i style="font-size:1.2em;color:#990066;"  class="fa fa-fw fa-arrow-down"></i>';
													$icon_keep = '<i style="font-size:1.2em;color:grey;" class="fa fa-fw fa-dot-circle-o"></i>';
													
													?>
													<div class="col-lg-3 col-md-4 col-xs-12" >
														<span style="font-size:1.2em; font-weight:bold;"><?echo i18n_text("Check Point");?> <?echo i18n_text("Place");?></span>
														<table class="table" style="width:auto;">
														<tr>
														 <td><?echo $course['code'] ?>   </td><td>:</td><td style="text-align:center"> <?echo $ts['place_course'];?></td><td>
														 
														 <?
															if ($lastplace_course)
															{
																if ($lastplace_course > $ts['place_course'] ) echo $icon_up;
																if ($lastplace_course < $ts['place_course'] ) echo $icon_down;
																if ($lastplace_course == $ts['place_course'] ) echo $icon_keep;
															}
															
														 ?>
														  </td>
														</tr>
														<tr>
														<td><?echo $course['code']  . " / " .  i18n_text( $ts['gender'] . "_group"); ?>  </td><td>:</td><td style="text-align:center">  <?echo $ts['place_gender'];?></td><td>
														
														 <?
															if ($lastplace_gender)
															{
																if ($lastplace_gender > $ts['place_gender'] ) echo $icon_up;
																if ($lastplace_gender < $ts['place_gender'] ) echo $icon_down;
																if ($lastplace_gender == $ts['place_gender'] )  echo $icon_keep;
															}
															
														 ?>
														 </td>
														 
														 
														</tr>
														<tr>
														<td><?echo  $course['code']  . " / " . i18n_field($runner, "group_name");?> </td><td>:</td><td style="text-align:center">  <?echo $ts['place_group'];?></td><td>
														 <?
															if ($lastplace_group)
															{
																if ($lastplace_group > $ts['place_group'] ) echo $icon_up;
																if ($lastplace_group < $ts['place_group'] ) echo $icon_down;
																if ($lastplace_group == $ts['place_group'] )  echo $icon_keep;
															}
															
														 ?>
														</td>
														</tr>
														<tr>
														
														<td><?echo $course['code']  . " / " . i18n_field($runner, "group_name")  . " / " .  i18n_text( $ts['gender'] . "_group"); ?> </td><td>:</td><td style="text-align:center">  <?echo $ts['place_gender_group'];?></td><td>
														
														 <?
															if ($lastplace_gender_group)
															{
																if ($lastplace_gender_group > $ts['place_gender_group'] ) echo $icon_up;
																if ($lastplace_gender_group < $ts['place_gender_group'] ) echo $icon_down;
																if ($lastplace_gender_group == $ts['place_gender_group'] ) echo $icon_keep;
															}
															
														 ?>
														 </td>
														</tr>
														</table>
														<div style="padding-bottom:50px"></div>
														
														<?
														$lastplace_course = $ts['place_course'];
														$lastplace_gender = $ts['place_gender'];
														$lastplace_group = $ts['place_group'];
														$lastplace_gender_group = $ts['place_gender_group'];
														
														?>
														
													</div>
													<div class="col-lg-3 col-md-4 col-xs-12" >
														<?
															//echo $ts['sectionduration'];
															//echo "<br>";
															//echo $ts['sectiondistance'];
															//echo "<br>";
															echo '<span style="font-size:1.2em; font-weight:bold;">';
															echo i18n_text("Average Speed");
															echo '</span>';
															echo "<br>";
															
															//printf('%0.2f', $avg);  
															$padded = sprintf('%0.2f', $ts['avgspeed']); 
															echo $padded . " " . i18n_text("Km")  . "/" .  i18n_text("Hr");
															echo '<div style="padding-bottom:50px"></div>';
														?>
													</div>
												</div>
												
												
											   <? } // == SP 
											   
											   
											// $ts['recorddatetime']
										} else {
										?>
										 <span style="color:#aaaaaa">
											   <?echo i18n_text("Sorry, data not available");?>
											   </span>
											  
											   
										<?	   
										}	   
										?>
											
											
									  </div>
									  <div class="timeline-footer">
										
									  </div>
								  
								  </div>
								</li>
			
			
								<?
								
							
								}
								?>
							</li>
							<!-- END timeline item -->

						
						</ul>
        
				</div>
			
			</div>
			</div>
			
			
		</div>
		
		
		<div class="row">
		   <div class="col-lg-12 col-md-12 col-xs-12" >
			<div class="box">
				<div class="box-body text-center">
					
					<div id="avgspeedchartcontainer" style="height: 500px; width: 100%; padding-top:100px"></div>
					<button class="btn  bg-maroon" id="button" class="autocompare"><? echo i18n_text("Show Winner Data");?></button>
				</div>
			</div>
			</div>
		</div>
		
                  
		<div class="row">
		   <div class="col-lg-12 col-md-12 col-xs-12" >
			<div class="box" >
				<div class="box-body text-center">
					<div id="map" style="height: 500px; width: 100%;"></div>
				</div>
			</div>
			</div>
		</div>
	<?
		if (!$iframe) {
		?>	
		<div class="row">
		   <div class="col-lg-12 col-md-12 col-xs-12" >
			<div class="box" >
				<div class="box-body text-center">
					<div id="chartcontainer" style="height: 500px; width: 100%; padding-top:100px"></div>
				</div>
			</div>
			</div>
		</div>
		

		<div class="row">
		   <div class="col-lg-12 col-md-12 col-xs-12" >
			<div class="box">
				<div class="box-body text-center">
					<img src="images/Tai_Mo_Shan.jpg">
				</div>
			</div>
			</div>
		</div>
		
<? }  ?>				
      
		
	<script type="text/javascript" src="chart/js/highcharts.js"></script>

	
<script type="text/javascript">
	
	var course = '<?echo $runner['course'];?>';
	var latestcp = '<?echo $latestcp;?>';
	var dnf = '<?echo $latest_record['dnf'];?>';
	var latestcp_popup = '<?echo $latestcp_popup;?>';
	var titletext= '<?php echo i18n_text('Climb Height Reference'); ?>';
	
	var geojson;
	var map;
	var cp_markers; // = new L.FeatureGroup();
	var lang = "<?echo $_SESSION['lang'];?>";
	var geojson_marker; // = new L.geoJson();
	var geojson_line; // = new L.geoJson();
	var markerMap = {}; 
	var pushLeft;
	var avgspeedchart;

	var color = [
	"#6a6a6a","#f5b401","#78ba00","#2572eb","#ad103c","#643001","#af1d00","#c1004f","#7301ad","#4516b3","#006ac1","#008287","#189800","#00c13f","#fe971c","#ff2e12","#ff1d77","#a93ffe","#1faeff","#56c5ff","#00d8cc"
	]
	
		$( "#select_course_div  input[type=radio]" ).on( "change", function() {
				//alert( $( "#select_course_div input:checked" ).val() + " is checked!" );
				
				var course_code = $( "#select_course_div input:checked" ).val();
				document.location.href = "livetrack_course.html?course_code=" + course_code;
			});
			

	  $('#avgspeedchartcontainer').highcharts({
        chart: {
            type: 'line'
        },
        title: {
            text: '<?echo i18n_text("Average Speed") . '('. i18n_text("Km")  . "/" .  i18n_text("Hr") . ')'; ?>'
        },
        subtitle: {
            text: ''
        },
        xAxis: {
            categories: [
			<?
			foreach ($cp as $p)
			{
			if ($p['code'] != "SP")
				{
					echo "'"; 
					if ($lastcode)
					{
					echo $lastcode . "-";
					}
					echo $p['code'] . "'"; 
					echo ',';
				}
				$lastcode =  $p['code'];
			}
			echo "''";
			?>
			]
        },
        yAxis: {
            title: {
                text: '<?echo i18n_text("Km")  . "/" .  i18n_text("Hr");?>'
            }
        },
		credits: {
            enabled: false
        },
        plotOptions: {
            line: {
                dataLabels: {
                    enabled: true
                },
                enableMouseTracking: false
            }
        },
        series: [{
            name: '<?echo $runner['bibno'] . ' ' .  displayFirstLastname($runner['firstname'],$runner['lastname']) . ' (' .  $runner['gender'] . ') ' . $runner['team'];?>',
			color: '#00FF00',
            data: [
			<?
			
			foreach ($cp as $p)
			{
				if ($p['code'] != "SP")
				{
					if ($trackrecord_summary[$p['code']]['avgspeed'])
					{
					printf('%0.2f', $trackrecord_summary[$p['code']]['avgspeed']); 
					echo ',';
					} else {
					echo 'null';
					echo ',';
					}
				}
				
				
			}
			
			?>
			
			]
        },
		{
            name:  '<?echo  $winner['course'] . " " .  i18n_text("Overall Winner") . ": " . $winner['bibno_display'] . ' ' . displayFirstLastname($winner['firstname'],$winner['lastname']);?>',
			color: '#E97434',
            data: [
			<?
			
			foreach ($cp as $p)
			{
				if ($p['code'] != "SP")
				{
					if ($winner_trackrecord_summary[$p['code']]['avgspeed'])
					{
					printf('%0.2f', $winner_trackrecord_summary[$p['code']]['avgspeed']); 
					echo ',';
					} else {
					echo 'null';
					echo ',';
					}
				}
				
				
			}
			?>
			
			
			]
        },
		
		
		]
    });
	
	
	 avgspeedchart = $('#avgspeedchartcontainer').highcharts()
	 avgspeedchart.series[1].hide();
	 
	 $button = $('#button');
	 $button.click(function () {
		//console.log(avgspeedchart);
	 
        var series = avgspeedchart.series[1];
        if (series.visible) {
            series.hide();
            $button.html('<? echo i18n_text("Show Winner Data");?>');
        } else {
            series.show();
            $button.html('<? echo i18n_text("Hide Winner Data");?>');
        }
    });
			
	</script>
<script type="text/javascript" src="livetrack_detail.js"></script>


<?
require ("footer.php");
?>