var app_tools =
        "<ul class=\"tabPanel\" style=\"margin-bottom: 0px;\">" +
        "  <li class=\"inactiveTab\" id=\"menu1\"><a href=\"javascript:void(0);\" onclick=\"typechange(1, false);\" title=\"Search for places\">Places</a></li>" +
        "  <li class=\"inactiveTab\" id=\"menu2\"><a href=\"javascript:void(0);\" onclick=\"typechange(2, false);\" title=\"Lookup sunrise and sunset times\">Sun</a></li>" +
        "  <li class=\"inactiveTab\" id=\"menu3\"><a href=\"javascript:void(0);\" onclick=\"typechange(3, false);\" title=\"Find out the local time and time zone\">Time</a></li>" +
        "  <li class=\"inactiveTab\" id=\"menu4\"><a href=\"javascript:void(0);\" onclick=\"typechange(4, false);\" title=\"Get the height above sea level\">Height</a></li>" +
        "  <li class=\"inactiveTab\" id=\"menu5\"><a href=\"javascript:void(0);\" onclick=\"typechange(5, false);\" title=\"Compare different grid references\">Location</a></li>" +
        "</ul>" +
        "<ul class=\"tabPanel\" style=\"margin-left: -22px;\">" +
        "  <li class=\"inactiveTab\" id=\"menu6\"><a href=\"javascript:void(0);\" onclick=\"typechange(6, false);\" title=\"Measure the distance between two points\">Distance</a></li>" +
        "</ul>" +
        "<div id=\"sc\" class=\"content\"></div>";
var app_places = 
        "<ul class=\"tabPanel\">" +
        "  <li class=\"inactiveTab\" id=\"menu7\"><a href=\"javascript:void(0);\" onclick=\"typechange(7, false);\" title=\"Add a new place to My Places\">Add New</a></li>" +
        "</ul>" +
        "<div id=\"sn\" class=\"content\"></div><div id=\"sp\" class=\"content\"></div>";
var app_places_new =
  "<table><tr><td style=\"width: 25px; text-align: left; vertical-align: top;\"><img src=\"markers-green/blank.png\" width=\"20\" height=\"34\" /></td><td style=\"vertical-align: top;\"><input type=\"text\" size=\"20\" id=\"newplace\" onkeypress=\"handleNewPlaceEnter(event);\" /><input type=\"button\" value=\"Go\" onclick=\"document.getElementById('menu7').className='inactiveTab'; addNewPlace();\"><br /><a href=\javascript:void(0);\" onclick=\"cancelNewPlace();\">Cancel</a></td></tr></table>";
var app_donate =
  "<div class=\"content\">" +
  "Hopefully you find EarthTools useful in some way. There are two ways you can contribute to the site to make it better for everyone else! First, feel free to e-mail any comments or suggestions you might have to me at <a href=\"mailto:info@earthtools.org\">info@earthtools.org</a>." +
  "</div>" +
  "<div class=\"content\">Secondly, the site costs a fair amount of money to run and is entirely funded out of my own pocket. Rather than cover the site in advertising, I have decided to allow people to donate towards the running costs of the site. You can do this quickly and securely using PayPal by clicking on the button below. If you don't have a PayPal account you can still donate by credit or debit card." +
  "<form action=\"https://www.paypal.com/cgi-bin/webscr\" method=\"post\" style=\"margin: 10px; padding: 0px; text-align: center;\"><input type=\"hidden\" name=\"cmd\" value=\"_s-xclick\" style=\"margin: 0px; padding: 0px;\" /><input type=\"image\" src=\"https://www.paypal.com/en_US/i/btn/x-click-but21.gif\" border=\"0\" name=\"submit\" alt=\"Make payments with PayPal - it's fast, free and secure!\" style=\"margin: 0px; padding: 0px;\" /><img alt=\"\" border=\"0\" src=\"https://www.paypal.com/en_GB/i/scr/pixel.gif\" width=\"1\" height=\"1\" style=\"margin: 0px; padding: 0px;\" /><input type=\"hidden\" name=\"encrypted\" value=\"-----BEGIN PKCS7-----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-----END PKCS7-----\" style=\"margin: 0px; padding: 0px;\" /></form>" +
  "</div>";
