http://www3.travelinfony.com/carsgoogle/


<html>
  <head>
    <title>Real Time Transportation Status</title>
    <!--Change the google api key for the server-->
    <!--For www3.travelinfony.com-->
    <!-- NON-GME KEY
    <script src="http://maps.google.com/maps?file=api&amp;v=2.65&amp;key=ABQIAAAALU2wpTDH0vLLAsbc98aoDRTqOTSTlxnj9eS3eT56-tICZddcaBROV_9Vj-amf_-q_wwVibVxj5HjEQ"
            type="text/javascript"></script>
   --> 
   
   <!-- GME KEY from google -->
   <script src="http://maps.google.com/maps?file=api&amp;v=2.65&amp;key=ABQIAAAA5vn1V5E7XCjW0p1PDjt8iBTqOTSTlxnj9eS3eT56-tICZddcaBQ7D6sfFwhQSyZK-w5ETxetd09r1A&amp;client=gme-nysdot" 
            type="text/javascript"></script>
        
    <!-- Our key modified to work with GME
    <script src="http://maps.google.com/maps?file=api&amp;v=2.65&amp;key=ABQIAAAALU2wpTDH0vLLAsbc98aoDRTqOTSTlxnj9eS3eT56-tICZddcaBROV_9Vj-amf_-q_wwVibVxj5HjEQ&amp;client=gme-nysdot"  
            type="text/javascript"></script>            
    -->
    
    <!-- Deepak's development key -->
    <!--
     <script src="http://maps.google.com/maps?file=api&amp;v=2.65&amp;key=ABQIAAAAYioHLklUHml5SqLZGxt4ExQz5JJ2zPi3YI9JDWBFF6NSsxhe4BTqx-hEh7y6XEvlq_Zu1-NHSGkXAA"
            type="text/javascript"></script>
    -->
    
     <!-- spackmann's development key -->
     <!--
     <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAARsRTGKhZi5DgJvVY1GfhdBQBB6AUcpdtCFKsPTY-J4wwI1rzPRQ-X3gLq0Oixt8O-dIaMlH8aRZqXQ"
     type="text/javascript"></script>
     -->
     
     <!-- DEVELOPMENT SERVER (for axim19:7785) -->
     <!--
     <script src="http://maps.google.com/maps?file=api&amp;v=2.65&amp;key=ABQIAAAALU2wpTDH0vLLAsbc98aoDRRqTVbboFczlzVDS8fJm1g62W6b6RRTP-mu_bKjM8N1D5fQXEv-dwxbYg"
     type="text/javascript"></script>
     -->
    
    <link rel="Shortcut Icon" href="images/favicon.ico">
    <link href="css/google.css" rel="stylesheet" type="text/css">
    <noscript class="no-script">Please enable JavaScript for this website to work correctly</noscript>
  </head>
  <body onunload="GUnload()" onload="resetPage();">
  <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="outer-table">
  <tr>
    <td width="39" class="outer-left">&nbsp;</td>
    <td align="left" valign="top">
      <table width="100%" border="0" cellpadding="0" cellspacing="0" class="outer-table">
      <tr>
        <td height="90" align="left" valign="top" bgcolor="#859CAA">
          <table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#859CAA" class="tig-header-table">
          <tr>
            <td align="left" valign="top"><div class="spacer" style="padding-left: 11px;">&nbsp;</div><img src="images/real-time-logo.jpg" width="424" height="67" border=0 alt="Real Time Transportation Status - Dev"></td>
            <td align="right" valign="top"><a href="http://www.nysdot.gov" target="_blank"><img src="images/dot-logo.jpg" alt="New York State Department of Transportation" width="67" height="67" border="0"></a><div class="spacer" style="padding-right: 11px;">&nbsp;</div><a href="http://www.nysthruway.gov" target="_blank"><img src="images/thruway-logo.jpg" alt="New York State Thruway Authority" width="67" height="67" border="0"></a>
            <div class="spacer" style="padding-right: 11px;">&nbsp;</div><a href="http://www.nysba.state.ny.us" target="_blank"><img src="images/bridge-authority-logo.jpg" alt="New York State Bridge Authority" width="67" height="67" border="0"></a><div class="spacer" style="padding-right: 11px;">&nbsp;</div></td>
          </tr>
          </table>
        </td>
      </tr>
      
      <tr class="map-text-link">
      <td align="right">&nbsp;<a href="javascript:showMap()">Map view</a> | <a href="javascript:showText()">Text view</a>&nbsp;</td>
      </tr>
      
      <tr>
        <td align="left" valign="top"><a name="content"></a>
        <table  border="0"  cellspacing="0" cellpadding="1" width="100%" height="100%">
        <tr class="tig-text">
        <td valign="top" width="16%">
          <div id="sidebar" class="left-div">
            <br/>
            <table width="90%" cellspacing="0" cellpadding="0" align="center">
            <tr><td align="center">
            <div id="nav" class="table-div1">
            <table width="100%" cellspacing="0" cellpadding="2" class="nav-list" style="border:0.025cm solid gray" border="1">
              <tr><td class="list-head">Navigation</td></tr>
              <tr><td valign="middle">Select only those Legend items of interest</td></tr>
              <tr><td valign="middle">Click icon to view more information OR select Text view for list</td></tr>
              <tr><td valign="middle"><a name="faq" href='http://www.nysdot.gov/portal/page/portal/transportation-partners/nys-transportation-federation/travel-info-ny/real-time-transportation-status/faqs' target="_blank">FAQS</a></td></tr>
            </table>
            </div>
            </td></tr>
            <tr height="5px" width="100%"><td>&nbsp;</td></tr>
            <tr><td align="center">
            <div id="legend" class="table-div2">
            <table width="100%" cellspacing="0" cellpadding="0"  class="legend-list">
              <tr>
                <td colspan="2" class="list-head">Legend</td>
              </tr>
              <tr><td colspan="2">&nbsp;</td></tr>
              <tr>
                <td colspan="2">&nbsp;<img src="images/camera.gif" title="Camera" width="15" height="13" border=0 alt="Camera"><br/>
                <input type="checkbox" name="chkCamera" id="chkCamera" checked="checked" onclick="cameraData()"/>Cameras
                </td>
              </tr>
              <tr><td colspan="2"><hr/></td></tr>
              <tr>
                <td colspan="2">&nbsp;<img src="images/construction.gif" title="Roadwork" width="23" height="23" border=0 alt="Roadwork">&nbsp;&nbsp;
                <select name='seldate' id='selDate' onchange='dateChanged();'>&nbsp;</select>
                </td>
              </tr>
              <tr>
                <td valign="bottom">
                <input type="checkbox" name="chkRdWork" id="chkRdWork" disabled="disabled" onclick="roadworkData()"/>Roadwork
                <!--&nbsp;<input type="image" src="images/help3.gif" title="Help"  align="bottom" href='javascript:void(0)'  onclick='window.open("help.html","Help","top=0, left=0, height=200, width=350")'/>-->
                </td>
                <td valign="bottom"><input type="image" src="images/refresh0.gif" alt="Refersh" title="Refresh Roadwork" align="bottom" href='javascript:void(0)'  onclick="roadworkData()"/>
                </td>
              </tr>
              <tr><td colspan="2"><hr/></td></tr>
              <tr>
                <td>&nbsp;<img src="images/accident.gif" title="Accident" width="23" height="23" border=0 alt="Accident">
                    &nbsp;<img src="images/alert.gif" title="Alert" width="23" height="23" border=0 alt="Alert">&nbsp;<img src="images/drivingconditionspoor.gif" title="Difficult Driving Condition" width="23" height="23" border=0 alt="Difficult Driving Condition"><br/>
                    <input type="checkbox" name="chkCritical" id="chkCritical" disabled="disabled" onclick="criticalData()"/>Critical Incidents
                </td>
                <td valign="bottom"><input type="image" src="images/refresh0.gif" alt="Refersh" title="Refresh Critical Incidents" align="bottom" href='javascript:void(0)'  onclick="criticalData()"/>
                </td>
              </tr>
              <tr><td colspan="2"><hr/></td></tr>
              <tr>
                <td>&nbsp;<img src="images/closure.gif" title="Closure" width="23" height="23" border=0 alt="Closure">&nbsp;<img src="images/laneclose.gif" title ="Lane Closure" width="15" height="15" border=0 alt="Lane Closure"><br/>
                <input type="checkbox" name="chkClosure" id="chkClosure" disabled="disabled" onclick="closuresData()"/>Closures
                </td>
                <td valign="bottom"><input type="image" src="images/refresh0.gif" alt="Refersh" title="Refresh Closures" align="bottom" href='javascript:void(0)'  onclick="closuresData()"/>
                </td>
              </tr>
              <tr><td colspan="2"><hr/></td></tr>
              <tr>
                <td colspan="2">&nbsp;<img src="images/weather.gif" title="Weather Forecast" width="23" height="23"  border=0 alt="Weather Forecast">&nbsp;<img src="images/nwswarn.gif" title="Weather Warning / Advisory" width="23" height="23" border=0 alt="Weather Warning / Advisory"><br/>
                <input type="checkbox" name="chkWeather" id="chkWeather" disabled="disabled" onclick="weatherData()"/>Weather / Alerts
                </td>
              </tr>
              <tr><td colspan="2"><hr/></td></tr>
              <tr>
                <td>&nbsp;<img src="images/gray10.gif" title="No data available" width="10" height="10" border=0 alt="No data available"><img src="images/red10.gif" title="Stop and go traffic" width="10" height="10" border=0 alt="Stop and go traffic"><img src="images/yellow10.gif" title="Slow traffic" width="10" height="10" border=0 alt="Slow traffic"><img src="images/green10.gif" title="Traffic flowing freely" width="10" height="10" border=0 alt="Traffic flowing freely"><br/>
                <input type="checkbox" name="chkSpeed" id="chkSpeed" disabled="disabled" onclick="speedLoopData()"/>Traffic Speed
                </td>
                <td valign="bottom"><input type="image" src="images/refresh0.gif" alt="Refersh" title="Refresh Speed Data" align="bottom" href='javascript:void(0)'  onclick="refreshSpeedLoops()"/>
                </td>
              </tr>
              </table>
              </div>
              </td>
            </tr>
            </table>
            </div>
        </td>
        <td>
          <div id="map" style="width: 100%; height: 100%"></div>
          <div id="text" style="width:100%;height: 100%;display:none;background-color: #EBEBEB" align="left">
              <DIV id='mainDiv' Style='width:100%;height:580px;overflow:auto;'>
              <a name='main'></a>  
                <DIV id ='maintitle' style ='height:5%;width:500px'>
                  <font class='textHead'>&nbsp;All Current Conditions</font>
                </DIV>
                <DIV id ='links' style ='height:5%;width:100%'>                
                <table cellspacing='2' cellpadding='2' style='width:100%;height:100%'> 
                  <tr align='left' class='rowText'>
                    <td id='myCell' class='cellText'>&nbsp;</td>  
                  </tr>         
                </table>
                </DIV>  
                <hr size='3px'></hr>
                <DIV id='contentX' style ='height:90%;width:100%'>&nbsp;</DIV>
              </DIV>  
          </div> 
          <div id="progressbar" class="box_background">Loading...</div>
        </td>
        </tr>
      </table>
		</td>
    </tr>
    <!--<tr class="map-text-link"><td>&nbsp;&nbsp;</td></tr>-->
      <tr height="45">
        <td align="left" valign="top">
          <table width="100%" border="0" cellpadding="0" cellspacing="0" class="global-footer">
            <tr class="footerbg">
              <td ><div class="copyrighttext">&nbsp;<br>
              New York State Department of Transportation</div></td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    </td>
    <td width="39" class="outer-right">&nbsp;</td>
  </tr>
</table>

    <script type="text/javascript" src="js/markers.js"></script>
    <script type="text/javascript" src="js/cars.js"></script>
    <script type="text/javascript" src="js/events.js"></script>
</body>  
</html>