PageSourceSearch

https://www.harriscountyfws.org/

html harriscountyfws.org collected 2026-10-01 14:41:35 UTC 66,572 bytes, 1,213 lines download raw bytes

1<!DOCTYPE html>
2<html lang="">
3
4<head>
5    <meta charset="utf-8" />
6    <title>Harris County Flood Warning System</title>
7    <link rel="alternate" type="text/xml" title="Alerts RSS Feed" href="/rss" />
8    <link href="https://kendo.cdn.telerik.com/2018.3.911/styles/kendo.common.min.css"
9        rel="stylesheet" />
10    <link href="https://kendo.cdn.telerik.com/2018.3.911/styles/kendo.blueopal.min.css"
11        rel="stylesheet" />
12    <link href="/css/toastr.min.css" rel="stylesheet" />
13    <link href="/css/guide.css" rel="stylesheet" />
14
15    <link href="/dist/front.css" media="screen, print" rel="stylesheet" />
16
17    
17<script type="text/javascript" src="https://www.bing.com/api/maps/mapcontrol"></script>
17
18
19    
19<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
19
20    
20<script src="https://kendo.cdn.telerik.com/2018.3.911/js/kendo.all.min.js" type="text/javascript"></script>
20
21
22
23    
23<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/2.3.25/rx.all.min.js"></script>
23
24    
24<script src="/js/toastr.min.js"></script>
24
25
26        <!-- Google Tag Manager -->
27    
27<script type="text/javascript">
28        var _gaq = _gaq || [];
vendor: 429 bytes, lines 28-35
28
29            (function(w,d,s,l,i){
30                w[l]=w[l]||[];
31                w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
32            var f=d.getElementsByTagName(s)[0],
33            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;
34            j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
35        })(window, document, 'script', 'dataLayer', '
35GTM-5VR5TF4C
vendor: 15 bytes, lines 35-37
35');
36
37        
37function trackEvent(a) { setTimeout(function () { _gaq.push(a) }, 2E3) };
38    </script>
38
39    <!-- End Google Tag Manager -->
40    
40<script type="text/javascript">
41        !function (T, l, y) { var S = T.location, k = "script", D = "connectionString", C = "ingestionendpoint", I = "disableExceptionTracking", E = "ai.device.", b = "toLowerCase", w = "crossOrigin", N = "POST", e = "appInsightsSDK", t = y.name || "appInsights"; (y.name || T[e]) && (T[e] = t); var n = T[t] || function (d) { var g = !1, f = !1, m = { initialize: !0, queue: [], sv: "5", version: 2, config: d }; function v(e, t) { var n = {}, a = "Browser"; return n[E + "id"] = a[b](), n[E + "type"] = a, n["ai.operation.name"] = S && S.pathname || "_unknown_", n["ai.internal.sdkVersion"] = "javascript:snippet_" + (m.sv || m.version), { time: function () { var e = new Date; function t(e) { var t = "" + e; return 1 === t.length && (t = "0" + t), t } return e.getUTCFullYear() + "-" + t(1 + e.getUTCMonth()) + "-" + t(e.getUTCDate()) + "T" + t(e.getUTCHours()) + ":" + t(e.getUTCMinutes()) + ":" + t(e.getUTCSeconds()) + "." + ((e.getUTCMilliseconds() / 1e3).toFixed(3) + "").slice(2, 5) + "Z" }(), name: "Microsoft.ApplicationInsights." + e.replace(/-/g, "") + "." + t, sampleRate: 100, tags: n, data: { baseData: { ver: 2 } } } } var h = d.url || y.src; if (h) { function a(e) { var t, n, a, i, r, o, s, c, u, p, l; g = !0, m.queue = [], f || (f = !0, t = h, s = function () { var e = {}, t = d.connectionString; if (t) for (var n = t.split(";"), a = 0; a < n.length; a++) { var i = n[a].split("="); 2 === i.length && (e[i[0][b]()] = i[1]) } if (!e[C]) { var r = e.endpointsuffix, o = r ? e.location : null; e[C] = "https://" + (o ? o + "." : "") + "dc." + (r || "services.visualstudio.com") } return e }(), c = s[D] || d[D] || "", u = s[C], p = u ? u + "/v2/track" : d.endpointUrl, (l = []).push((n = "SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)", a = t, i = p, (o = (r = v(c, "Exception")).data).baseType = "ExceptionData", o.baseData.exceptions = [{ typeName: "SDKLoadFailed", message: n.replace(/\./g, "-"), hasFullStack: !1, stack: n + "\nSnippet failed to load [" + a + "] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: " + (S && S.pathname || "_unknown_") + "\nEndpoint: " + i, parsedStack: [] }], r)), l.push(function (e, t, n, a) { var i = v(c, "Message"), r = i.data; r.baseType = "MessageData"; var o = r.baseData; return o.message = 'AI (Internal): 99 message:"' + ("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) (" + n + ")").replace(/\"/g, "") + '"', o.properties = { endpoint: a }, i }(0, 0, t, p)), function (e, t) { if (JSON) { var n = T.fetch; if (n && !y.useXhr) n(t, { method: N, body: JSON.stringify(e), mode: "cors" }); else if (XMLHttpRequest) { var a = new XMLHttpRequest; a.open(N, t), a.setRequestHeader("Content-type", "application/json"), a.send(JSON.stringify(e)) } } }(l, p)) } function i(e, t) { f || setTimeout(function () { !t && m.core || a() }, 500) } var e = function () { var n = l.createElement(k); n.src = h; var e = y[w]; return !e && "" !== e || "undefined" == n[w] || (n[w] = e), n.onload = i, n.onerror = a, n.onreadystatechange = function (e, t) { "loaded" !== n.readyState && "complete" !== n.readyState || i(0, t) }, n }(); y.ld < 0 ? l.getElementsByTagName("head")[0].appendChild(e) : setTimeout(function () { l.getElementsByTagName(k)[0].parentNode.appendChild(e) }, y.ld || 0) } try { m.cookie = l.cookie } catch (p) { } function t(e) { for (; e.length;)!function (t) { m[t] = function () { var e = arguments; g || m.queue.push(function () { m[t].apply(m, e) }) } }(e.pop()) } var n = "track", r = "TrackPage", o = "TrackEvent"; t([n + "Event", n + "PageView", n + "Exception", n + "Trace", n + "DependencyData", n + "Metric", n + "PageViewPerformance", "start" + r, "stop" + r, "start" + o, "stop" + o, "addTelemetryInitializer", "setAuthenticatedUserContext", "clearAuthenticatedUserContext", "flush"]), m.SeverityLevel = { Verbose: 0, Information: 1, Warning: 2, Error: 3, Critical: 4 }; var s = (d.extensionConfig || {}).ApplicationInsightsAnalytics || {}; if (!0 !== d[I] && !0 !== s[I]) { var c = "onerror"; t(["_" + c]); var u = T[c]; T[c] = function (e, t, n, a, i) { var r = u && u(e, t, n, a, i); return !0 !== r && m["_" + c]({ message: e, url: t, lineNumber: n, columnNumber: a, error: i }), r }, d.autoExceptionInstrumented = !0 } return m }(y.cfg); function a() { y.onInit && y.onInit(n) } (T[t] = n).queue && 0 === n.queue.length ? (n.queue.push(a), n.trackPageView({})) : a() }(window, document, {
42            src: "https://js.monitor.azure.com/scripts/b/ai.2.min.js", // The SDK URL Source
43            // name: "appInsights", // Global SDK Instance name defaults to "appInsights" when not supplied
44            // ld: 0, // Defines the load delay (in ms) before attempting to load the sdk. -1 = block page load and add to head. (default) = 0ms load after timeout,
45            // useXhr: 1, // Use XHR instead of fetch to report failures (if available),
46            crossOrigin: "anonymous", // When supplied this will add the provided value as the cross origin attribute on the script tag
47            // onInit: null, // Once the application insights instance has loaded and initialized this callback function will be called with 1 argument -- the sdk instance (DO NOT ADD anything to the sdk.queue -- As they won't get called)
48            cfg: { // Application Insights Configuration
49                connectionString: 'InstrumentationKey=35cee3d7-53ae-46e9-98a8-9a04ef83ea66;IngestionEndpoint=https://southcentralus-0.in.applicationinsights.azure.com/;LiveEndpoint=https://southcentralus.livediagnostics.monitor.azure.com/'
50                /* ...Other Configuration Options... */
51            }
52        });
53    </script>
53
54
55
56    
56<script type="text/javascript">
57        var indexPageModel = {"BingMapCredentials":"AsR4cerps73izxRJuPGvCjWgEbojbHYECFkSuQfLUFrwiJz4M9uPFPXqT_jifwE9","BingAddressLocator":"https://dev.virtualearth.net/REST/v1/Locations/","CountiesLayerURL":"https://tiles.arcgis.com/tiles/nLl0k0Mja5hnSeSl/arcgis/rest/services/Counties2/MapServer","WatershedLayerURL":"https://tiles.arcgis.com/tiles/nLl0k0Mja5hnSeSl/arcgis/rest/services/SJRA_Watersheds/MapServer","WatershedOpacity":"0.5","ChannelsLayerURL":"https://tiles.arcgis.com/tiles/nLl0k0Mja5hnSeSl/arcgis/rest/services/Channels_WM/MapServer","MajorChannelsLayerURL":"https://tiles.arcgis.com/tiles/nLl0k0Mja5hnSeSl/arcgis/rest/services/HCFCD_TSARP_CAP_Major_Channels/MapServer","InundationURL":"https://inundation.hcfcd.org/api/","ChannelsOpacity":"0.5","InundationOpacity":"0.95","InundationEnabled":true,"Regions":[{"PK_Region":0,"RegionName":"ALL","Window":"0,0,0,0,0","IsSubscriptionAllowed":null},{"PK_Region":3,"RegionName":"Brazoria Drainage District No. 4","Window":"3,-95.4369000,29.4694000,-95.2336080,29.5869170","IsSubscriptionAllowed":null},{"PK_Region":24,"RegionName":"City of Friendswood","Window":"24,-95.2063240,29.4920130,-95.1787040,29.5245110","IsSubscriptionAllowed":null},{"PK_Region":25,"RegionName":"City of League City","Window":"25,-95.1616820,29.4469900,-95.0166530,29.5274566","IsSubscriptionAllowed":null},{"PK_Region":26,"RegionName":"City of Missouri City","Window":"26,-95.5555580,29.5861410,-95.5045000,29.6349000","IsSubscriptionAllowed":null},{"PK_Region":21,"RegionName":"City of Mont Belvieu","Window":"21,-94.8696280,29.8199510,-94.8386760,29.8384840","IsSubscriptionAllowed":null},{"PK_Region":4,"RegionName":"City of Sugar Land","Window":"4,-95.7016700,29.5496000,-95.5770882,29.6550000","IsSubscriptionAllowed":null},{"PK_Region":10,"RegionName":"Fort Bend County","Window":"10,-96.0213300,29.3191230,-95.4472200,29.7577510","IsSubscriptionAllowed":null},{"PK_Region":22,"RegionName":"Galveston County Drainage District No. 1","Window":"22,-95.1684500,29.3092750,-95.0759030,29.4420700","IsSubscriptionAllowed":null},{"PK_Region":1,"RegionName":"Harris County Flood Control District","Window":"1,-95.9459390,29.4672000,-94.8929750,30.3469440","IsSubscriptionAllowed":null},{"PK_Region":14,"RegionName":"San Jacinto River Authority","Window":"14,-95.8170670,30.2464610,-95.1202800,30.7034580","IsSubscriptionAllowed":null},{"PK_Region":18,"RegionName":"Trinity River Authority","Window":"18,-95.7058000,30.6258000,-95.0129400,31.0947800","IsSubscriptionAllowed":null},{"PK_Region":19,"RegionName":"TXDOT","Window":"19,-96.0799969,28.9417802,-94.4955162,30.4421000","IsSubscriptionAllowed":null},{"PK_Region":23,"RegionName":"Waller County","Window":"23,-96.0914590,29.7812000,-95.9316000,30.0923000","IsSubscriptionAllowed":null},{"PK_Region":20,"RegionName":"Woodlands","Window":"20,-95.5833366,30.1121800,-95.4600706,30.2336884","IsSubscriptionAllowed":null}],"TimeSpan":[{"PK_Period":1,"PeriodName":"15 Mins"},{"PK_Period":2,"PeriodName":"30 Mins"},{"PK_Period":3,"PeriodName":"1 Hour"},{"PK_Period":4,"PeriodName":"3 Hours"},{"PK_Period":5,"PeriodName":"6 Hours"},{"PK_Period":6,"PeriodName":"12 Hours"},{"PK_Period":7,"PeriodName":"24 Hours"},{"PK_Period":8,"PeriodName":"2 Days"},{"PK_Period":9,"PeriodName":"7 Days"},{"PK_Period":10,"PeriodName":"1 Month"},{"PK_Period":12,"PeriodName":"1 Year"}],"DefaultRegions":[],"DefaultRegionWindow":"1,-95.9459390,29.4672000,-94.8929750,30.3469440","SelectedTimeSpan":7,"SelectedFeature":"rainfall","IsHistorical":false,"EndDate":null,"Interval":1,"Unit":"dd","UserHandle":"","HelpVideo":null,"DataUnavailablePartialViewModel":{"DataUnavailableMessage":"The Flood Warning System is currently unable to display the most recent rainfall...","LastUpdatedDate":"0001-01-01T00:00:00"}};
58        indexPageModel.appPath = '/';
59
60        function getParameterByName(name) {
61
62            var regexS, regex, results;
63
64            name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
65            regexS = "[\\?&]" + name + "=([^&#]*)";
66            regex = new RegExp(regexS);
67            results = regex.exec(window.location.href);
68
69            if (results === null) {
70                return "";
71            }
72
73            return decodeURIComponent(results[1].replace(/\+/g, " "));
74        }
75        $(document).ready(function () {
76            var success = false;
77            if (success == true && performance.navigation.type != 2) {
78                toastr.options.timeOut = 2500;
79                toastr.options.positionClass = "toast-top-right";
80                
81            }
82        });
83
84    </script>
84
85
86    
86<script src="/dist/guide.js"></script>
86
87    
87<script src="/dist/mapjs.js"></script>
87
88</head>
89
90<body>
91
92        <!-- Google Tag Manager (noscript) -->
93    <noscript>
94        <iframe src=https://www.googletagmanager.com/ns.html?id= GTM-5VR5TF4C
95                height="0" width="0" style="display:none;visibility:hidden"></iframe>
96    </noscript>
97    <!-- End Google Tag Manager (noscript) -->
98
99    <div id="main-content">
100        <div class="mainHeader mapHeader">
101            <div class="noDisplay">
102                <div id="printHCFCDLogo"><img id="Img1" alt="HCFCD Logo"
103                        src="/Images/imageSprite.png" /></div>
104                <div id="printFWSLogo"><img id="Img2" alt="FWS Logo" src="/Images/imageSprite.png" />
105                </div>
106            </div>
107        </div>
108        <div id="mainBanner" class="noPrint">
109            <div style="margin-left:250px; padding-top: 5px; min-width: 625px;  margin-right: 40px">
110                <div style="height: 70px; margin:0 20px; width: 100%">
111                    <!-- LOGIN/REGISTER link moved to right main banner, keeping this div to maintain grid structure here -->
112                </div>
113                <div style="width:250px;">
114                    <div id="alertsContainer"></div>
115                    
116                </div>
117                <div>
118                    
119
120
121<link href="/lib/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" />
122<style>
123    .k-menu.k-header {
124        background-color: transparent;
125    }
126
127    .k-menu .k-popup {
128        background-color: #0c5480;
129    }
130
131    .k-menu .k-item {
132        color: white;
133    }
134
135    .k-popup .k-item {
136        /*cursor: default;*/
137    }
138
139    .k-menu .k-link:link {
140        color: white;
141    }
142
143    .k-menu .k-state-hover > .k-state-active {
144        background-color: #0c5480;
145    }
146
147    .k-mediaplayer-toolbar .k-button.k-bare:active,
148    .k-mediaplayer-toolbar .k-button.k-bare.k-state-active,
149    .k-mediaplayer-toolbar .k-button.k-bare.k-state-active:hover {
150        color: white;
151    }
152
153    .k-menu .k-state-selected > .k-link {
154        color: #555555;
155        background-color: #555555;
156        border-color: #585858;
157    }
158
159    .k-menu .k-link {
160        color: white;
161    }
162
163        .k-menu .k-link.k-state-active {
164            background-color: #0c5480;
165            border-color: #a3d0e4;
166            color: white;
167        }
168
169    #fws-menu .k-link.k-state-active {
170        background-color: #0c5480;
171        border-color: #a3d0e4;
172        color: white;
173    }
174
175
176    .k-menu .k-link.k-state-active .k-animation-container ul {
177        background-color: #0c5480;
178        border-color: #5a5a5a;
179        color: white;
180    }
181
182    .k-menu .k-state-hover > .k-link,
183    .k-menu .k-menu-scroll-button:hover {
184        color: white;
185        background-color: #555555; /*#0c5480; set this on k-animation-container 2nd child */
186        border-color: #585858;
187        background-image: none;
188    }
189
190    #fws-menu {
191        border: 0;
192        background-image: none;
193        font: bold 12px helvetica;
194    }
195
196    #loginMenu {
197        position: absolute;
198        top: 8px;
199        right: 140px;
200    }
201
202    .k-menu-horizontal > .k-item.k-last {
203        border: 0;
204    }
205
206    .newMenuItem::before {
207        content: "New";
208        position: absolute;
209        top: -4px;
210        right: 3px;
211        font: bold 11px helvetica;
212        color: #fbb047;
213    }
214
215    ul .k-group.k-menu-group.k-popup.k-reset li {
216    }
217
218    .sprite.login {
219        background-position: -755px -133px;
220        width: 14px;
221        height: 18px;
222    }
223
224    .sprite.profile {
225        background-position: -774px -133px;
226        width: 15px;
227        height: 19px;
228    }
229
230    #fws-menu:nth-child(2) .k-animation-container ul li,
231    #fws-menu:nth-child(2) .k-animation-container ul li a:hover,
232    #fws-menu:nth-child(2) .k-animation-container ul li:active span
233    /* Alerts dropdown set hover to #0c5480 */ {
234        background-color: #0c5480;
235    }
236
237        #fws-menu:nth-child(2) .k-animation-container ul li a {
238            margin-top: 6px;
239            float: left;
240            background-color: #0c5480;
241            overflow: hidden;
242            /*border: 1px solid green;*/
243        }
244
245    #template img {
246        margin: 0;
247        float: left;
248    }
249
250    #template {
251        position: relative;
252        float: left;
253        display: block;
254        width: 376px;
255        padding: 0px 30px 20px 40px;
256        margin: -2px -20.5px 0 -9.5px; /* key margin settings to prevent display of grey background on parent li */
257        overflow-y: hidden;
258        box-sizing: border-box;
259        background-color: #0c5480;
260        font: bold 12px Helvetica;
261        cursor: default;
262        /*border: 1px solid red;*/
263    }
264
265        #template ul {
266            position: relative;
267            float: left;
268            list-style-type: none;
269            display: inline-block;
270            margin: 0;
271            padding: 0;
272            padding-top: 10px;
273            margin-top: -4px;
274            margin-bottom: 20px;
275            width: 98%;
276            background-color: #0c5480;
277            font: bold 12px Helvetica;
278            /*border: 2px solid pink;*/
279        }
280
281            #template ul li {
282                position: relative;
283                float: left;
284                display: block;
285                height: 38px;
286                line-height: 1.2em;
287                background-color: #0c5480;
288                color: white;
289                margin: 0;
290                padding: 0;
291                width: 99%;
292                cursor: default;
293                box-sizing: border-box;
294                /*border: 1px solid yellow;*/
295            }
296
297                #template ul li span {
298                    position: relative;
299                    float: left;
300                    display: block;
301                    background-color: #0c5480;
302                }
303
304                #template ul li a, #template ul li, #template h3 {
305                    text-decoration: none;
306                    outline: none;
307                    line-height: 1.3em;
308                    color: #FFF;
309                    background-color: #0c5480;
310                    /*text-shadow: 1px 1px 1px #000;*/
311                }
312
313                    #template ul li a {
314                        color: #FFF;
315                        /*text-shadow: 1px 1px 1px #000;*/
316                        cursor: unset;
317                        cursor: pointer;
318                    }
319
320                    #template ul li a {
321                        font-family: 11px Helvetica, sans-serif bold;
322                    }
323
324                        #template ul li a:hover h3 {
325                            color: #fbb047;
326                        }
327
328        #template:after {
329            content: ".";
330            display: block;
331            height: 0;
332            clear: both;
333            visibility: hidden;
334        }
335
336        #template .k-button {
337            float: left;
338            clear: left;
339            margin: 5px 0 5px 12px;
340        }
341</style>
342
343
344
345<ul class="navbar-nav mr-auto" id="fws-menu" style="position:absolute;z-index:70001"></ul>
346<script>
347    var baseReturnUrl = "/";
348    var qParams = "";
349    if (qParams != null && qParams != "" && qParams.indexOf("returnUrl") == -1)
350    {
351        qParams = qParams.replace("+", " ").replace("&amp;", "%26");
352        baseReturnUrl = baseReturnUrl + "?" + qParams;
353    }
354
355    function LoginRegister(reg){
356        var rUrl = "/" + window.location.search;
357        var CurUrl = window.location.pathname.split("/");
358        var controller = CurUrl[1];
359        history.pushState("CurrentUrl",controller, rUrl);
360        if (reg === 1)
361            window.location.replace("/Account/Register?returnUrl=" + encodeURIComponent(rUrl + '&nr=y'));
362        else
363            window.location.replace("/Account/Login?returnUrl=" + encodeURIComponent(rUrl));
364    }
365    $(document).ready(function () {
366
367        var isLogedIn = false;
368        var userHandle = '';
369        var signupSubMenu1 = "<h3 style='margin-bottom: 5px;'><span style='color: #fbb047'>NEW! FWS now has Alerts!  </span> <br />Get Rainfall or Water Level alerts <br />by text or email.</h3>";
370        var createAccount = "<a href='javascript:LoginRegister(1);'><h3><i class='fa fa-user-circle'></i> Create an account</h3></a>";
371        var login = "<a href='javascript:LoginRegister(0);'><h3><i class='fa fa-sign-in' aria-hidden='true'></i> Login</h3></a>";
372        var haveQuetion = "<a href='/FAQs'><h3><i class='fa fa-question-circle'></i>&nbsp;Have questions?</h3></a>";
373        var siteSignUp = "<a href='/MultiGauge'><h3><i class='fa fa-exclamation-triangle'></i>&nbsp;Click Here for Site Sign Up</h3></a>";
374
375        var signupSubMenu2 = isLogedIn ? "<li>" + siteSignUp + "</li>" : "<li>" + createAccount + "</li>" +  "<li>" + login + "</li>";
376        var qString = 'redirect_uri=' + 'https://www.harriscountyfws.org/' + '&callback_uri=' + 'https://www.harriscountyfws.org/';
377        var editProfileUrl = 'https://cloudidentity.harriscountytx.gov' + '/Account/EditProfile?returnUrl=' + encodeURIComponent(qString);
378
379        var mainMenuConfig = [
380            { text: "FWS MAP", url: "/" },
381            {
382                spriteCssClass: "newMenuItem",
383                text: "ALERTS SIGNUP",
384                url: "/MultiGauge",
385                items: [
386                    { text: "<div id='template' style='letter-spacing: 1.5px'>" +
387                                signupSubMenu1+
388                                "<ul>" +
389                                     signupSubMenu2 +
390                                    "<li>" + haveQuetion + "</li>" +
391                                "</ul>" +
392                            "</div>",
393                        encoded:false
394                    }
395                ]
396            },
397            {
398                text: "DOCUMENT LIBRARY", url: "/Document_Library"
399            },
400            {
401                text: "ABOUT FWS",
402                url: "/About",
403                items: [
404                    { text: "Glossary", url: "/Glossary" },
405                    { text: "FAQs", url: "/FAQs" },
406                    { text: "Contact Us", url: "/ContactUs" },
407                    { text: "Helpful Resources", url: "/Helpful_Resources" },
408                    { text: "Help", url: "/Help" },
409                ]
410            },
411        ];
412
413        var profileMenuConfig = [];
414        if (!isLogedIn) {
415            profileMenuConfig.push({
416                text: "LOGIN/REGISTER",
417                url: "/Account/Login?returnUrl=" + baseReturnUrl, spriteCssClass: "sprite login" })
418        } else {
419            profileMenuConfig.push({
420                text: userHandle,   spriteCssClass: "sprite profile" ,
421                items: [
422                    { text: 'Account Profile', url: "/Account/EditProfile?returnUrl=" + encodeURIComponent(baseReturnUrl)},
423                    { text: "Logout", url: "/Account/LogOut?returnUrl=" + encodeURIComponent(baseReturnUrl)},
424                ],
425                encoded:false
426            })
427        }
428
429
430        $("#fws-menu").kendoMenu({
431            dataSource: mainMenuConfig,
432            select: function (e) {
433                //google tracking should be here
434            }
435        })
436
437
438
439        function getUrlPart(str, key) {
440            return str.split(key)[1];
441        }
442
443        $("#loginMenu").kendoMenu({
444            dataSource: profileMenuConfig,
445            select: function(e) {
446                //Stuff
447                if($(e.item).children(".k-link").text()=="LOGIN/REGISTER" || $(e.item).children(".k-link").text().toUpperCase()=="ACCOUNT PROFILE" || $(e.item).children(".k-link").text().toUpperCase()=="LOGOUT"){
448                    var CurUrl = window.location.pathname.split("/");
449                    var controller = CurUrl[1];
450                    if(controller=="MultiGauge"){
451                        //var menu = e.sender.options.dataSource;
452                        //var retUrl = getUrlPart(menu[0]["url"],'returnUrl=');
453                        if(typeof returnUrl!="undefined" && returnUrl!=''){
454                            if (e.preventDefault)
455                                e.preventDefault();
456
457                            if($(e.item).children(".k-link").text()=="LOGIN/REGISTER")
458                            {
459                                history.pushState("CurrentUrl","MultiGauge", returnUrl);
460                                window.location.replace("/Account/Login?returnUrl=" + encodeURIComponent(returnUrl));
461                            }
462                            else if ($(e.item).children(".k-link").text().toUpperCase()=="LOGOUT")
463                            {
464                                window.location.replace("/Account/LogOut?returnUrl=" + encodeURIComponent(returnUrl));
465                            }
466                            else
467                            {
468                                window.location.replace("/Account/EditProfile?returnUrl=" + encodeURIComponent(returnUrl));
469                            }
470                        }
471                    }
472                    else if(controller=="GageDetail"){
473                        if(typeof returnUrl!="undefined" && returnUrl!=''){
474                            if (e.preventDefault)
475                                e.preventDefault();
476
477                            if($(e.item).children(".k-link").text()=="LOGIN/REGISTER")
478                            {
479                                window.location.replace("/Account/Login?returnUrl=" + encodeURIComponent(returnUrl));
480                            }
481                            else if ($(e.item).children(".k-link").text().toUpperCase()=="LOGOUT")
482                            {
483                                window.location.replace("/Account/LogOut?returnUrl=" + encodeURIComponent(returnUrl));
484                            }
485                            else
486                            {
487                                window.location.replace("/Account/EditProfile?returnUrl=" + encodeURIComponent(returnUrl));
488                            }
489                        }
490                    }
491
492                }
493            }
494        })
495
496        if (userHandle == "Hello!") {
497            //add tooltip
498            $("#loginMenu").kendoTooltip({
499                content: "Please complete registration process by providing personal information",
500                position: "right"
501            })
502        }
503
504    });
505</script>
505
506
507                </div>
508            </div>
509        </div>
510        <div>
511            <div id="windowDisclaimer" style="display:none; padding:20px;">
512                <div style="margin: 0px; text-align: center; width: 560px; height: 200px;">
513    <div style="margin: 5px 0px 5px 0px; text-align: center; font-size: x-large; font-weight: bold">
514        Disclaimer</div>
515    <div style="margin: 0px 14px 5px 14px; text-align: justify;">
516        The Harris County Flood Control District (HCFCD) provides information via this website as a public service. While HCFCD makes every effort to ensure information is up-to-date, accurate and complete, HCFCD makes no representations, guarantees, or warranties as to the availability, accuracy, completeness, currency or suitability of the information provided via this website. HCFCD specifically disclaims any and all liability for any claims or damages that may result from providing the website or the information it contains. All liability with respect to actions taken or not taken based on the contents of this site is hereby expressly disclaimed.
517    </div>
518    <table style="width: 100%; font-family: Verdana,arial; height: 20px; font-size: 12pt">
519        <tr>
520            <td style="padding-top: 10px" align="center">
521                <input type="button" id="btnIAgree" class="k-button" value="I Agree" title="I Agree" />
522            </td>
523        </tr>
524    </table>
525</div>
526            </div>
527            <div id="latestDataUnavailable" style="display:none;">
528                <div style="margin: 0px; text-align: center; width: 560px; height: 200px;">
529    <div style="margin: 5px 0px 5px 0px; text-align: center; font-size: x-large; font-weight: bold">
530        Most Recent Data Unavailable</div>
531    <div style="margin: 0px 14px 5px 14px; text-align: justify;">
532        The Flood Warning System is currently unable to display the most recent rainfall...        
533    </div>
534    <table style="width: 100%; font-family: Verdana,arial; height: 20px; font-size: 12pt">
535        <tr> 
536            <td style="padding-top: 10px" align="center">
537                <input id="btnCloseDataUnavailable" type="button" class="k-button" value="Close" title="Close" /> 
538            </td>
539        </tr>
540    </table>
541</div>
542            </div>
543            <div id="messageWindow" style="display:none;" class="noPrint">
544                <div style="padding:8px"></div>
545                <div style="width:100%">
546                    <button class="dialogButton k-button">OK</button>
547                </div>
548            </div>
549
550            <style>
551                /* https://codepen.io/garetmckinley/pen/oLBGWR */
552                .noUi-target {
553                    margin-top: 4px;
554                }
555
556                .noUi-background,
557                .noUi-target {
558                    /* noUi-target was not included in above link, had to add it to make it work */
559                    height: 8px;
560                }
561
562                .noUi-background.noUi-vertical {
563                    height: 200px;
564                    width: 8px;
565                    margin: 0 auto 30px;
566                }
567
568                .noUi-base .noUi-connect {
569                    background-color: #135a8e;
570                }
571
572                .noUi-base .noUi-handle {
573                    background-color: #1977bb;
574                    border: none;
575                    border-radius: 3px;
576                    box-shadow: none;
577                    color: #FFFFFF;
578                    display: table;
579                    font-size: 15px;
580                    height: 12px;
581                    left: 0;
582                    margin-left: -4px;
583                    margin-top: -4px;
584                    padding: 0;
585                    position: absolute;
586                    text-align: center;
587                    top: 0;
588                    width: 8px;
589                    z-index: 2;
590                }
591
592                html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
593                    right: -4px;
594                }
595
596                .noUi-horizontal .noUi-base .noUi-handle {
597                    cursor: ew-resize;
598                }
599
600                .noUi-vertical .noUi-base .noUi-handle {
601                    cursor: ns-resize;
602                    margin-left: 0px;
603                }
604
605                .noUi-base .noUi-handle:hover {
606                    background-color: #2593e2;
607                }
608
609                .noUi-base .noUi-handle.noUi-active {
610                    background-color: #135a8e;
611                    z-index: 3;
612                }
613
614                .noUi-base .noUi-handle::before {
615                    background: transparent;
616                    content: attr(data-value);
617                    display: table-cell;
618                    font-size: 18px;
619                    font-weight: 100;
620                    position: static;
621                    width: 100%;
622                    vertical-align: middle;
623                }
624
625                .noUi-base .noUi-handle::after {
626                    display: none;
627                }
628            </style>
629            <div id="controlPanelContainer" class="noPrint">
630                <div id="controlPanel">
631                    <div id="searchDiv">
632                        <div class="legendTitle">MAP VIEW OPTIONS</div>
633                        <div class="optionContent">
634                            <table style="width:100%">
635                                <tr>
636                                    <td style="padding-top: 2px;"><input type="checkbox" id="chkWatersheds"
637                                            value="watersheds" /></td>
638                                    <td style="padding-top: 3px;"><label for="chkWatersheds">
639                                            <div class='sprite WatershedLegend'></div>
640                                        </label></td>
641                                    <td><label for="chkWatersheds">Watersheds</label></td>
642                                </tr>
643                                <tr>
644                                    <td style="padding-top: 2px;"><input type="checkbox" id="chkChannels"
645                                            value="channels" /></td>
646                                    <td style="padding-top: 3px;"><label for="chkChannels">
647                                            <div class='sprite ChannelLegend'></div>
648                                        </label></td>
649                                    <td><label for="chkChannels">Channels</label></td>
650                                </tr>
651                                <tr>
652                                    <td><input type="checkbox" id="chkInundation" value="inundation"
653                                            name="chkBoxInundation" /></td>
654                                    <td></td>
655                                    <td>
656                                        <div style="display:inline-block;vertical-align:top;padding:5px 10px 0 0"><span
657                                                class="checkbox-label" id="inundationCheckboxLabel"
658                                                style="font-size:12.5px">Inundation Map</span></div>
659                                        <div style="display:none" id="inundationSlider" />
660                                    </td>
661                                </tr>
662                                <tr>
663                                    <td colspan="3" style="padding-left:20px;">
664                                        <table style="font-size:8pt; display:none;
664" class="inundationLegendBoxItem">
665                                            <tr>
666                                                <td style="font-weight:bold; font-size:10pt">Inundation Depth (Ft)</td>
667                                            </tr>
668                                            <tr>
669                                                <td>
670                                                    <div style="width: 13px; height: 13px; margin-right: 4px; display: inline-block; background-color: #A9E7F0;"
671                                                        id="inundationSubLegend1"></div> <b>
672                                                        < 1.0 </b>
673                                                </td>
674                                            </tr>
675                                            <tr>
676                                                <td>
677                                                    <div style="width: 13px; height: 13px; margin-right: 4px; display: inline-block; background-color: #03C1E5;"
678                                                        id="inundationSubLegend2"></div><b> 1.0-3.0 </b>
679                                                </td>
680                                            </tr>
681                                            <tr>
682                                                <td>
683                                                    <div style="width: 13px; height: 13px; margin-right: 4px; display: inline-block; background-color: #1956AD;"
684                                                        id="inundationSubLegend3"></div><b> 3.0-6.0 </b>
685                                                </td>
686                                            </tr>
687                                            <tr>
688                                                <td>
689                                                    <div style="width: 13px; height: 13px; margin-right: 4px; display: inline-block; background-color: #481368;"
690                                                        id="inundationSubLegend4"></div><b> > 6.0 </b>
691                                                </td>
692                                            </tr>
693                                        </table>
694                                    </td>
695                                </tr>
696                                <tr>
697                                    <td valign="middle"><input type="radio" id="chkRainfall" name="rainlayer"
698                                            value="rainfall" checked="checked" /></td>
699                                    <td valign="middle" style="padding-top: 1px;"><label for="chkRainfall">
700                                            <div class="sprite GageLegend"></div>
701                                        </label></td>
702                                    <td><label for="chkRainfall">Rainfall</label></td>
703                                </tr>
704                                <tr>
705                                    <td valign="middle"><input type="radio" id="chkChannelStatus" name="rainlayer"
706                                            value="surfaceBox" /></td>
707                                    <td valign="middle" style="padding-top: 1px;"><label for="chkChannelStatus">
708                                            <div class="sprite surfaceLevelLegendBox"></div>
709                                        </label></td>
710                                    <td><label for="chkChannelStatus">Channel Status</label></td>
711                                </tr>
712                                <tr style="display: none">
713                                    <td valign="middle"><input type="radio" id="chkChannelLevels" name="rainlayer"
714                                            value="surface" /></td>
715                                    <td valign="middle" style="padding-top: 1px;"><label for="chkChannelLevels">
716                                            <div class="sprite surfaceLevelLegend"></div>
717                                        </label></td>
718                                    <td><label for="chkChannelLevels">Water Levels</label></td>
719                                </tr>
720                                <tr>
721                                    <td colspan="3" style="padding-left:20px;">
722                                        <table style="font-size:8pt; display:none;" class="surfaceLevelLegendBoxItem">
723                                            <tr>
724                                                <td>
725                                                    <div style="margin-right:4px; display:inline-block"
726                                                        class="legendnoFloodCategory"></div>Channel Status not Defined
727                                                </td>
728                                            </tr>
729                                            <tr>
730                                                <td>
731                                                    <div style="margin-right:4px; display:inline-block"
732                                                        class="legendnoFlooding"></div>No Flooding
733                                                </td>
734                                            </tr>
735                                            <!--Muru Thangavel updated label from 'Water in Bank' to 'No Flooding' - UserStory#72227-->
736                                            <tr>
737                                                <td>
738                                                    <div style="margin-right:3px;margin-left:-2px; display:inline-block"
739                                                        class="legendsiteWarning"></div>Flooding Possible
740                                                </td>
741                                            </tr>
742                                            <!--Muru Thangavel updated label from 'Near Top of Bank' to 'Flooding Possible' - UserStory#72227-->
743                                            <tr>
744                                                <td style="vertical-align:middle;">
745                                                    <div style="margin-right:3px; margin-left:-2px; vertical-align:middle; display:inline-block"
746                                                        class="legendsiteError"></div>Flooding Likely
747                                                </td>
748                                            </tr>
749                                            <!--Muru Thangavel updated label from 'Out of Bank' to 'Flooding Likely' - UserStory#72227-->
750                                        </table>
751                                        <table style="font-size:8pt; display:none;" class="surfaceLevelLegendItem">
752                                            <tr>
753                                                <td>
754                                                    <div style="margin-left: 4px; margin-right:4px; display:inline-block"
755                                                        class="legendnoFloodCategory"></div>Channel Status not Defined
756                                                </td>
757                                            </tr>
758                                            <tr>
759                                                <td>
760                                                    <div style="margin-right:3px; display:inline-block"
761                                                        class="legendNoFloodLow"></div>
762                                                    <div style="margin-right:3px; display:inline-block"
763                                                        class="legendNoFloodMed"></div>
764                                                    <div style="margin-right:3px; display:inline-block"
765                                                        class="legendNoFloodMedHigh"></div>
766                                                    Water Level in Channel
767                                                </td>
768                                            </tr>
769                                            <tr>
770                                                <td>
771                                                    <div style="margin-right:35px; display:inline-block"
772                                                        class="legendNoFloodHigh"></div>Close to Bank
773                                                </td>
774                                            </tr>
775                                            <tr>
776                                                <td>
777                                                    <div style="margin-right:35px; display:inline-block"
778                                                        class="legendOutOfBank"></div>Out of Bank
779                                                </td>
780                                            </tr>
781                                        </table>
782                                    </td>
783                                </tr>
784                                <tr>
785                                    <td colspan="3"><span class="exampleText">Mouse over map label for more
786                                            information</span></td>
787                                </tr>
788                            </table>
789                        </div>
790                        <div class="legendOptionSeparator"></div>
791                        <div class="legendSeparator"></div>
792                        <div class="legendOption typeLabel">RAINFALL DATA</div>
793                        <div class="optionContent">
794                            <div id="rainTab">
795                                <ul>
796                                        <li class="k-state-active">Current</li>
797                                        <li>Historical</li>
798                                </ul>
799                                <div>
800                                    <table class="noPadding" style="width:100%;">
801    <tr class="rainfallLegend">
802        <td><span class="optionLabelLarge">Rainfall in the last</span></td>
803        <td>
804            <select style="width:90px;" id="ddlTimeSpan"></select>
805        </td>
806    </tr>
807    <tr class="surfaceLevelLegendBoxItem surfaceLevelLegendItem" style="display:none;">
808        <td colspan="2"><span class="optionLabelLarge">Showing the latest surface levels</span></td>
809    </tr>
810    <tr>
811        <td colspan="2" class="optionLabelMedium" style="text-align:right">
811<a href="#" id="btnRefreshData">Refresh Data</a></td>
812    </tr>
813</table>
814
815                                </div>
816                                <div>
817                                    
818<table style="width: 100%">
819    <tr class="rainfallLegend">
820        <td class="optionLabelSmall" style="text-align: right;"></td>
821        <td align="left">
822            <input id="txtAmount" type="text" style="width:80px;" />
823        </td>
824        <td>
825            <select id="drpUnits" style="width:90px;">
826            </select>
827        </td>
828    </tr>
829    <tr>
830        <td class="optionLabelSmall" style="text-align: right;"><span class="rainfallLegend">before</span><span class="surfaceLevelTitles" style="display:none;">at</span></td>
831        <td colspan="2">
832            <input style="font-size:11px; width:185px; background:transparent" type="text" id="dtEnd" />
833        </td>
834    </tr>
835    <tr>
836        <td colspan="3" align="right" style="background: transparent">
837            <input id="btnShowHistorical" type="button" value="Show Historical" class="k-button" style="background: transparent" />
838        </td>
839    </tr>
840</table>
841                                </div>
842                            </div>
843                        </div>
844                        <div class="legendOptionSeparator"></div>
845                        <div class="legendSeparator"></div>
846                        <div class="legendOption">SITE SELECTIONS</div>
847                        <div class="optionContent">
848                            <span class="optionLabelLarge">Sites by Agency</span><br />
849                            <select id="ddlRegion" style="width:223px;"></select>
850                        </div>
851                        <div class="optionContent">
852                            <span class="optionLabelLarge">Site by Location</span><br />
853                            <select id="ddlGage" style="width:223px;"></select>
854                            <div class="optionLabelMedium" style="text-align: right; padding-right:3px;">
855                                <a id="ResetAgencyViewLink" href="#">Reset to Agency View</a>
856                            </div>
857                        </div>
858                        <div class="legendOptionSearchSeparator"></div>
859                        <div class="legendOptionSearch">ADDRESS SEARCH</div>
860                        <div class="optionContent">
861                            <div style="float: left;">
862                                <input id="txtAddress" type="text" class="k-textbox" style="width:174px;" />
863                            </div>
864                            <div style="float: left; margin-left: 10px;">
865                                <input id="btnSearch" type="button" value="Find" class="k-button"
866                                    style="background: transparent" />
867                            </div>
868                            <div class="exampleText clear">e.g. 9900 Northwest Fwy., Houston 77092</div>
869                            <div class="optionLabelMedium" style="text-align: right; padding-right:3px;">
870                                <a href="#" id="lnkClearSearch">Clear Search</a>
871                            </div>
872                            <div id="addressResultsContainer"></div>
873                        </div>
874                        <div class="legendOptionSearchSeparator"></div>
875                        <p style="padding:1px">
876                            <a style="padding-left:5px;font-size:10pt;font-family:Arial"
877                                href="/RSS">Rainfall Alarms</a><a href="/RSS"
878                                title="Subscribe to our feed"><span style="display:inline-block;"
879                                    class='sprite RssIcon'></span></a>
880                        </p>
881                        <div class="legendOptionSearchSeparator"></div>
882                        <div class="optionContent">
883                            <div id="msgStatus" class="clear"></div>
884                        </div>
885                        <div class="optionContent">
886                            <table>
887                                <tr>
888                                    <td><a href="https://www.hcfcd.org/?utm_source=fws&utm_medium=web&utm_content=footerLogo&utm_campaign=viewHcfcd"
889                                            target="_blank" class="">
890                                            <div id="footerLogoWrap"><img src="/Images/imageSprite.png"
891                                                    alt="Harris County Flood Control District" style="border: none;" />
892                                            </div>
893                                        </a></td>
894                                    <td id="footerHcfcd" valign="bottom">An interactive map of the Harris County Flood
895                                        Control District</td>
896                                </tr>
897                            </table>
898                        </div>
899                        <div class="optionContent">
900                            <div style="float: left;">
901                                <a id="btnDisclaimer" href="#">Disclaimer</a>
902                            </div>
903                            <div style="float: right;">
904                                <a id="mobileSiteLink" href="/Index?view=mobile" style="display:none;">View Mobile
905                                    Site</a>
906                                
906<script>
907                                    if (/Mobi|Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
908                                        document.getElementById('mobileSiteLink').style.display = 'inline';
909                                    }
910                                </script>
910
911                            </div>
912                        </div>
913                        <div id="regionSelectPopup" class="k-list-container k-popup k-group k-reset">
914                            <div style="width:320px; height:200px; overflow-y: scroll;">
915                                <ul class="customCheckList k-list k-reset"></ul>
916                            </div>
917                            <div>
918                                <input style="float:right;" type="button" class="k-button" value="Close" />
919                            </div>
920                        </div>
921                        
921<script id="regionSelectTemplate" type="text/x-kendo-template">
922                            <li class="k-item"><input type="checkbox" id="chk_region_#=itemValue#" value="#=itemValue#" />&nbsp;<label for="chk_region_#=itemValue#">#=listName#</label></li>
923                        </script>
923
924
925                    </div>
926                </div>
927            </div>
928
929            <div id="mapDivContainer">
930
931
932
933                <div class="hcfcd-status-bar"></div>
934                <div id="mapDiv">
935                    <div id="infoBox">
936                        <span class="infobox-site-information"></span>
937                        <span class="infobox-site-description"></span>
938                        <br />
939                        <a class="infobox-more-information" href="" target="_blank">More information & alert signup</a>
940                        <div class="infobox-graphicContainer" style="float:right;"></div>
941                    </div>
942                </div>
943            </div>
944            <div class="noPrint">
945                <div id="fillBanner"></div>
946                <a id="hcfcdLogo"
947                    href="https://www.hcfcd.org/?utm_source=fws&utm_medium=web&utm_content=bannerLogo&utm_campaign=viewHcfcd"
948                    style="width: 100px;" target="_blank"
949                    onclick="_gaq.push(['_trackEvent', 'Link', 'Click', 'HCFCD Logo']);"></a>
950                <div id="fwsLogo" class="sprite FWSLogo"></div>
951                <div id="showGuide" class="guideShowBtn">Need Help <span class="k-icon k-i-help"></span></div>
952                <div class="sprite" id="loginMenu"></div>
953                <div id="helpContainer" style="position: absolute; top: 140px; left: 180px;">
954                    &nbsp;
955                </div>
956            </div>
957        </div>
958
959        <div class="noDisplay" style="padding-top:5px;margin-top:90px;">
960            <div style="width: 60%;line-height:1em; float:left;">
961                <div id="printDetail" style="font-weight: bold; text-align: justify"></div>
962                <span class="disclaimer" style="font-weight: normal">
963                    The Harris County Flood Control
964                    District makes no representations regarding the suitability, accuracy or timeliness
965                    of the information contained on this or any other District website. All such information,
966                    including text, data, graphics, sounds images or files, is provided "AS IS" without
967                    warranty of any kind and is subject to change without notice. The entire risk arising
968                    out of their use remains with the recipient.
969                </span>
970            </div>
971            <div>
972                <div id="printLegendContainer"
973                    style="border: 1px solid black; border-radius: 4px; padding:3px; float:right;">
974                </div>
975                <div class="clear"></div>
976            </div>
977        </div>
978        <div id="printrainfallLegend" style="display:none">
979            <ul class="printLegend">
980                <li>
981                    <div id="printCountyBoundary" style="display:inline-block;"><img style="margin:3px 0 0 -2px;"
982                            alt="County Legend Icon" src="/Images/imageSprite.png" /></div>County
983                    Boundaries
984                </li>
985                <li>
986                    <div id="printWatershed" style="display:inline-block;"><img style="margin-top:2px;"
987                            alt="Watershed Legend Icon" src="/Images/imageSprite.png" /></div>
988                    Watersheds
989                </li>
990                <li>
991                    <div id="printGage" style="display:inline-block; height:19px; vertical-align:top;"><img
992                            style="margin-top:2px;" alt="Gage Legend Icon"
993                            src="/Images/imageSprite.png" /></div>Rainfall Totals (inches)
994                </li>
995            </ul>
996        </div>
997
998        <div id="printsurfaceBoxLegend" style="display:none">
999            <ul class="printLegend">
1000                <li>
1001                    <div id="printCountyBoundary" style="display:inline-block;"><img style="margin:3px 0 0 -2px;"
1002                            alt="County Legend Icon" src="/Images/imageSprite.png" /></div>County
1003                    Boundaries
1004                </li>
1005                <li>
1006                    <div id="printWatershed" style="display:inline-block;"><img style="margin-top:2px;"
1007                            alt="Watershed Legend Icon" src="/Images/imageSprite.png" /></div>
1008                    Watersheds
1009                </li>
1010                <li>
1011                    <div style="display:inline-block; padding: 0 12px;" class="legendnoFloodCategory"></div>Channel
1012                    Status not Defined
1013                </li>
1014                <li>
1015                    <div style="display:inline-block; padding: 0 12px;" class="legendnoFlooding"></div>Water in Bank
1016                </li>
1017                <li>
1018                    <div style="display:inline-block; padding: 0 11px 0 10px;" class="legendsiteWarning"></div>Near Top
1019                    of Bank
1020                </li>
1021                <li>
1022                    <div style="vertical-align:middle; display:inline-block; padding: 0 11px 0 10px;"
1023                        class="legendsiteError"></div>Out of Bank
1024                </li>
1025            </ul>
1026        </div>
1027
1028        <div id="printsurfaceLegend" style="display:none">
1029            <ul class="printLegend">
1030                <li>
1031                    <div id="printCountyBoundary" style="display:inline-block;"><img style="margin:3px 0 0 -2px;"
1032                            alt="County Legend Icon" src="/Images/imageSprite.png" /></div>County
1033                    Boundaries
1034                </li>
1035                <li>
1036                    <div id="printWatershed" style="display:inline-block;"><img style="margin-top:2px;"
1037                            alt="Watershed Legend Icon" src="/Images/imageSprite.png" /></div>
1038                    Watersheds
1039                </li>
1040            </ul>
1041        </div>
1042
1043        
1043<script id="crossSectionTemplateInfoBox" type="text/html">
1044    <span class="infobox-site-information"></span>
1045    <span class="infobox-site-description"></span>
1046    <br />
1047    <a class="infobox-more-information" href="" target="_blank">More information & alert signup</a>
1048
1049    <div class="infobox-graphicContainer" style="float:right;"></div>
1050</script>
1050
1051
1052    </div>
1053
1054
1055    <div Class="guideWrap">
1056    <div class="guideContainer">
1057        <div class="guideHeader">
1058            <div class="guideHeaderTitle">
1059                <span>Welcome to the Harris County</span>
1060                <span>Flood Warning System</span>
1061            </div>
1062        </div>
1063        <div class="guideBodyWrap">
1064            <!---->
1065            <div class="guideBody guideSlide">
1066                <div class="guideBodyRight">                    
1067                    <img id="mapViewOptions">
1068                </div>
1069                <div class="guideBodyLeft">
1070                    <div class="guideBodyLeftContent">
1071                        <div class="guideBodyTitle">Watersheds</div>
1072                        <div class="guideBodyInfo">Select watersheds to view the watershed layer and see which one is nearest you.</div>
1073                    </div>
1074                    <div class="guideBodyLeftContent">
1075                        <div class="guideBodyTitle">Inundation</div>
1076                        <div class="guideBodyInfo">Select Inundation Map to view current flooded roads, parks, and low-lying areas.</div>
1077                    </div>
1078                    <div class="guideBodyLeftContent">
1079                        <div class="guideBodyTitle">Channel Status</div>
1080                        <div class="guideBodyInfo">Select Channel Status to display current bayou flooding levels.</div>
1081                    </div>
1082                    <div>
1083                        <table style="font-size:8pt;float:right;" class="surfaceLevelLegendBoxItem">
1084                            <tr><td><div style="margin-right:4px; display:inline-block" class="legendnoFloodCategory"></div>Channel Status not Defined</td></tr>
1085                            <tr><td><div style="margin-right:4px; display:inline-block" class="legendnoFlooding"></div>No Flooding</td></tr><!--Muru Thangavel updated label from 'Water in Bank' to 'No Flooding' - UserStory#72227-->
1086                            <tr><td><div style="margin-right:3px;margin-left:-2px; display:inline-block" class="legendsiteWarning"></div>Flooding Possible</td></tr><!--Muru Thangavel updated label from 'Near Top of Bank' to 'Flooding Possible' - UserStory#72227-->
1087                            <tr><td style="vertical-align:middle;"><div style="margin-right:3px; margin-left:-2px; vertical-align:middle; display:inline-block" class="legendsiteError"></div>Flooding Likely</td></tr><!--Muru Thangavel updated label from 'Out of Bank' to 'Flooding Likely' - UserStory#72227-->
1088                        </table>
1089                    </div>
1090                </div>
1091            </div>
1092            <!---->
1093            <div class="guideBody guideSlide">
1094                <div class="guideBodyRight">                   
1095                    <img id="rainFallData" >
1096                </div>
1097                <div class="guideBodyLeft">
1098                    <div class="guideBodyLeftContent">
1099                        <div class="guideBodyTitle">Rainfall Data</div>
1100                        <div class="guideBodyInfo">Rainfall data defaults to the last 24 hours. Select the drop down bar to select more time frames.</div>
1101                    </div>
1102                    <div class="guideBodyLeftContent">
1103                        <div class="guideBodyTitle"></div>
1104                        <div class="guideBodyInfo"></div>
1105                    </div>
1106                    <div class="guideBodyLeftContent">
1107                        <div class="guideBodyTitle"></div>
1108                        <div class="guideBodyInfo"></div>
1109                    </div>
1110                </div>
1111            </div>
1112            <!---->
1113            <div class="guideBody guideSlide">
1114                <div class="guideBodyRight">                    
1115                    <img id="siteSelections" >
1116                </div>
1117                <div class="guideBodyLeft">
1118                    <div class="guideBodyLeftContent">
1119                        <div class="guideBodyTitle">Site Selections</div>
1120                        <div class="guideBodyInfo">Add more gages in the region using the drop down.</div>
1121                    </div>
1122                </div>
1123            </div>
1124            <!---->
1125            <div class="guideBody guideSlide">
1126                <div class="guideBodyRight">                   
1127                    <img id="addressSearch" >
1128                </div>
1129                <div class="guideBodyLeft">
1130                    <div class="guideBodyLeftContent">
1131                        <div class="guideBodyTitle">Address Search</div>
1132                        <div class="guideBodyInfo">Use the address search to find your nearest gage.</div>
1133                    </div>
1134                </div>
1135            </div>
1136            <!---->
1137            <div class="guideBody guideSlide">
1138                <div class="guideBodyRight">                   
1139                    <img id="siteDetailsPage">
1140                </div>
1141                <div class="guideBodyLeft">
1142                    <div class="guideBodyLeftContent">
1143                        <div class="guideBodyTitle">Site Details Page</div>
1144                        <div class="guideBodyInfo">Hover mouse over any site and click the more information link to view water level and rainfall data. Custom and default rainfall and water level alerts are available for each site.</div>
1145                    </div>
1146                </div>
1147            </div>
1148            <!---->
1149            <div class="guideBody guideSlide">
1150                <div class="guideBodyRight">
1151                </div>
1152                <div class="guideBodyLeft">
1153                    <div class="guideBodyLeftContent">
1154                        <div class="guideBodyTitle">Get notified when it is flooding! </div>
1155                        <div class="guideBodyInfo">Sign up to receive rainfall and water level alerts via text message and email.</div>
1156                    </div>
1157                </div>
1158            </div>
1159            <!---->
1160        </div>
1161        <div class="guideFooter">
1162            <ul>
1163                <li><a class="prev" onclick="hcfcd.guide.plusSlides(-1)">&#10094;
1163</a></li>
1164                <li>
1165                    <div class="guideDots">
1166                        <span class="guideDot" onclick="hcfcd.guide.show(1)"></span>
1167                        <span class="guideDot" onclick="hcfcd.guide.show(2)"></span>
1168                        <span class="guideDot" onclick="hcfcd.guide.show(3)"></span>
1169                        <span class="guideDot" onclick="hcfcd.guide.show(4)"></span>
1170                        <span class="guideDot" onclick="hcfcd.guide.show(5)"></span>
1171                        <span class="guideDot" onclick="hcfcd.guide.show(6)"></span>
1172                    </div>
1173                </li>
1174                <li><a class="next" onclick="hcfcd.guide.plusSlides(1)">&#10095;</a></li>
1175            </ul>
1176            <div class="guideCloseBtn">
1177                Close <span class="k-icon k-i-close-outline"></span>
1178            </div>
1179        </div>
1180    </div>
1181</div>
1182
1183<script type="text/javascript">
1184        $(document).ready(function () {
1185            hcfcd.guide.init("showIndexGuide", function()
1186            {
1187                // We are showing the guide so hide the map widgets
1188                $(".MicrosoftMap .NavBar_Container").hide();
1189
1190                var items = $("#fws-menu").find(".k-link").parent();
1191                var kmenu = $("#fws-menu").data("kendoMenu");
1192                if(kmenu)
1193                    kmenu.enable(items, false);
1194            }, function()
1195            {
1196                // We are hiding the guide so show the map widgets
1197                $(".MicrosoftMap .NavBar_Container").show();
1198
1199                var items = $("#fws-menu").find(".k-link").parent();
1200                var kmenu = $("#fws-menu").data("kendoMenu");
1201                if(kmenu)
1202                    kmenu.enable(items, true);
1203            });
1204        });
1205</script>
1205
1206
1207    <style>
1208        .MicrosoftMap .NavBar_Container { display: none; }
1209    </style>
1210
1211</body>
1212
1213</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.