var app_home =
  "<h3 style=\"margin-left: 10px; margin-top: 10px;\">Welcome to EarthTools</h3>" +
  "<h4>What do you want to do?</h4>" +
  "<div style=\"margin-left: 10px; font-size: 1.1em;\">" +
  "<img src=\"arrow.gif\" width=\"20\" height=\"20\" alt=\"Arrow\" style=\"margin-right: 5px; vertical-align: middle;\" /><a onclick=\"appchange(1); typechange(1);\" style=\"font-weight: bold;\">Find Places</a><br />" +
  "<img src=\"arrow.gif\" width=\"20\" height=\"20\" alt=\"Arrow\" style=\"margin-right: 5px; vertical-align: middle;\" /><a onclick=\"appchange(1); typechange(2);\" style=\"font-weight: bold;\">Find Sunrise/Sunset Times</a><br />" +
  "<img src=\"arrow.gif\" width=\"20\" height=\"20\" alt=\"Arrow\" style=\"margin-right: 5px; vertical-align: middle;\" /><a onclick=\"appchange(1); typechange(4);\" style=\"font-weight: bold;\">Find Elevation/Height Above Sea Level</a><br />" +
  "<img src=\"arrow.gif\" width=\"20\" height=\"20\" alt=\"Arrow\" style=\"margin-right: 5px; vertical-align: middle;\" /><a onclick=\"appchange(1); typechange(3);\" style=\"font-weight: bold;\">Find Local Times and Time Zone</a><br />" +
  "<img src=\"arrow.gif\" width=\"20\" height=\"20\" alt=\"Arrow\" style=\"margin-right: 5px; vertical-align: middle;\" /><a onclick=\"appchange(2);\" style=\"font-weight: bold;\">Browse My Places</a><br />" +
  "<img src=\"arrow.gif\" width=\"20\" height=\"20\" alt=\"Arrow\" style=\"margin-right: 5px; vertical-align: middle;\" /><a onclick=\"appchange(3);\" style=\"font-weight: bold;\">Like it? Why not Donate?</a>" +
  "</div>" +
  "<br />&nbsp;<br />" +
  "<div style=\"width: 300px; padding: 0px; font-size: 1.1em;\">" +
  "<img src=\"contour-example.png\" width=\"300\" height=\"72\" alt=\"Contour Maps at EarthTools.org\" style=\"margin: -2px; padding: 0px;\" />" +
  "<h4>Check out EarthTools contour maps</h4>" +
  "<img src=\"arrow.gif\" width=\"20\" height=\"20\" alt=\"Arrow\" style=\"margin-left: 10px; margin-right: 5px; vertical-align: middle;\" /><a onclick=\"contourEx(0);\">Snowdon, Wales</a><br />" +
  "<img src=\"arrow.gif\" width=\"20\" height=\"20\" alt=\"Arrow\" style=\"margin-left: 10px; margin-right: 5px; vertical-align: middle;\" /><a onclick=\"contourEx(1);\">Teide, Tenerife</a><br />" +
  "<img src=\"arrow.gif\" width=\"20\" height=\"20\" alt=\"Arrow\" style=\"margin-left: 10px; margin-right: 5px; vertical-align: middle;\" /><a onclick=\"contourEx(2);\">Shenandoah, Virginia</a><br />" +
  "<img src=\"arrow.gif\" width=\"20\" height=\"20\" alt=\"Arrow\" style=\"margin-left: 10px; margin-right: 5px; vertical-align: middle;\" />Use the <a onclick=\"map.setMapType(custommap2);\"><img src=\"contour-button.png\" width=\"74\" height=\"19\" alt=\"Contour\" style=\"vertical-align: middle; border: 0px;\" /></a> button<br />" +
  "<img src=\"arrow.gif\" width=\"20\" height=\"20\" alt=\"Arrow\" style=\"margin-left: 10px; margin-right: 5px; vertical-align: middle;\" />New areas constantly being added" +
  "</div>";


