#!/bin/bash

. ./config

eval `./proccgi.sh $*`

echo Content-type: text/html
echo ""

cat <<EOF
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
  <HEAD>
    <META HTTP-EQUIV="content-type" CONTENT="text/html; charset=UTF-8">
    <TITLE>Run</TITLE>
    <LINK REL="stylesheet" TYPE="text/css" HREF="style.css">
    <SCRIPT SRC="graph.js" TYPE="text/javascript"></SCRIPT>
    <SCRIPT SRC="http://maps.google.com/maps?file=api&amp;v=2&amp;key=$MAPSKEY" TYPE="text/javascript"></SCRIPT>
    <SCRIPT SRC="google_maps.js" TYPE="text/javascript"></SCRIPT>
  </HEAD>
  <BODY ONlOAD="onLoad('$FORM_run', '$WWWURL')">
    <DIV ID="mapPane">
     <DIV ID="map"></DIV>
    </DIV>
    <DIV ID="right">
     <DIV ID="summary"></DIV>
     <DIV ID="legend">
      <DIV CLASS="form"><FORM ACTION="GET" name="lineform"><P>
      <INPUT TYPE="radio" NAME="linetype" VALUE="plain" CHECKED ONCLICK="setline(this)"> Plain<br>
      <INPUT TYPE="radio" NAME="linetype" VALUE="colour"        ONCLICK="setline(this)"> Colored<br>
      </P></FORM></DIV>
      <DIV CLASS="form"><P>
      <INPUT TYPE=SUBMIT VALUE="Hide"  ONCLICK="hide(this)"><br>
      <INPUT TYPE=SUBMIT VALUE="Show"  ONCLICK="show(this)"><br>
      </P></DIV>
      <DIV CLASS="form"><FORM ACTION="GET" name="xform"><P>
      <INPUT TYPE="radio" NAME="xaxis" VALUE="distance" CHECKED ONCLICK="setxaxis(this)"> Distance<br>
      <INPUT TYPE="radio" NAME="xaxis" VALUE="acctime"          ONCLICK="setxaxis(this)"> Time<br>
      <INPUT TYPE="radio" NAME="xaxis" VALUE="time"             ONCLICK="setxaxis(this)"> TOD<br>
      </P></FORM></DIV>
      <DIV CLASS="form"><FORM ACTION="GET" NAME="yform1"><P>
      <INPUT TYPE="radio" NAME="yaxis1" VALUE="speed"         ONCLICK="setyaxis1(this)"> Speed<br>
      <INPUT TYPE="radio" NAME="yaxis1" VALUE="hrt"           ONCLICK="setyaxis1(this)"> Heart Rate<br>
      <INPUT TYPE="radio" NAME="yaxis1" VALUE="alt"   CHECKED ONCLICK="setyaxis1(this)"> Altitude<br>
      <INPUT TYPE="radio" NAME="yaxis1" VALUE="grade"         ONCLICK="setyaxis1(this)"> Grade<br>
      <INPUT TYPE="radio" NAME="yaxis1" VALUE="cadence"       ONCLICK="setyaxis1(this)"> Cadence<br>
      </P></FORM></DIV>
      <DIV CLASS="form"><FORM ACTION="GET" NAME="yform2"><P>
      <INPUT TYPE="radio" NAME="yaxis2" VALUE="speed" CHECKED ONCLICK="setyaxis2(this)"> Speed<br>
      <INPUT TYPE="radio" NAME="yaxis2" VALUE="hrt"           ONCLICK="setyaxis2(this)"> Heart Rate<br>
      <INPUT TYPE="radio" NAME="yaxis2" VALUE="alt"           ONCLICK="setyaxis2(this)"> Altitude<br>
      <INPUT TYPE="radio" NAME="yaxis2" VALUE="grade"         ONCLICK="setyaxis2(this)"> Grade<br>
      <INPUT TYPE="radio" NAME="yaxis2" VALUE="cadence"       ONCLICK="setyaxis2(this)"> Cadence<br>
      </P></FORM></DIV>
     </DIV>
    </DIV>
  </BODY>
</HTML>
EOF
