<?xml version="1.0" encoding="UTF-8"?>
<!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>Contra Costa County Sandbox</title>
    <!-- CSS -->
    <link rel="stylesheet" href="css/index.css" type="text/css" />
    <link rel="stylesheet" href="OpenLayers/theme/default/style.css" type="text/css" />
    <!-- Scripts -->
    <script language="JavaScript" src="OpenLayers/lib/OpenLayers.js"></script>
    <script language="JavaScript" src="scripts/mapserver.js"></script>
</head>

<body>
    <div id=container>
        <div id=pageHeader><h3>Contra Costa County</h3></div>
        <div id=map>
          <script type="text/javascript">
            county = [-122.45706,37.70631,-121.51679,38.10806];
            initMap(county);
          </script>
        </div>
        <div id=panel>
            <div id="wktInput">
                <select id="affectedarea" onchange="changeOption(this);">
                  <option selected value="-122.45706,37.70631,-121.51679,38.10806">County</option>
                  <option value="-122.430673204484,37.9028721996055,-122.345618311614,37.9686911284822">Chevron</option>
                  <option value="-121.9066433,37.979433808753,-121.7837582,38.04455288">Dow</option>
                  <option value="-122.2821067,38.013141611435,-122.2059794,38.0581865">Rodeo</option>
                  <option value="-122.14867,37.98964,-122.06269827298,38.04310874">Rhodia</option>
                  <option value="-122.1454907,37.98957924,-122.0696265,38.04900124">Shell</option>
                  <option value="-122.095292751031,37.9948287415719,-122.021264388051,38.04176006">Tesoro</option>
                </select>
                <br />
                <textarea id="wkt" rows="6" cols="30">paste WKT here...</textarea>
                <br />
                <input type="button" value="add feature" onclick="parseWKT();" />
                <input type="button" value="clear features" onclick="clearWKT();" />
            </div>
            <div id=query>
                <form action="javascript:getaddress()">Search: <br/><input type="text" id='address' name="address" >
                <input type="submit" value="Go!">
                </form>
            </div>
            <div id=results></div>
        </div>
        <div id=wtkResults>
            CAP:
            <div id=cap></div>
            GIS:
            <div id=gis></div>
            GEOM:
            <div id=geom></div>
        </div>
        <div id=pageFooter>Alerting Solutions, Inc &copy; 2011</div>
    </div>
</body>
</html>