var sc_place = "<p>"+
             "<div>Search for: <br /><input type=\"text\" size=\"20\" id=\"place\" onkeypress=\"return handleEnter(this, event);\" /><input type=\"button\" value=\"Go\" onclick=\"updatePlace();\"><span style=\"color: gray;\" id=\"stips\"><br />Just enter the place name to search for without a state or country eg. <i>Birmingham</i>, rather than " +
             "<i>Birmingham, Alabama</i>. Use the drop-down box above to restrict your search to a particular country.</span><br /><a onclick=\"window.open('howtouse.htm#place','','scrollbars=yes,menubar=no,height=500,width=500,resizable=yes,toolbar=no,location=no,status=no');\">Help on searching for places</a></div><div><span id=\"placeres\" style=\"font-family: sans-serif;\"></span></div></p>";
var sc_sun = "<p><div style=\"padding: 10px;\">Date: <select size=\"1\" id=\"day\" name=\"day\"><option value=\"1\">1</option><option value=\"2\">2</option><option value=\"3\">3</option><option value=\"4\">4</option><option value=\"5\">5</option><option value=\"6\" selected=\"selected\">6</option><option value=\"7\">7</option><option value=\"8\">8</option><option value=\"9\">9</option><option value=\"10\">10</option><option value=\"11\">11</option><option value=\"12\">12</option><option value=\"13\">13</option><option value=\"14\">14</option><option value=\"15\">15</option><option value=\"16\">16</option><option value=\"17\">17</option><option value=\"18\">18</option><option value=\"19\">19</option><option value=\"20\">20</option><option value=\"21\">21</option><option value=\"22\">22</option><option value=\"23\">23</option><option value=\"24\">24</option><option value=\"25\">25</option><option value=\"26\">26</option><option value=\"27\">27</option><option value=\"28\">28</option><option value=\"29\">29</option><option value=\"30\">30</option><option value=\"31\">31</option></select><select size=\"1\" id=\"month\" name=\"month\">" +
"<option value=\"1\" selected=\"selected\">January</option><option value=\"2\">February</option><option value=\"3\">March</option><option value=\"4\">April</option><option value=\"5\">May</option><option value=\"6\">June</option><option value=\"7\">July</option><option value=\"8\">August</option><option value=\"9\">September</option><option value=\"10\">October</option><option value=\"11\">November</option><option value=\"12\">December</option>" +
"</select><br />Time Zone: <select size=\"1\" id=\"tz\" name=\"tz\"><option value=\"-12\">UTC-12</option><option value=\"-11\">UTC-11</option><option value=\"-10\">UTC-10</option><option value=\"-9\">UTC-9</option><option value=\"-8\">UTC-8</option><option value=\"-7\">UTC-7</option><option value=\"-6\">UTC-6</option><option value=\"-5\">UTC-5</option>" +
"<option value=\"-4\">UTC-4</option><option value=\"-3.5\">UTC-3:30</option><option value=\"-3\">UTC-3</option><option value=\"-2.5\">UTC-2:30</option><option value=\"-2\">UTC-2</option><option value=\"-1\">UTC-1</option><option value=\"0\">UTC+0</option><option value=\"99\" selected=\"selected\">Auto</option><option value=\"1\">UTC+1</option>" +
"<option value=\"2\">UTC+2</option><option value=\"3\">UTC+3</option><option value=\"4\">UTC+4</option><option value=\"5\">UTC+5</option><option value=\"5.5\">UTC+5:30</option><option value=\"6\">UTC+6</option><option value=\"7\">UTC+7</option><option value=\"8\">UTC+8</option><option value=\"9\">UTC+9</option><option value=\"9.5\">UTC+9:30</option>" +
"<option value=\"10\">UTC+10</option><option value=\"10.5\">UTC+10:30</option><option value=\"11\">UTC+11</option><option value=\"11.5\">UTC+11:30</option><option value=\"12\">UTC+12</option><option value=\"13\">UTC+13</option></select><br /><input type=\"checkbox\" id=\"dst\" name=\"dst\" " +
"/> DST<br /><input type=\"button\" onclick=\"updateSun();\" value=\"Go\"></div><div><table style=\"width: 95%; padding: 0px; margin: 0px 0px 10px 0px;\"><tr><td colspan=\"4\" style=\"text-align: center;\"><b>Morning</b></td></tr>" +
"<tr><td style=\"color: #FFFFFF; background-color: #000000; width: 12%; text-align: center;\"><b>Astro</b><br /><span id=\"mat\">--:--:--</span></td><td style=\"color: #FFFFFF; background-color: #666666; width: 12%; text-align: center;\"><b>Naut</b><br /><span id=\"mnt\">--:--:--</span></td>" +
"<td style=\"color: #FFFFFF; background-color: #000099; width: 12%; text-align: center;\"><b>Civil</b><br /><span id=\"mct\">--:--:--</span></td><td style=\"color: #000000; background-color: #FFFF00; width: 12%; text-align: center;\"><b>Rise</b><br /><span id=\"sunrise\">--:--:--</span></td></tr>" +
"<tr><td colspan=\"4\" style=\"text-align: center;\"><b>Evening</b></td></tr><tr><td style=\"color: #000000; background-color: #FFFF00; width: 12%; text-align: center;\"><b>Set</b><br /><span id=\"sunset\">--:--:--</span></td><td style=\"color: #FFFFFF; background-color: #000099; width: 12%; text-align: center;\"><b>Civil</b><br /><span id=\"ect\">--:--:--</span></td>" +
"<td style=\"color: #FFFFFF; background-color: #666666; width: 12%; text-align: center;\"><b>Naut</b><br /><span id=\"ent\">--:--:--</span></td><td style=\"color: #FFFFFF; background-color: #000000; width: 12%; text-align: center;\"><b>Astro</b><br /><span id=\"eat\">--:--:--</span></td></tr></table></div>" +
"<div><span id=\"dstx\">* Does not include Daylight Saving Time</span></div></p>";
      sc_sun = sc_sun + "<p><a onclick=\"text_swap(4);\">2009  Sunrise/sunset calendar for this location</a></p><p><a href=\"http://aa.usno.navy.mil/faq/docs/RST_defs.html\" target=\"_new\">Sunrise/set/twilight definitions</a> (external link)</p>";
