Proudly Serving the Kitchener-Waterloo, Cambridge & Guelph Regions
(519) 885-2740
reception@deltaairsystems.com
<br /> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /> <html xmlns="http://www.w3.org/1999/xhtml"><head></p> <style type="text/css">.gm-style .gm-style-mtc label,.gm-style .gm-style-mtc div{font-weight:400}</style> <style type="text/css">.gm-style .gm-style-cc span,.gm-style .gm-style-cc a,.gm-style .gm-style-mtc div{font-size:10px}</style> <style type="text/css">@media print { .gm-style .gmnoprint, .gmnoprint { display:none }}@media screen { .gm-style .gmnoscreen, .gmnoscreen { display:none }}</style> <style type="text/css">.gm-style { font: 400 11px Roboto, Arial, sans-serif;text-decoration: none; }.gm-style img { max-width: none; }</style> <p><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><br /> <meta name="viewport" content="width=device-width, user-scalable=false, initial-scale=1, maximum-scale=1;"><br /> <title>Energy Caclulator</title></p> <p><script type="text/javascript" style=""> var _GSelectRequired = 2; var _GSelectCount = 0; var Map_APIKey = 'AIzaSyAamI0ihY-4egRFNrljHTQQapLyTByzuIg'; </script><br /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br /> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAamI0ihY-4egRFNrljHTQQapLyTByzuIg&sensor=false"></script><br /> <script type="text/javascript" src="../fancybox/source/jquery.fancybox.js?v=2.0.6"></script><br /> <script type="text/javascript" src="../functions.js"></script> <link rel="stylesheet" type="text/css" href="../fancybox/source/jquery.fancybox.css?v=2.0.6" media="screen"> <script type="text/javascript"> var geocoder; var map; var panorama; function initialize() { geocoder = new google.maps.Geocoder(); var latlng = new google.maps.LatLng(29.7601927, -95.3693895999); var mapOptions = { zoom: 8, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP } map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); panorama = map.getStreetView(); }</p> <p> function codeAddress() { //var address = document.getElementById("address").value+' '+document.getElementById("zip").value; var address = document.getElementById("address").value;</p> <p> if(document.getElementById("city").value) address = address +' '+document.getElementById("city").value; if(document.getElementById("state").value) address = address +', '+document.getElementById("state").value; if(document.getElementById("zip").value) address = address +' '+document.getElementById("zip").value;</p> <p> geocoder.geocode( { 'address': address}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { _GSelectCount = 2; // Activate the NEXT button... for(i = 0; i < results.length; i++){ for(var j=0;j < results[i].address_components.length; j++){ for(var k=0; k < results[i].address_components[j].types.length; k++){ switch(results[i].address_components[j].types[k]) { case 'locality': storeValue('city', results[i].address_components[j].long_name); document.getElementById('city').value = results[i].address_components[j].long_name; break; case 'administrative_area_level_1': storeValue('state', results[i].address_components[j].long_name); document.getElementById('state').value = results[i].address_components[j].long_name; break; case 'postal_code': storeValue('zip', results[i].address_components[j].long_name); break; } //console.log(results[i].address_components[j].types[k]); //console.log(results[i].address_components[j].long_name); } } } map.setCenter(results[0].geometry.location); var marker = new google.maps.Marker({ map: map, position: results[0].geometry.location }); panorama.setPosition(results[0].geometry.location); panorama.setPov({ heading: 265, zoom:1, pitch:0} ); map.setZoom(18); map.setStreetView(panorama); //panorama.setVisible(true); } else { _GSelectCount = 0; // De-activate the NEXT button... //enableNext(); alert("Geocode was not successful for the following reason: " + status); } }); } function Help() { ; } </script> <link rel="stylesheet" type="text/css" href="styles.css"> <script type="text/javascript" charset="UTF-8" src="http://maps.googleapis.com/maps-api-v3/api/js/28/2/common.js"></script><script type="text/javascript" charset="UTF-8" src="http://maps.googleapis.com/maps-api-v3/api/js/28/2/util.js"></script><script type="text/javascript" charset="UTF-8" src="http://maps.googleapis.com/maps-api-v3/api/js/28/2/geocoder.js"></script><script type="text/javascript" charset="UTF-8" src="http://maps.googleapis.com/maps-api-v3/api/js/28/2/map.js"></script><script type="text/javascript" charset="UTF-8" src="http://maps.googleapis.com/maps-api-v3/api/js/28/2/onion.js"></script><script type="text/javascript" charset="UTF-8" src="http://maps.googleapis.com/maps-api-v3/api/js/28/2/stats.js"></script><script type="text/javascript" charset="UTF-8" src="http://maps.googleapis.com/maps-api-v3/api/js/28/2/controls.js"></script><script type="text/javascript" charset="UTF-8" src="http://maps.googleapis.com/maps-api-v3/api/js/28/2/marker.js"></script></head><br /> <body onload="initialize()"></p> <div id="paper"> <div id="wrapper" class="step1"> <div class="inside"> <h2>STEP ONE</h2> <h3>ABOUT YOUR HOME</h3> <p> To get started, enter your street address and zip code and we’ll try to locate your home. If you prefer, simply enter your zip code. Should you choose this option, an image of your home will not be available.</p> <p> Average weather, fuel types and seasonal energy usage will help us find your ideal system. </p> <div id="form"> <form> <div class="row"> <label>ADDRESS</label><br /> <input class="field" id="address" value="" onblur="storeValue('address', document.getElementById('address').value);" type="text"> </div> <div class="row"> <label>CITY</label><br /> <input class="field" id="city" value="" onblur="storeValue('city', document.getElementById('city').value);" type="text"> </div> <div class="row"> <label>STATE</label><br /> <input class="field" id="state" value="" onblur="storeValue('state', document.getElementById('state').value);" type="text"> </div> <div class="row"> <label>ZIP</label><br /> <input class="field" id="zip" value="" onblur="storeValue('zip', document.getElementById('zip').value);" type="text"> </div> <div class="row"> <input class="find" value="FIND MY HOME" onclick="codeAddress()" type="button"> </div> </form> </div> </div> <div id="map_canvas" style="position: relative; overflow: hidden;"> <div style="height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; background-color: rgb(229, 227, 223);"> <div style="position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px; z-index: 0;" class="gm-style"> <div style="position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px; z-index: 0; cursor: url("http://maps.gstatic.com/mapfiles/openhand_8_8.cur"), default;"> <div style="position: absolute; left: 19px; top: 18px; z-index: 1; width: 100%;"> <div style="position: absolute; left: 0px; top: 0px; z-index: 100; width: 100%;"> <div style="position: absolute; left: 0px; top: 0px; z-index: 0;"> <div style="position: absolute; left: 0px; top: 0px; z-index: 1; visibility: inherit;" aria-hidden="true"> <div style="width: 256px; height: 256px; position: absolute; left: -143px; top: -49px;"></div> <div style="width: 256px; height: 256px; position: absolute; left: -143px; top: 207px;"></div> <div style="width: 256px; height: 256px; position: absolute; left: 113px; top: -49px;"></div> <div style="width: 256px; height: 256px; position: absolute; left: 113px; top: 207px;"></div> </div> </div> </div> <div style="position: absolute; left: 0px; top: 0px; z-index: 101; width: 100%;"></div> <div style="position: absolute; left: 0px; top: 0px; z-index: 102; width: 100%;"></div> <div style="position: absolute; left: 0px; top: 0px; z-index: 103; width: 100%;"> <div style="position: absolute; left: 0px; top: 0px; z-index: -1;"> <div style="position: absolute; left: 0px; top: 0px; z-index: 1; visibility: inherit;" aria-hidden="true"> <div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -143px; top: -49px;"></div> <div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -143px; top: 207px;"></div> <div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 113px; top: -49px;"></div> <div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 113px; top: 207px;"></div> </div> </div> </div> <div style="position: absolute; z-index: 0; left: 0px; top: 0px;"> <div style="overflow: hidden; width: 320px; height: 320px;"><img decoding="async" style="width: 320px; height: 320px;" src="http://maps.googleapis.com/maps/api/js/StaticMapService.GetMapImage?1m2&1i15247&2i26929&2e1&3u8&4m2&1u320&2u320&5m5&1e0&5sen-US&6sus&10b1&12b1&token=74398"></div> </div> <div style="position: absolute; left: 0px; top: 0px; z-index: 0;"> <div style="position: absolute; left: 0px; top: 0px; z-index: 1; visibility: inherit;" aria-hidden="true"> <div style="position: absolute; left: -143px; top: -49px; transition: opacity 200ms ease-out 0s;"><img decoding="async" style="width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i8!2i59!3i105!4i256!2m3!1e0!2sm!3i374058146!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&token=129093" draggable="false" alt=""></div> <div style="position: absolute; left: -143px; top: 207px; transition: opacity 200ms ease-out 0s;"><img decoding="async" style="width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i8!2i59!3i106!4i256!2m3!1e0!2sm!3i374058146!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&token=89372" draggable="false" alt=""></div> <div style="position: absolute; left: 113px; top: -49px; transition: opacity 200ms ease-out 0s;"><img decoding="async" style="width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i8!2i60!3i105!4i256!2m3!1e0!2sm!3i374058146!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&token=60763" draggable="false" alt=""></div> <div style="position: absolute; left: 113px; top: 207px; transition: opacity 200ms ease-out 0s;"><img decoding="async" style="width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i8!2i60!3i106!4i256!2m3!1e0!2sm!3i374058146!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2&token=21042" draggable="false" alt=""></div> </div> </div> </div> <div style="position: absolute; left: 0px; top: 0px; z-index: 2; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px;"></div> <div style="position: absolute; left: 0px; top: 0px; z-index: 3; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px;"></div> <div style="position: absolute; left: 19px; top: 18px; z-index: 4; width: 100%;"> <div style="position: absolute; left: 0px; top: 0px; z-index: 104; width: 100%;"></div> <div style="position: absolute; left: 0px; top: 0px; z-index: 105; width: 100%;"></div> <div style="position: absolute; left: 0px; top: 0px; z-index: 106; width: 100%;"></div> <div style="position: absolute; left: 0px; top: 0px; z-index: 107; width: 100%;"></div> </div> <p><iframe style="visibility: hidden; z-index: 0; position: absolute; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px; left: 0px; top: 0px;">
Accessibility Tools