var sc_time = "<div class=\"subtitle\">Time Zone</div><div class=\"result\" id=\"timezone\"></div><div class=\"subtitle\">Local Time</div><div class=\"result\" id=\"localtime\"></div><div class=\"subtitle\">Daylight Saving Time</div><div class=\"result\" id=\"dst\"></div>";
var sc_height = "<div class=\"subtitle\">Metres</div><div class=\"result\" id=\"metres\"></div><div class=\"subtitle\">Feet</div><div class=\"result\" id=\"feet\"></div>";
var sc_refs = "<div class=\"subtitle\">Latitude</div><div class=\"result\" id=\"reflat\"></div><div class=\"subtitle\">Longitude:</div><div class=\"result\" id=\"reflng\"></div><div class=\"subtitle\">UTM</div><div class=\"result\" id=\"refutm\"></div><div class=\"subtitle\">Local Coordinates</div><div class=\"result\" id=\"reflocal\"></div><div class=\"subtitle\">Google Maps Zoom Level</div><div class=\"result\" id=\"gmzoom\"></div>";
var sc_dist = "<input type=\"button\" id=\"distbut\" value=\"Start Measuring\" onclick=\"toggleDistance();\" /><div class=\"subtitle\">From</div><div class=\"result\" id=\"distf\">Not measuring</div><div class=\"subtitle\">To</div><div class=\"result\" id=\"distt\">Not measuring</div><div class=\"subtitle\" id=\"distm\">Kilometres</div><div class=\"result\" id=\"distmr\">Not Measuring</div><div class=\"subtitle\" id=\"disti\">Miles</div><div class=\"result\" id=\"distir\">Not measuring</div>";