511sc.org

Loading...

Loading...

{
  "latency": 109,
  "ipAddresses": [
    "54.152.60.175",
    "34.236.121.15"
  ],
  "dns": {
    "NS": [
      "ns21.constellix.com.",
      "ns31.constellix.com.",
      "ns41.constellix.net.",
      "ns51.constellix.net.",
      "ns61.constellix.net.",
      "ns11.constellix.com."
    ],
    "A": [
      "54.152.60.175",
      "34.236.121.15"
    ]
  }
}

[
  {
    "url": "https://511sc.org",
    "technologies": [
      {
        "slug": "python",
        "name": "Python",
        "icon": "Python.svg",
        "cpe": "cpe:2.3:a:python:python:*:*:*:*:*:*:*:*",
        "versions": [
          "2.7.12"
        ],
        "categories": [
          {
            "id": 27,
            "slug": "programming-languages",
            "name": "Programming languages"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "perl",
        "name": "Perl",
        "icon": "Perl.png",
        "cpe": "cpe:2.3:a:perl:perl:*:*:*:*:*:*:*:*",
        "versions": [
          "5.22.1"
        ],
        "categories": [
          {
            "id": 27,
            "slug": "programming-languages",
            "name": "Programming languages"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "facebook-login",
        "name": "Facebook Login",
        "icon": "Facebook.svg",
        "versions": [],
        "categories": [
          {
            "id": 69,
            "slug": "authentication",
            "name": "Authentication"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "mapbox-gl-js",
        "name": "Mapbox GL JS",
        "icon": "Mapbox.svg",
        "versions": [
          "1.9.0"
        ],
        "categories": [
          {
            "id": 35,
            "slug": "maps",
            "name": "Maps"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "ubuntu",
        "name": "Ubuntu",
        "icon": "Ubuntu.svg",
        "cpe": "cpe:2.3:o:canonical:ubuntu_linux:*:*:*:*:*:*:*:*",
        "versions": [],
        "categories": [
          {
            "id": 28,
            "slug": "operating-systems",
            "name": "Operating systems"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "videojs",
        "name": "VideoJS",
        "icon": "VideoJS.svg",
        "versions": [
          "7.7.3"
        ],
        "categories": [
          {
            "id": 14,
            "slug": "video-players",
            "name": "Video players"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "bootstrap",
        "name": "Bootstrap",
        "icon": "Bootstrap.svg",
        "cpe": "cpe:2.3:a:getbootstrap:bootstrap:*:*:*:*:*:*:*:*",
        "versions": [
          "4.1.3"
        ],
        "categories": [
          {
            "id": 66,
            "slug": "ui-frameworks",
            "name": "UI frameworks"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "varnish",
        "name": "Varnish",
        "icon": "Varnish.svg",
        "cpe": "cpe:2.3:a:varnish-software:varnish_cache:*:*:*:*:*:*:*:*",
        "versions": [],
        "categories": [
          {
            "id": 23,
            "slug": "caching",
            "name": "Caching"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "mod-wsgi",
        "name": "mod_wsgi",
        "icon": "mod_wsgi.png",
        "cpe": "cpe:2.3:a:modwsgi:mod_wsgi:*:*:*:*:*:*:*:*",
        "versions": [
          "4.3.0"
        ],
        "categories": [
          {
            "id": 33,
            "slug": "web-server-extensions",
            "name": "Web server extensions"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "mod-perl",
        "name": "mod_perl",
        "icon": "mod_perl.png",
        "cpe": "cpe:2.3:a:apache:mod_perl:*:*:*:*:*:*:*:*",
        "versions": [
          "2.0.9"
        ],
        "categories": [
          {
            "id": 33,
            "slug": "web-server-extensions",
            "name": "Web server extensions"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "amazon-web-services",
        "name": "Amazon Web Services",
        "icon": "Amazon Web Services.svg",
        "versions": [],
        "categories": [
          {
            "id": 62,
            "slug": "paas",
            "name": "PaaS"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "mustache",
        "name": "Mustache",
        "icon": "Mustache.png",
        "versions": [
          "3.0.1"
        ],
        "categories": [
          {
            "id": 12,
            "slug": "javascript-frameworks",
            "name": "JavaScript frameworks"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "apache-http-server",
        "name": "Apache HTTP Server",
        "icon": "Apache.svg",
        "cpe": "cpe:2.3:a:apache:http_server:*:*:*:*:*:*:*:*",
        "versions": [
          "2.4.18"
        ],
        "categories": [
          {
            "id": 22,
            "slug": "web-servers",
            "name": "Web servers"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "cloudflare",
        "name": "Cloudflare",
        "icon": "CloudFlare.svg",
        "versions": [],
        "categories": [
          {
            "id": 31,
            "slug": "cdn",
            "name": "CDN"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "unpkg",
        "name": "Unpkg",
        "icon": "Unpkg.svg",
        "versions": [],
        "categories": [
          {
            "id": 31,
            "slug": "cdn",
            "name": "CDN"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "turfjs",
        "name": "TurfJS",
        "icon": "TurfJS.svg",
        "versions": [],
        "categories": [
          {
            "id": 59,
            "slug": "javascript-libraries",
            "name": "JavaScript libraries"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "moment-js",
        "name": "Moment.js",
        "icon": "Moment.js.svg",
        "cpe": "cpe:2.3:a:momentjs:moment:*:*:*:*:*:*:*:*",
        "versions": [
          "2.29.1"
        ],
        "categories": [
          {
            "id": 59,
            "slug": "javascript-libraries",
            "name": "JavaScript libraries"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "matomo-analytics",
        "name": "Matomo Analytics",
        "icon": "Matomo.svg",
        "cpe": "cpe:2.3:a:matomo:matomo:*:*:*:*:*:*:*:*",
        "versions": [],
        "categories": [
          {
            "id": 10,
            "slug": "analytics",
            "name": "Analytics"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "lodash",
        "name": "Lodash",
        "icon": "Lodash.svg",
        "cpe": "cpe:2.3:a:lodash:lodash:*:*:*:*:*:*:*:*",
        "versions": [
          "4.17.15"
        ],
        "categories": [
          {
            "id": 59,
            "slug": "javascript-libraries",
            "name": "JavaScript libraries"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "jquery-ui",
        "name": "jQuery UI",
        "icon": "jQuery UI.svg",
        "cpe": "cpe:2.3:a:jquery:jquery_ui:*:*:*:*:*:*:*:*",
        "versions": [
          "1.12.1"
        ],
        "categories": [
          {
            "id": 59,
            "slug": "javascript-libraries",
            "name": "JavaScript libraries"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "jquery",
        "name": "jQuery",
        "icon": "jQuery.svg",
        "cpe": "cpe:2.3:a:jquery:jquery:*:*:*:*:*:*:*:*",
        "versions": [
          "3.6.0"
        ],
        "categories": [
          {
            "id": 59,
            "slug": "javascript-libraries",
            "name": "JavaScript libraries"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "google-tag-manager",
        "name": "Google Tag Manager",
        "icon": "Google Tag Manager.svg",
        "versions": [],
        "categories": [
          {
            "id": 42,
            "slug": "tag-managers",
            "name": "Tag managers"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "google-analytics",
        "name": "Google Analytics",
        "icon": "Google Analytics.svg",
        "versions": [
          "GA4"
        ],
        "categories": [
          {
            "id": 10,
            "slug": "analytics",
            "name": "Analytics"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "datatables",
        "name": "DataTables",
        "icon": "DataTables.png",
        "cpe": "cpe:2.3:a:datatables:datatables.net:*:*:*:*:*:*:*:*",
        "versions": [
          "1.10.18"
        ],
        "categories": [
          {
            "id": 59,
            "slug": "javascript-libraries",
            "name": "JavaScript libraries"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "jsdelivr",
        "name": "jsDelivr",
        "icon": "jsdelivr-icon.svg",
        "versions": [],
        "categories": [
          {
            "id": 31,
            "slug": "cdn",
            "name": "CDN"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "font-awesome",
        "name": "Font Awesome",
        "icon": "Font Awesome.svg",
        "versions": [
          "6.1.1"
        ],
        "categories": [
          {
            "id": 17,
            "slug": "font-scripts",
            "name": "Font scripts"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "cdnjs",
        "name": "cdnjs",
        "icon": "cdnjs.svg",
        "versions": [],
        "categories": [
          {
            "id": 31,
            "slug": "cdn",
            "name": "CDN"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "aws-certificate-manager",
        "name": "AWS Certificate Manager",
        "icon": "AWS Certificate Manager.svg",
        "versions": [],
        "categories": [
          {
            "id": 70,
            "slug": "ssl-tls-certificate-authorities",
            "name": "SSL/TLS certificate authorities"
          }
        ],
        "confirmedAt": 1724666584
      },
      {
        "slug": "open-graph",
        "name": "Open Graph",
        "icon": "Open Graph.svg",
        "versions": [],
        "categories": [
          {
            "id": 19,
            "slug": "miscellaneous",
            "name": "Miscellaneous"
          }
        ],
        "confirmedAt": 1724666584
      }
    ]
  }
]

{
  "status": 200,
  "statusText": "",
  "headers": {
    "accept-ranges": "bytes",
    "age": "0",
    "cache-control": "no-cache, no-store, must-revalidate",
    "connection": "keep-alive",
    "content-encoding": "gzip",
    "content-length": "18292",
    "content-type": "text/html; charset=UTF-8",
    "date": "Fri, 31 Jan 2025 21:08:59 GMT",
    "pragma": "no-cache",
    "server": "Apache/2.4.18 (Ubuntu) mod_wsgi/4.3.0 Python/2.7.12 mod_perl/2.0.9 Perl/v5.22.1",
    "vary": "Accept-Encoding",
    "via": "1.1 varnish-v4",
    "x-content-type-options": "nosniff",
    "x-frame-options": "sameorigin",
    "x-varnish": "11398780",
    "x-xss-protection": "1; mode=block"
  }
}

{
  "data": {
    "total": 0,
    "personal_emails": 0,
    "generic_emails": 0,
    "department": {
      "executive": 0,
      "it": 0,
      "finance": 0,
      "management": 0,
      "sales": 0,
      "legal": 0,
      "support": 0,
      "hr": 0,
      "marketing": 0,
      "communication": 0,
      "education": 0,
      "design": 0,
      "health": 0,
      "operations": 0
    },
    "seniority": {
      "junior": 0,
      "senior": 0,
      "executive": 0
    }
  },
  "meta": {
    "params": {
      "domain": "511sc.org",
      "company": null,
      "type": null
    }
  }
}

{
  "error": false,
  "result": {
    "success": true,
    "ogUrl": "https://www.511sc.org",
    "ogType": "website",
    "ogTitle": "511SC",
    "ogDescription": "South Carolina 511 Travel Information",
    "twitterCard": "summary_large_image",
    "twitterSite": "@SCDOTPress",
    "ogImage": [
      {
        "url": "https://dev-1.iteris-sc511.net/atis-static.iteriscdn.com/WebApps/assets/state_icons/sc_social-share-image.png",
        "type": "png"
      }
    ],
    "twitterImage": [
      {
        "alt": "SCDOT Logo",
        "url": "https://dev-1.iteris-sc511.net/atis-static.iteriscdn.com/WebApps/assets/state_icons/sc_social-share-image.png"
      }
    ],
    "ogLocale": "en-us",
    "favicon": "/atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/images/favicon.ico",
    "charset": "ISO-8859-1",
    "requestUrl": "https://511sc.org"
  },
  "response": {}
}

{
  "Google Analytics": "Google Analytics offers a host of compelling features and benefits for everyone from senior executives and advertising and marketing professionals to site owners and content developers.",
  "Google Analytics 4": "Google Analytics 4 formerly known as App + Web is a new version of Google Analytics that was released in October 2020.",
  "Global Site Tag": "Google's primary tag for Google Measurement/Conversion Tracking, Adwords and DoubleClick.",
  "Matomo": "Matomo is an open source web analytics software. It gives interesting reports on your website visitors, your popular pages, the search engines keywords they used, the language they speak and so much more. Previously known as Piwik Web Analytics.",
  "Font Awesome": "Iconic font and CSS toolkit.",
  "Google Tag Manager": "Tag management that lets you add and update website tags without changes to underlying website code.",
  "Facebook Login": "A way for users to log into your app using Facebook.",
  "US Privacy User Signal Mechanism": "The US Privacy API (USP API) is a lightweight API used to communicate signals represented in the US Privacy String.",
  "CrUX Dataset": "CrUX is a data collection system that gathers information about how real users interact with websites. This website is included in the user experiences data gathered from Google Chrome and thus considered sufficiently popular on the Internet.",
  "CrUX Top 5m": "Relative measure of site popularity within the CrUX dataset, measured by the total number of navigations on the origin. This site is in the top 5 million.",
  "CrUX Top 1m": "Relative measure of site popularity within the CrUX dataset, measured by the total number of navigations on the origin. This site is in the top 1 million.",
  "Python": "Python is a dynamic object-oriented programming language that can be used for many kinds of software development. It offers strong support for integration with other languages and tools, comes with extensive standard libraries, and can be learned in a few days.",
  "Python 2.7": "Python version 2.7.*",
  "Perl": "Perl is a general-purpose programming language originally developed for text manipulation and now used for a wide range of tasks including system administration, web development, network programming, GUI development, and more.",
  "Mapbox": "Premium map provider for working with interactive maps and geospatial data.",
  "Project OSRM": "Open source routing machine data.",
  "TurfJS": "Advanced geospatial analysis.",
  "CDN JS": "CloudFlare's CDN with popular javascript frameworks available.",
  "UNPKG": "unpkg is a fast, global content delivery network for everything on npm.",
  "jsDelivr": "A free CDN where Javascript developers can host their files. Encompasses MaxCDN, and BootstrapCDN.",
  "Cloudflare JS": "Loads content from Cloudflare CDN.",
  "Viewport Meta": "This page uses the viewport meta tag which means the content may be optimized for mobile content.",
  "IPhone / Mobile Compatible": "The website contains code that allows the page to support IPhone / Mobile Content.",
  "VideoJS": "VideoJS is an HTML5 Video Player, built with Javascript and CSS, with a fallback to a Flash video player for when the browser doesn't support HTML5 video. Owned by Brightcove.",
  "jQuery": "JQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript.",
  "jQuery UI": "jQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.",
  "jQuery Cookie": "A simple, lightweight jQuery plugin for reading, writing and deleting cookies.",
  "jQuery 3.6.0": "jQuery version 3.6.0",
  "Moment JS": "moment.js is a date library for parsing, validating, manipulating, and formatting dates.",
  "core-js": "Modular standard library for JavaScript.",
  "lodash": "Lo-dash is an alternative and a drop-in replacement for Underscore.js.",
  "Mustache": "Logic-less Templates.",
  "Hover Intent": "hoverIntent is a plug-in that attempts to determine the user's intent. It works like (and was derived from) jQuery's built-in hover. However, instead of immediately calling the onMouseOver function, it waits until the user's mouse slows down enough before making the call.",
  "carouFredSel": "jQuery.carouFredSel is a plugin that turns any kind of HTML element into a carousel.",
  "Bluebird": "Full featured promises implementation.",
  "Lazy Load": "LazyLoad is a tiny (only 998 bytes minified and gzipped), dependency-free JavaScript library that makes it super easy to load external JavaScript and CSS files on demand.",
  "Facebook SDK": "JavaScript SDK enables you to access all of the features of the Graph API via JavaScript, and it provides a rich set of client-side functionality for authentication and sharing. It differs from Facebook Connect.",
  "Facebook for Websites": "Allows a user to make a website more sociable and connected with integrations from the hugely popular Facebook website.",
  "Twitter": "The website mentions twitter.com in some form.",
  "Accessibility Statement": "A statement that outlines how a website has been designed to be accessible to people with disabilities.",
  "Google Play Store Link": "Links to a Game/Movie/App/Book on the Google Play Store.",
  "DoubleClick.Net": "DoubleClick enables agencies, marketers and publishers to work together successfully and profit from their digital marketing investments. Owned by Google and now referred to as DoubleClick Digital Marketing or Google Enterprise Advertising.",
  "Freshdesk": "An online help desk software that allows you to support customers over email",
  "SSL by Default": "The website redirects traffic to an HTTPS/SSL version by default.",
  "Amazon SSL": "Amazon supplied SSL certificate",
  "Amazon": "This site is hosted on Amazon AWS EC2 Infrastructure.",
  "Amazon Virginia Region": "Amazon Hosted EC2 Instances in Virginia",
  "Varnish": "Varnish is a web accelerator / reverse proxy caching server.",
  "Varnish 4.x": "Varnish version 4.x",
  "Apache": "Apache has been the most popular web server on the Internet since April 1996.",
  "Apache 2.4": "Apache version 2.4.*",
  "mod_wsgi": "The aim of mod_wsgi is to implement a simple to use Apache module which can host any Python application which supports the Python WSGI interface.",
  "Ubuntu": "Ubuntu is a free, Debian derived Linux-based operating system, available with both community and professional support.",
  "mod_perl": "Embeds a Perl interpreter into the Apache server.",
  "Amazon S3 CDN": "Amazon S3 is storage for the Internet. It is designed to make web-scale computing easier for developers.",
  "Content Delivery Network": "This page contains links that give the impression that some of the site contents are stored on a content delivery network."
}

{
  "whois.pir.org": {
    "Domain Status": [
      "ok https://icann.org/epp#ok"
    ],
    "Name Server": [
      "ns11.constellix.com",
      "ns21.constellix.com",
      "ns31.constellix.com",
      "ns41.constellix.net",
      "ns51.constellix.net",
      "ns61.constellix.net"
    ],
    "Domain Name": "511sc.org",
    "Registry Domain ID": "ba72a2de73b2471da9cfa2da25038d27-LROR",
    "Registrar WHOIS Server": "http://whois.godaddy.com",
    "Registrar URL": "http://www.whois.godaddy.com",
    "Updated Date": "2024-06-07T01:35:36Z",
    "Created Date": "2002-07-18T15:16:33Z",
    "Expiry Date": "2025-07-18T15:16:33Z",
    "Registrar": "GoDaddy.com, LLC",
    "Registrar IANA ID": "146",
    "Registrar Abuse Contact Email": "[email protected]",
    "Registrar Abuse Contact Phone": "+1.4806242505",
    "Registry Registrant ID": "",
    "Registrant Name": "",
    "Registrant Organization": "Domains By Proxy, LLC",
    "Registrant Street": "",
    "Registrant City": "",
    "Registrant State/Province": "Arizona",
    "Registrant Postal Code": "",
    "Registrant Country": "US",
    "Registrant Phone": "",
    "Registrant Phone Ext": "",
    "Registrant Fax": "",
    "Registrant Fax Ext": "",
    "Registrant Email": "Please query the RDDS service of the Registrar of Record identified in this output for information on how to contact the Registrant, Admin, or Tech contact of the queried domain name.",
    "Registry Admin ID": "",
    "Admin Name": "",
    "Admin Organization": "",
    "Admin Street": "",
    "Admin City": "",
    "Admin State/Province": "",
    "Admin Postal Code": "",
    "Admin Country": "",
    "Admin Phone": "",
    "Admin Phone Ext": "",
    "Admin Fax": "",
    "Admin Fax Ext": "",
    "Admin Email": "Please query the RDDS service of the Registrar of Record identified in this output for information on how to contact the Registrant, Admin, or Tech contact of the queried domain name.",
    "Registry Tech ID": "",
    "Tech Name": "",
    "Tech Organization": "",
    "Tech Street": "",
    "Tech City": "",
    "Tech State/Province": "",
    "Tech Postal Code": "",
    "Tech Country": "",
    "Tech Phone": "",
    "Tech Phone Ext": "",
    "Tech Fax": "",
    "Tech Fax Ext": "",
    "Tech Email": "Please query the RDDS service of the Registrar of Record identified in this output for information on how to contact the Registrant, Admin, or Tech contact of the queried domain name.",
    "DNSSEC": "unsigned",
    "URL of the ICANN Whois Inaccuracy Complaint Form": "https://www.icann.org/wicf/",
    ">>> Last update of WHOIS database": "2025-01-31T21:08:59Z <<<",
    "text": [
      "For more information on Whois status codes, please visit https://icann.org/epp",
      "",
      "Terms of Use: Access to Public Interest Registry WHOIS information is provided to assist persons in determining the contents of a domain name registration record in the Public Interest Registry registry database. The data in this record is provided by Public Interest Registry for informational purposes only, and Public Interest Registry does not guarantee its accuracy. This service is intended only for query-based access. You agree that you will use this data only for lawful purposes and that, under no circumstances will you use this data to (a) allow, enable, or otherwise support the transmission by e-mail, telephone, or facsimile of mass unsolicited, commercial advertising or solicitations to entities other than the data recipient's own existing customers; or (b) enable high volume, automated, electronic processes that send queries or data to the systems of Registry Operator, a Registrar, or Identity Digital except as reasonably necessary to register domain names or modify existing registrations. All rights reserved. Public Interest Registry reserves the right to modify these terms at any time. By submitting this query, you agree to abide by this policy.  The Registrar of Record identified in this output may have an RDDS service that can be queried for additional information on how to contact the Registrant, Admin, or Tech contact of the queried domain name."
    ]
  },
  "whois.godaddy.com": {
    "Domain Status": [
      "ok https://icann.org/epp#ok"
    ],
    "Name Server": [
      "NS11.CONSTELLIX.COM",
      "NS21.CONSTELLIX.COM",
      "NS31.CONSTELLIX.COM",
      "NS41.CONSTELLIX.NET",
      "NS51.CONSTELLIX.NET",
      "NS61.CONSTELLIX.NET"
    ],
    "Domain Name": "511SC.ORG",
    "Registry Domain ID": "ba72a2de73b2471da9cfa2da25038d27-LROR",
    "Registrar WHOIS Server": "whois.godaddy.com",
    "Registrar URL": "https://www.godaddy.com",
    "Updated Date": "2023-07-12T13:07:58Z",
    "Created Date": "2002-07-18T15:16:33Z",
    "Expiry Date": "2025-07-18T15:16:33Z",
    "Registrar": "GoDaddy.com, LLC",
    "Registrar IANA ID": "146",
    "Registrar Abuse Contact Email": "[email protected]",
    "Registrar Abuse Contact Phone": "+1.4806242505",
    "Registry Registrant ID": "CR765149069",
    "Registrant Name": "",
    "Registrant Organization": "Domains By Proxy, LLC",
    "Registrant Street": "DomainsByProxy.com 100 S. Mill Ave, Suite 1600",
    "Registrant City": "Tempe",
    "Registrant State/Province": "Arizona",
    "Registrant Postal Code": "85281",
    "Registrant Country": "US",
    "Registrant Phone": "+1.4806242599",
    "Registrant Phone Ext": "",
    "Registrant Fax": "",
    "Registrant Fax Ext": "",
    "Registrant Email": "Select Contact Domain Holder link at https://www.godaddy.com/whois/results.aspx?domain=511SC.ORG",
    "Registry Tech ID": "CR765149068",
    "Tech Name": "",
    "Tech Organization": "Domains By Proxy, LLC",
    "Tech Street": "DomainsByProxy.com 100 S. Mill Ave, Suite 1600",
    "Tech City": "Tempe",
    "Tech State/Province": "Arizona",
    "Tech Postal Code": "85281",
    "Tech Country": "US",
    "Tech Phone": "+1.4806242599",
    "Tech Phone Ext": "",
    "Tech Fax": "",
    "Tech Fax Ext": "",
    "Tech Email": "Select Contact Domain Holder link at https://www.godaddy.com/whois/results.aspx?domain=511SC.ORG",
    "DNSSEC": "unsigned",
    "URL of the ICANN WHOIS Data Problem Reporting System": "http://wdprs.internic.net/",
    ">>> Last update of WHOIS database": "2025-01-31T21:08:59Z <<<",
    "text": [
      "For more information on Whois status codes, please visit https://icann.org/epp",
      "",
      "TERMS OF USE: The data contained in this registrar's Whois database, while believed by the",
      "registrar to be reliable, is provided \"as is\" with no guarantee or warranties regarding its",
      "accuracy. This information is provided for the sole purpose of assisting you in obtaining",
      "information about domain name registration records. Any use of this data for any other purpose",
      "is expressly forbidden without the prior written permission of this registrar. By submitting",
      "an inquiry, you agree to these terms and limitations of warranty. In particular, you agree not",
      "to use this data to allow, enable, or otherwise support the dissemination or collection of this",
      "data, in part or in its entirety, for any purpose, such as transmission by e-mail, telephone,",
      "postal mail, facsimile or other means of mass unsolicited, commercial advertising or solicitations",
      "of any kind, including spam. You further agree not to use this data to enable high volume, automated",
      "or robotic electronic processes designed to collect or compile this data for any purpose, including",
      "mining this data for your own personal or commercial purposes. Failure to comply with these terms",
      "may result in termination of access to the Whois database. These terms may be subject to modification",
      "at any time without notice."
    ]
  }
}

<!DOCTYPE html>
<html lang="en-us">
<!--
Copyright (c) 2001-2021
All Rights Reserved
Iteris, Inc.
www.iteris.com
-->
<head>
	<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5SC56N4');</script>
<!-- End Google Tag Manager -->
<title>511SC</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--<meta http-equiv="Content-Security-Policy" content="default-src 'self'">-->
<link rel="icon" type="image/x-icon" href="/atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/images/favicon.ico" />

<script>
    var app_version = "1.2.6";
</script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" integrity="sha512-aOG0c6nPNzGk+5zjwyJaoRUgCdOrfSDhmMID2u4+OIslr0GjpLKo7Xm0Ao3xmpM4T8AmIouRkqwj1nrdVsLKEQ==" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" />
<link rel="stylesheet" type="text/css" href="/atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/css/bootstrap-custom.css?v=1.2.6">
<link rel="stylesheet" type="text/css" href="/atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/css/dropdown-icons.css?v=1.2.6">
<link rel="stylesheet" type="text/css" href="/atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/css/mapbox-gl-traffic.css?v=1.2.6" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mapbox-gl/1.9.0/mapbox-gl.css" integrity="sha512-xY1TAM00L9X8Su9zNuJ8nBZsGQ8IklX703iq4gWnsw6xCg+McrHXEwbBkNaWFHSqmf6e7BpxD6aJQLKAcsGSdA==" crossorigin="anonymous" />
<!--<link rel="stylesheet" type="text/css" href="/atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/css/mapbox-gl-traffic.css?v=1.2.6" />-->
<link rel="stylesheet" type="text/css" href="/atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/css/camera_popup.css?v=1.2.6" />
<link rel="stylesheet" type="text/css" href="/atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/css/simpleTicker.css?v=1.2.6">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" type="text/css" href="/atis-static.iteriscdn.com/mapbox-gl-directions/v4.1.0/css/mapbox-gl-directions.css?v=1.2.6"/>
<!--<link rel="stylesheet" type="text/css" href="/atis-static.iteriscdn.com/mapbox-gl-traffic/mapbox-gl-traffic.css?v=1.2.6"/>-->
<link rel="stylesheet" type="text/css" href="/atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/css/mapbox_custom.css?v=1.2.6" />
<link rel="stylesheet" type="text/css" href="/atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/css/mapbox-gl-directions_custom.css?v=1.2.6"/>
<link rel="stylesheet" type="text/css" href="/atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/css/mustache_custom.css?v=1.2.6" />
<link rel="stylesheet" type="text/css" href="/atis-static.iteriscdn.com/datatables/bs4/css/datatables.min.css?v=1.2.6"/>
<link rel="stylesheet" type="text/css" href="/atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/css/extras.css?v=1.2.6"/>
<link rel="stylesheet" type="text/css" href="/atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/css/legend_palette.css?v=1.2.6"/>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Turf.js/6.3.0/turf.min.js" integrity="sha512-UNb2hkE/KkMe2ZBw0CWxpenoO0uudaEkJ0PT4cfGxCdL3sRSwaW7XyveNc9ZO0PQEq28FduAv8VvHaAjPbboBw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
<script type="text/javascript" src="/atis-static.iteriscdn.com/WebApps/lazyload/lazyload.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js" integrity="sha512-aUhL2xOCrpLEuGD5f6tgHbLYEXRpYZ8G5yD+WlFrXrPy2IrWBlu6bih5C9H6qGsgqnU6mgx6KtU8TreHpASprw==" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.7.2/bluebird.min.js" integrity="sha512-TFp7JOp8so/oHJrngLI0kn9diZrc0YDr1NrGj1YbzbvSBdGfligjYVRp1xtqlmNCPWpx4xJDhiWSGgUYvqCbBg==" crossorigin="anonymous"></script>
<!--<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mapbox-gl/1.9.0/mapbox-gl.js" integrity="sha512-zGc8oVAIx0XZNo2vXpor52GPDuvVfSqiXpLW5w8ZobWlpHaZ5BBgCnejBRRQWPlcaNQr/9H0gCEwnGIQXbIs4Q==" crossorigin="anonymous"></script>-->
<script type="text/javascript" src="https://api.tiles.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js" ></script>

<script name="directionsScript" type="text/javascript" src="/atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/js/mapbox-gl-directions-custom.js?v=1.2.6"></script>

<script type="text/javascript" src="/atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/js/mapbox-gl-traffic.js?v=1.2.6"></script>
<script type="text/javascript" src="/atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/js/bootstrap_utilities.js?v=1.2.6"></script>
<script type="text/javascript" src="/atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/js/prefs_base.js?v=1.2.6"></script>
<script type="text/javascript" src="/atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/js/simpleTicker.js?v=1.2.6"></script>
<script type="text/javascript" src="/atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/js/initialLoad_0.1.js?v=1.2.6"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" integrity="sha512-uto9mlQzrs59VwILcLiRYeLKPPbS/bT71da/OEBYEwcdNUk8jYIy+D176RYoop1Da+f9mvkYrmj5MCLZWEtQuA==" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js" integrity="sha512-3oappXMVVac3Ge3OndW0WqpGTWx9jjRJA8SXin8RxmPfc8rg87b31FGy14WHG/ZMRISo9pBjezW9y00RYAEONA==" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js" integrity="sha512-qTXRIMyZIFb8iQcfjXWCO8+M5Tbc38Qi5WzdPOYZHIlZpzBHG3L3by84BBBOiRGiEb7KKtAOAs5qYdUiZiQNNQ==" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.33/moment-timezone-with-data.js" integrity="sha512-nwFvp27oDSOkJAXZdkqJDB2FkkI3dXJKSapfBmm+R9YW/4KvT8SAGhyTxmt6Uxfa49rTYODHdjjVjOLSJELfJQ==" crossorigin="anonymous"></script>
<script type="text/javascript" src="/atis-static.iteriscdn.com/datatables/bs4/js/datatables.min.js?v=1.2.6"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/3.0.1/mustache.js" integrity="sha512-G2mGZm2L+MTg7fO7diLOWjQZafnweftiC0LhUj17WIXwFFpaqLcZLg24ED9MNavYbYwEmQKMW3mrRLxD3g8/aw==" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.5.0/proj4.js" integrity="sha512-7zkWM/UYH+ZjF31S8eTidZa2LdszdfLT3o6Qor5+eUZ4u8ZZwoOvzp3knTf6He0nr6gtSbZcnvdQhuBqXjxmgA==" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/x2js/1.2.0/xml2json.min.js" integrity="sha512-HX+/SvM7094YZEKOCtG9EyjRYvK8dKlFhdYAnVCGNxMkA59BZNSZTZrqdDlLXp0O6/NjDb1uKnmutUeuzHb3iQ==" crossorigin="anonymous"></script>
<script type="text/template" src="/templates/map_icon_hover.tmpl?v=1.2.6"></script>
<script type="text/template" src="/templates/report_formatting.tmpl?v=1.2.6"></script>
<script type="text/template" src="/templates/cameras_accordion.tmpl?v=1.2.6"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-R2SK4XE9CT"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-R2SK4XE9CT');
</script>
<!-- Matomo -->
<script>
  var _paq = window._paq = window._paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
  _paq.push(["setCookieDomain", "*.www.511sc.org"]);
  _paq.push(["setDomains", ["*.www.511sc.org"]]);
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  _paq.push(['enableHeartBeatTimer']);
  (function() {
    var u="//matomo.iteris-atis.com/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '2']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<noscript><p><img src="//matomo.iteris-atis.com/matomo.php?idsite=2&amp;rec=1" style="border:0;" alt="" /></p></noscript>
<!-- End Matomo Code -->
<!-- Social Setup -->
  <meta property="og:url"           content="https://www.511sc.org" />
  <meta property="og:type"          content="website" />
  <meta property="og:title"         content="511SC" />
  <meta property="og:image"         content="https://dev-1.iteris-sc511.net/atis-static.iteriscdn.com/WebApps/assets/state_icons/sc_social-share-image.png">
  <meta property="og:description"   content="South Carolina 511 Travel Information" />
  <meta name="twitter:card"         content="summary_large_image">
  <meta name="twitter:site"         content="@SCDOTPress">
  <meta name="twitter:image"        content="https://dev-1.iteris-sc511.net/atis-static.iteriscdn.com/WebApps/assets/state_icons/sc_social-share-image.png">
  <meta name="twitter:image:alt"    content="SCDOT Logo">
<!-- End Social Setup -->


<!-- Freshdesk Setup -->
<script>
  window.fwSettings={
    'widget_id': 70000002576,
  };
  !function(){
    if("function"!=typeof window.FreshworksWidget){
      var n=function(){
        n.q.push(arguments)
      };
      n.q=[],window.FreshworksWidget=n
    }
  }() 
  FreshworksWidget('prefill', 'ticketForm', {
    'group': 70000086529,
    'source': 9,
    'product': 70000000686,
    'subject': "Comment from 511SC",
    'type': "Comment",
    'priority': 1,
    'custom_fields': {
      'cf_organization': "ATIS - South Carolina",
      'cf_product': "511 Website"
    }
  });
  
	FreshworksWidget('hide', 'ticketForm', ['custom_fields.cf_organization', 'custom_fields.cf_product']);
  
  FreshworksWidget('hide');
  FreshworksWidget('hide', 'launcher');
</script>
<script type='text/javascript' src='https://widget.freshworks.com/widgets/70000002576.js' async defer></script>


</head>
<body>
	<!-- Google Tag Manager (noscript) -->
	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5SC56N4"
	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
	<!-- End Google Tag Manager (noscript) -->
	<div id="mainPage" aria-hidden="false">
		<div id="alertModal"></div>
		<div id="extrasViewer" class="viewer ml-auto mr-auto"></div>
		<div id="extrasModal" class="modal"></div>
		<div id="contactusModal" class="modal"></div>
		<div id="contactViewer" style="display: none;"></div>
		<div id="disclaimerViewer" style="display: none;"></div>
		<div id="accessibilityViewer" style="display: none;"></div>
		<div id="faqViewer" style="display: none;"></div>
		<div id="toolsViewer" style="display: none;"></div>
		<div id="privacyViewer" style="display: none;"></div>
		<div id="videoViewer" style="display: none;"></div>
		<div id="tipViewer" style="display: none;">
			<button aria-label="close tip viewer" type="button" class="close" onclick="$('#tipViewer').hide();">
				<i class="fas fa-times"></i>
			</button>
			<div><strong>Green:</strong> Road segments where the average speed of the traffic is around the expected free flow speed, mostly due to a small volume of cars.<br/>
				<strong>Yellow:</strong> Road segments with a higher volume of cars, which would lead to an average speed that is less than the expected free flow speed.<br/>
				<strong>Red:</strong> Road segments with a very high volume of cars that would lead to an average speed closer to stopping and that would reduce the distance between two (2) successive vehicles, which would have the effect of creating a queue.<br/>
				<strong>Black:</strong> Road segments that are blocked, due to temporary issues such as construction sites and accidents.
			</div>
		</div>
		<div id="layers_menu"></div>
		<div id="user_favorite_cameras" class="hidden"></div>
		<div id="user_viewed_alerts" class="hidden"></div>
		<!-- <div id="splashViewer" style="display: none;">
	<div class="splash-dialog">
		<div class="pin-card pin-text-color">
			<div class="card-heading">
				<h4 class="card-title pin-head">Welcome to the new 511sc.org</h4>
				<button type="button" class="close" onclick="$('#splashViewer').hide();">
					<i class="fas fa-times"></i>
				</button>
			</div>
			<hr>
			<div class="pin-card-siding">
				<div>We hope you like the new look and features. We designed it to be modern, lean, and intuitive. 
				All your favorite features, like Reach the Beach, are still here, 
				but now there's also a built-in Trip Planner on the left of the map. 
				Toggle your favorite layers with the icons on the right of the map. 
				List views are available above the map. We also have a new app! 
				Download for <a href="//itunes.apple.com/us/app/511-south-carolina-traffic/id657933886?ls=1&amp;mt=8" target="_blank">iPhone</a> 
				or <a href="//play.google.com/store/apps/details?id=com.iteris.itisc511" target="_blank">Android</a>.</div>
				<br>
				<div>Have feedback? We'd love to hear from you! <span role="button" id="contactLink"></span></div>
			</div>
		</div>
	</div>
</div> -->
		<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
	<a class="navbar-brand" href="//www.scdot.org" target="_blank"><img class="scdot-logo" src="/atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/images/scdot_logo.png" alt="South Carolina DOT" /></a>
	<img class="logosc511" src="/atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/images/511-shadowed.png" alt="511 logo" />
	<button aria-label="navbar toggler" class="navbar-toggler ml-auto mr-2" data-toggle="collapse" data-target="#collapse_target">
		<span class="navbar-toggler-icon"></span>
	</button>
	<div class="collapse navbar-collapse" id="collapse_target">
		<ul class="navbar-nav">
			<li class="nav-item nav-item-padding dropdown" id="maps_browser">
				<a class="nav-link nav-link-padding dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Map Views <b class="caret"></b></a>
				<div id="map-menu" class="dropdown-menu map-menu map-views-menu" aria-labelledby="navbarDropdown">
					<div class="d-sm-flex">
						<div class="col">
						    <a class="dropdown-item" href="#" onclick="mapViewAnalytics(this); quick_jump(31.9170550011489,-83.4509876736264,35.283604372149526,-78.41924939237639); return false;">View Entire State</a>
						    <a class="dropdown-item" href="#" onclick="mapViewAnalytics(this); quick_jump(33.87027482243011,-83.38781628690725,35.27239338157828,-80.84997449003303); return false;">Piedmont Region</a>
						    <a class="dropdown-item" href="#" onclick="mapViewAnalytics(this); quick_jump(33.788137672478896,-82.28094372831669,35.191628453095,-79.74310193144244); return false;">Midlands Region</a>
						    <a class="dropdown-item" href="#" onclick="mapViewAnalytics(this); quick_jump(33.39232456032871,-80.65496716581669,34.8023884926753,-78.11712536894245); return false;">Pee Dee Region</a>
						    <a class="dropdown-item" href="#" onclick="mapViewAnalytics(this); quick_jump(31.9170550011489,-81.8662098415954,33.35103750928967,-79.32836804472117); return false;">Lowcountry Region</a>
						</div>
					</div>
				</div>
			</li>
			<li class="nav-item nav-item-padding dropdown" id="iteris_alert_browser">
				<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Alerts
					<b class="caret"></b>
					<span class="badge"></span>
				</a>
				<div class="dropdown-menu alert-menu scrollable-menu" aria-labelledby="navbarDropdown">
					<div class="alert_pane_content">
						<div class="high_priority alert_container">
							<h6 class="dropdown-header mt-3 text-secondary">HIGH PRIORITY ALERTS</h6>
							<div class="dropdown-divider"></div>
							<div id="high_priority_items"></div>
							<div class="alert-view" id="high_priority_view"></div>
						</div>
					<!--<div class="nws_alert alert_container">
							<h6 class="dropdown-header mt-3 text-secondary">NWS ALERTS</h6>
							<div class="dropdown-divider"></div>
							<div id="nws_alert_items"></div>
							<div class="alert-view" id="nws_alert_view"></div>
						</div>-->
						<div class="general_information alert_container">
							<h6 class="dropdown-header mt-3 text-secondary">GENERAL INFORMATION ALERTS</h6>
							<div class="dropdown-divider"></div>
							<div id="general_information_items"></div>
							<div class="alert-view" id="general_information_view"></div>
						</div>
						<div class="travel_alerts alert_container">
							<h6 class="dropdown-header mt-3 text-secondary">TRAVEL ALERTS</h6>
							<div class="dropdown-divider"></div>
							<div id="travel_alerts_items"></div>
							<div class="alert-view" id="travel_alerts_view"></div>
						</div>
						<div class="other_events alert_container">
							<h6 class="dropdown-header mt-3 text-secondary">OTHER EVENTS</h6>
							<div class="dropdown-divider"></div>
							<div id="other_events_items"></div>
							<div class="alert-view" id="other_events_view"></div>
						</div>
						<div class="thick-divider"></div>
						<div class="misc alert_container">
							<h6 class="dropdown-header mt-3 fa-fw fa-twitter-square text-secondary"> Twitter: By Region</h6>
							<div class="dropdown-divider"></div>
							<a class="dropdown-item col-md-12 ml-1" onclick="messageViewAnalytics(this);" href="https://twitter.com/SCDOTPress" target="_blank">@SCDOTPress</a>
							<a class="dropdown-item col-md-12 ml-1" onclick="messageViewAnalytics(this);" href="https://twitter.com/SCDOTPeeDee" target="_blank">@SCDOTPeeDee</a>
							<a class="dropdown-item col-md-12 ml-1" onclick="messageViewAnalytics(this);" href="https://twitter.com/SCDOTPiedmont" target="_blank">@SCDOTPiedmont</a>
							<a class="dropdown-item col-md-12 ml-1" onclick="messageViewAnalytics(this);" href="https://twitter.com/SCDOTMidlands" target="_blank">@SCDOTMidlands</a>
							<a class="dropdown-item col-md-12 ml-1" onclick="messageViewAnalytics(this);" href="https://twitter.com/SCDOTLowCountry" target="_blank">@SCDOTLowCountry</a>
						</div>
					</div>
				</div>
			</li>
			<li class="nav-item nav-item-padding dropdown" id="events_browser">
				<a class="nav-link nav-link-padding dropdown-toggle" href="#" onclick="$('#events_browser_menu').scrollTop(0);" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Traffic Notices<b class="caret"></b></a>
				<div id="events_browser_menu" class="dropdown-menu container browser_menu events-menu" aria-labelledby="navbarDropdown">
					<div class="menu_liner">
						<div class="dropdown-item">
							<button alt="incidents" id="evt_incident" class="evtSelector" value="incident">Incidents</button>
							<button alt="signs" id="evt_dms" class="evtSelector" value="dms_active">Signs</button>
							<button alt="construction" id="evt_cnstr" class="evtSelector" value="construction">Construction</button>
							<button alt="congestion" id="evt_cong" class="evtSelector" value="congestion">Congestion</button>
							<button alt="weather" id="evt_wthr" class="evtSelector" value="weather">Weather</button>
							<button alt="events" id="evt_events" class="evtSelector" value="events">Events</button>
						</div>
						<div id="driving_alerts_table">
							<div class="dropdown-item control_container form-group hidden-search" id="alert_search_group">
								<div class="dropdown-divider ml-1 mr-1"></div>
								<label for="search_alert_input" class="filter">Search</label>
								<input type="text" class="form-control" id="search_alert_input">
							</div>
							<div id="alerts_table"></div>
						</div>
					</div>
				</div>
			</li>
			<li class="nav-item nav-item-padding dropdown" id="cameras_event_browser">
				<a class="nav-link nav-link-padding dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Cameras<b class="caret"></b></a>
				<div class="dropdown-menu dropdown-menu-right browser_menu camera-menu" aria-labelledby="navbarDropdown">
					<div id="cameras_event_browser_menu">
						<div class="container alert-messaging videowarn">
							<p class="mb-0 ws-normal"> PLEASE NOTE: </p>
							<p class="mb-0 ws-normal">SCDOT DOES NOT RECORD VIDEO FROM ANY TRAFFIC CAMERAS.</p>
							<p class="mb-0 ws-normal">FOOTAGE FROM THE PAST IS NOT AVAILABLE.</p>
						</div>
						<div id="camera_list_table">
							<div class="row">
								<div class="dropdown-item control_container form-group col-md-6" id="camera_search_group">
									<label for="search_camera_input" class="filter">Search</label>
									<div class="input-group">
										<input type="text" class="form-control" placeholder="(i.e. Gaffney, ramp, 277, etc.)" id="search_camera_input">
										<div class="input-group-append">
											<button alt="clear search" id="searchReset" class="btn btn-sm btn-outline-secondary" title="Clear Search"><i class="fas fa-times"></i></button>
										</div>
									</div>
								</div>
								<div class="dropdown-item control_container form-group col-md-6">
									<label for="cam_route" class="filter">Filter by route:</label>
									<div class="input-group">
										<select id="cam_route" class="form-control">
										</select>
									</div>
								</div>
								<div id="cameras_table" class="container">
								No cameras available
								</div>
							</div>
						</div>
					</div>
				</div>
			</li>
			<li class="nav-item nav-item-padding dropdown" id="evac_browser">
				<a class="nav-link nav-link-padding dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Evacuation Resources <b class="caret"></b></a>
				<div id="evac-menu" class="dropdown-menu dropdown-menu-right map-menu scrollable-menu evac-menu" aria-labelledby="navbarDropdown">
					<div class="row no-gutters">
						<a class="dropdown-item evac-route-btn" href="#" >Evacuation Routes</a>
						<a class="dropdown-item" href="https://www.scdot.org/travel/travel-emergencyresponse.aspx" target="_blank">SCDOT Emergency Resources</a>
						<a class="dropdown-item" href="https://www.scemd.org/" target="_blank">SCEMD Evacuation Resources</a>
					</div>
				</div>
			</li>
		<li class="nav-item nav-item-padding dropdown" id="extras_browser">
			<a class="nav-link nav-link-padding dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Extras <b class="caret"></b></a>
			<div id="extras-menu" class="dropdown-menu dropdown-menu-left map-menu scrollable-menu extras-menu extras_links" aria-labelledby="navbarDropdown"></div>
		</li> 
		<li class="nav-item nav-item-padding dropdown" id="more_browser">
			<a class="nav-link nav-link-padding dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">More <b class="caret"></b></a>
			<div id="more-menu" class="dropdown-menu dropdown-menu-left map-menu scrollable-menu more-menu more_links" aria-labelledby="navbarDropdown"></div>
		</li>
			
                <li class="nav-item nav-item-padding dropdown" id="login_browser">
                    
                        <a class="nav-link nav-link-padding dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Login</a>
                        <div id="login_menu" class="dropdown-menu container dropdown-menu-right login-menu scrollable-menu" aria-labelledby="navbarDropdown">
                            <div>
                                <div>
                                    <p class="dropdown-item my-login-link" onclick='return showLogin(event);'>Login to My511SC</p>
                                    <p class="dropdown-item sign-up-link" onclick='return showCreateLogin(event);'>Sign up for My511SC alerts</p>
                                    <div class="dropdown-divider ml-4 mr-2"></div>
                                    <p class="dropdown-item text-secondary ws-normal">Registration for a free account is
                                        optional and we do not share your private information with anyone.
                                        Features include: email and text alerting and ability to save favorite cameras.
                                    </p>
                                </div>
                                <div class="my-login-form" hidden>
                                    <div class="login_form_container">
	<div id='my-login-section' hidden>
        <form method="post" action="/login/?destination=/">
            <fieldset>

                <div class="dropdown-divider ml-4 mr-2"></div>
                <div class="dropdown-item" id="user_email_group">
                    <label for="login_username" class="filter">Email Address</label>
                    <input aria-label="username" type="text" class="form-control" id="login_username" name="username" value="" size="16" maxlength="64">
                </div>
                <div class="dropdown-item" id="user_password_group">
                    <label for="login_password" class="filter">Password</label>
                    <input type="password" class="form-control" id="login_password" name="password" value="" size="16" maxlength="64">
                    <input type="checkbox" id="save_login" name="stay_in" value="1" /><label for="save_login">Stay logged in</label>
                </div>
                <div class="dropdown-item login-buttons" id="user_submit_group">
                    <input type="submit" name="action_login" value="Log In" class="btn btn-sm btn-outline-primary" />
                    <input type="submit" name="action_password" value="Forgot Password" class="btn btn-sm btn-outline-primary forgot-password-buttons" />
                </div>
            </fieldset>
        </form>
	</div>
	<div id='my-signup-section' hidden>
	    <form method="post" action="/login/?destination=/">
	        <fieldset>
                <div class="dropdown-divider ml-4 mr-2"></div>
                <div class="dropdown-item" id="signup_email_group">
                    <label for="username" class="filter">Your Email Address</label>
                    <input aria-label="username" type="text" id="username" name="username" value="" size="16" maxlength="64" onkeyup="check_username();" />
                </div>
                <div class="dropdown-item row login-buttons create-accounts" id="create_account_group">
                    <input type="submit" name="action_create" value="Create Account" onclick="return submit_validate();" class="btn btn-outline-primary col-8"/>&nbsp;
                </div>
	        </fieldset>
	    </form>
	</div>
</div>

                                </div>
                            </div>
                        </div>
                    
                </li>
			

		</ul>
		<div id="google_translate_element" class="translate"></div>
	</div>
</nav>
<div id="map"></div>
<div class="layout-footer bg-dark fixed-bottom d-flex">
	<div class="col col-sm-4 map_logo_time_container text-left">
		<div class="update_time">Map update: <span class="time"></span>
		</div>
	</div>
	<span class="col col-sm-8 copyright text-right ml-auto">&copy;<span id="ccdate">2022</span> Iteris.
		<script language="javascript" type="text/javascript">
		now=new Date;
		theYear=now.getYear();
		theYear<1900?theYear+=1900:theYear;
		document.getElementById('ccdate').innerHTML=theYear;
		</script>
		
			<a class="footlink footer-link" onclick="FreshworksWidget('open');">Contact Us</a> | 
		
		<a class="footlink footer-link" onclick="closeOpenItems(); iteris_static_viewer.subview('/static/privacy.html', 'privacyViewer'); return false;">Privacy Policy</a> |
		<a class="footlink footer-link" onclick="closeOpenItems(); iteris_static_viewer.subview('/static/disclaimer.html', 'disclaimerViewer'); return false;">Disclaimer</a> |
		<a class="footlink footer-link" onclick="closeOpenItems(); iteris_static_viewer.subview('/static/accessibility.html', 'accessibilityViewer'); return false;">Accessibility</a> |
		<a href="//governor.sc.gov/" target="_blank"><img alt="link to sc.gov" src="/atis-static.iteriscdn.com/WebApps/assets/state_icons/SCGOV.png" class="gov_logo"></a>
	</span>
</div>
<script>
$(document).ready(function() {
    var camera_menu_scrolled = false;
    var construction_menu_scrolled = false;
    var alert_menu_scrolled = false;

    $('.camera-menu').on('scroll', function() {
        if(!camera_menu_scrolled) {
            camera_menu_scrolled = true;
            var expansion_area = 10 * $('#cameras_table').children(":first").height(); //used to expand before the end of the scroll bar
            var scrollHeight = $('.camera-menu')[0].scrollHeight;
            var scrollTop = $('.camera-menu').scrollTop();
            var outerHeight = $('.camera-menu').outerHeight();
            var calculated = scrollHeight - scrollTop;
            if(calculated <= (outerHeight + expansion_area)) {
                createCameraTable(true);
            }
            setTimeout(
                function() {
                    camera_menu_scrolled = false;
                },
                50
            );
        }
     });

      $('.events-menu').on('scroll', function() {
        if(!alert_menu_scrolled) {
            alert_menu_scrolled = true;
            var expansion_area = 10 * $('#alerts_table').first().height(); //used to expand before the end of the scroll bar
            var scrollHeight = $('.events-menu')[0].scrollHeight;
            var scrollTop = $('.events-menu').scrollTop();
            var outerHeight = $('.events-menu').outerHeight();
            var calculated = scrollHeight - scrollTop;

            if(calculated <= (outerHeight + expansion_area)) {
                createAlertTable(true);
            }

            setTimeout(
                function() {
                    alert_menu_scrolled = false;
                },
                50
            );
          }
       });
});
</script>
<script type="text/javascript">
// ----- login section -----
showLogin = function(e) {
    if($(".my-login-form").is(":visible")) {
        if($("#my-signup-section").is(":visible")) {
            $("#my-signup-section").attr("hidden",true);
            $("#my-login-section").removeAttr("hidden");
        } else {
            $(".my-login-form").attr("hidden",true);
            $("#my-login-section").attr("hidden",true);
        }
    } else {
        $("#my-signup-section").attr("hidden",true);
        $("#my-login-section").removeAttr("hidden");
        $(".my-login-form").removeAttr("hidden");
    }
};

showCreateLogin = function(e) {
    if($(".my-login-form").is(":visible")) {
        if($("#my-login-section").is(":visible")) {
            $("#my-login-section").attr("hidden",true);
            $("#my-signup-section").removeAttr("hidden");
        } else {
            $(".my-login-form").attr("hidden",true);
            $("#my-signup-section").attr("hidden",true);
        }
    } else {
        $("#my-login-section").attr("hidden",true);
        $("#my-signup-section").removeAttr("hidden");
        $(".my-login-form").removeAttr("hidden");
    }
};

// --- default traffic selection ---
var initialTrafficSelected = function(selection) {
	var selection = "incident";
	var eventMsg;
	$('.load_body').show();
	$('.evtSelector').removeClass('btn-primary');
	$('#evt_incident').addClass('btn-primary');
	event_data = incData;
	eventMsg = "incident data";
	if (event_data.features === undefined || event_data.features.length === 0) {
		$('#alerts_table').html("<p class='pl-4 mb-3'>No " + eventMsg + " at this time</p>");
	} else {
		$('#alerts_table').html("");
		alerts_loaded = 0;
		searchedAlertsList = [];
		createAlertTable();
	}
}

$('#events_browser a.nav-link').on('click', function() {
	initialTrafficSelected('incident');
});
$('a.nav-link').on('click',function() {
	closeOpenItems();
	if ($('#cameraPopup.ui-dialog-content')) {
		console.log("camera window exists");
		$('#cameraPopup').remove();
	}
});

// ----- camera section with new feed -----
$('#searchReset').on('click', function() {
	resetSearchFunction();
	resetCamTable();
});

$('#cameras_event_browser a.nav-link').on('click', function() {
	resetSearchFunction();
});

resetSearchFunction = function() {
	//resetRegions();
	resetRoutes();
	$('#search_camera_input').val("");
	resetSearch();
}

resetCamTable = function() {
	$('.camSelectors').removeClass('selected');
	$('.subfilters').css('display','none');
	$('#cameras_table').html("");
	resetCamLists();
}

resetCamLists = function() {
	cameras_loaded = 0;
	searchedCameraList = [];
	createCameraTable();
}
showCams = function(camID) {
	var camTitle, route, routeArray=[];
	for (i=0;i<allCams.length;i++) {
		if (allCams[i].properties.deviceid.toString() === camID.toString()) {
			camTitle = allCams[i].properties.description;
			route = allCams[i].properties.route;
			break;
		}
	}
	// narrow down array to only show the route that was clicked on.
	for (var i = 0; i < camArray.length; i++) {
		if (allCams[i].properties.route === route) {
			routeArray.push(allCams[i]);
		}
	}
	show_cameras_by_id(routeArray, camTitle, camID.toString(), route);
};

$('li#cameras_event_browser.nav-item.dropdown').on('show.bs.dropdown', function(){
	resetCamTable();
});

var searchVals = function(val) {
	if (!searchTerms.includes(val)) {
		searchTerms.push(val);
	}
	searchTable();
}

var resetSearch = function() {
		searchTerms=[];
};

$('#cam_route').change(function(e) {
	var search = e.target[e.target.selectedIndex].value;
	$('#search_camera_input').val(search);
	if(search !== null && (search.length > 1 || search.length === 0)) {
		$('#cameras_table').html("");
		resetCamLists();
	}
});

$('.camSelectors').on('click', button, function(e) {
	resetSearch();
	currentCCTVFeatures = allCams;
	if ($('#'+e.target.id).hasClass('btn-primary')) {
		$('#'+e.target.id).removeClass('btn-primary');
		for( var i = 0; i < cameraFilters.length; i++){
			if ( cameraFilters[i] === e.target.id) {
				cameraFilters.splice(i, 1);
			}
		}
	} else {
		$('#'+e.target.id).addClass('btn-primary');
		cameraFilters.push(e.target.id);
	}
	resetCamArray();
	$('#camera_table').html("");
    cameras_loaded = 0;
    searchedCameraList = [];
	createCameraTable();
	for (var i = 0; i < $('.camFilters').length; i++) {
		if ($('.camFilters')[i].classList.contains('btn-primary')) {
			performSecondarySearch($('.camFilters')[i].innerText);
		}
	}

});

var updateSearch = function(val) {
	for( var i = 0; i < searchTerms.length; i++){
		if ( searchTerms[i] === val) {
			searchTerms.splice(i, 1);
		}
	}
}

$('.subfilters').change(function() {
	var tmpArray = [], mycnty = this.value;
	resetCamArray();
	this.value = mycnty;
	$.each(currentCCTVFeatures, function(k,v) {
		if (v.properties.county === mycnty) {
			tmpArray.push(v);
		}
	});
	searchObj.county = mycnty;
	currentCCTVFeatures = tmpArray;
	$('#cameras_table').html("");
    cameras_loaded = 0;
    searchedCameraList = [];
	createCameraTable();
	searchTable();
});

var searchTable = function() {
	if (searchTerms.length > 0) {
		var table = $('#camera_table').DataTable();
		var newSearch = searchTerms.join(" ");
		table.search(newSearch).draw();
		$('#camera_table_filter label input').focus();
	}
};

$('.camFilters').on('click', function () {  //filter by interstate or local roads
	if ($(this).hasClass('btn-primary')) {
		$('.camFilters').removeClass('btn-primary');
		resetCamArray();
		$('#cameras_table').html("");
		resetSearchFunction();
		searchTable();
	} else {
		$('.camFilters').removeClass('btn-primary');
		$(this).addClass('btn-primary');
		resetCamArray();
		performSecondarySearch(this.innerText);
	}
});

/*
	function placeholderText() {
		setTimeout(function() {
			console.log("add placeholder text to description field in Freshworks Widget");
		},2000);
	}
*/

var performSecondarySearch = function(val) {
	var filter = val;
	var tmpCamArray = [];
	for (var i = 0; i < currentCCTVFeatures.length; i++) {
		if (currentCCTVFeatures[i].properties.road_type && currentCCTVFeatures[i].properties.road_type === filter) {
			tmpCamArray.push(currentCCTVFeatures[i]);
		}
	}
	currentCCTVFeatures = tmpCamArray;
	$('#cameras_table').html("");
    cameras_loaded = 0;
    searchedCameraList = [];
	createCameraTable();
	searchTable();
}

	var updateEvents = function() {
		eventData.features=[]; // reset eventData
		for (var feature in otherData.features) {
			eventData.features.push(otherData.features[feature])
		}
		for (var feature in specData.features) {
			eventData.features.push(specData.features[feature])
		}
		return eventData;
	};

	$('.evtSelector').on('click', button, function(e) {
		var eventMsg;
		eventData = updateEvents();
		$('.load_body').show();
		$('.evtSelector').removeClass('btn-primary');
		$('#'+e.target.id).addClass('btn-primary');

		switch(e.target.value) {
			case "incident":
				event_data = incData;
				eventMsg = "incident data";
				break;
			case "dms_active":
				event_data = dmsData;
				eventMsg = "sign data";
				break;
			case "construction":
				event_data = aconData;
				eventMsg = "construction data";
				break;
			case "congestion":
				event_data = congData;
				eventMsg = "congestion data";
				break;
			case "weather":
				event_data = wthrData;
				eventMsg = "weather data";
				break;
			case "events":
			    eventData.features = specData.features.concat(otherData.features);
				event_data = eventData;
				eventMsg = "event data";
				break;
			default:
				break;
		}

		if (event_data.features === undefined || event_data.features.length === 0) {
			$('#alerts_table').html("<p class='pl-4 mb-3'>No " + eventMsg + " at this time</p>");
		} else {
			$('#alerts_table').html("");
			alerts_loaded = 0;
			searchedAlertsList = [];
			createAlertTable();
		}
	});

	$('#extras-menu a.static_content_link').on('click', function(event) {
		event.preventDefault();
		iteris_static_viewer.subview(this);
	});
	$('#evac_browser a.evac-route-btn').on('click', function(event) {
		//console.log("toggle evac layer (clicked : ", this," )");
		$('#cbx_evac').click();
	});
	$('.layout-footer').on('click.iteris_static_content', 'a.static_content_link', function(event) {
		event.preventDefault();
		iteris_static_content_viewer.view(this);
	});

	iteris_static_viewer = {
		subview: function(url, viewer) {
			$.get(url, function(markup) {
				$("#"+viewer).empty();
				$("#"+viewer).html(markup);
				$("#"+viewer).show();
			});
			if (viewer == "contactViewer") {
				$('.launcher-button').css('display','block');
			}
		}
	};

	iteris_static_content_viewer = {
		view: function(element) {
			var url    = $(element).attr('href');
			var header = $(element).text();
			$.get(url, function(markup) {
				$('#static_content_viewer').remove(); // get rid of the old one, if it exists
				var $popupDiv = $('<div/>', {id: 'static_content_viewer'}).css({display: 'none'}).appendTo('body');
				$popupDiv.html(markup);
				$popupDiv.dialog({
					title: header,
					height: $('#map').height() - 20,
					width: 740,
					modal: true,
					close: function() {
						$popupDiv.remove();
					}
				});
				$('#extras-menu.extras-menu').removeClass('show');
				$('.navbar-collapse.collapse').removeClass('show');
				$('#static_content_viewer').scrollTop(0);
			});
		},

		subview: function(url, header) {
			$.get(url, function(markup) {
				var $popupDiv = $('<div/>').css({display: 'none'}).appendTo('body');
				$popupDiv.html(markup);
				$popupDiv.dialog({
					title: header,
					height: $('#map').height() - 20,
					width: 740,
					modal: true,
					close: function() {
						$popupDiv.remove();
					}
				});
				$popupDiv.scrollTop(0);
			});
		}
	};

	$(document).delegate("a.alert-message [data-keepOpenOnClick]", "click", function(e) {
		e.stopPropagation();
	});
	$('button.navbar-toggler').on('click', function() {
		closeOpenItems();
	});
	// hide the menu after clicking on the map view links
	$('.navbar .nav-item div a').on('click', function(e) {
		$('.navbar .nav-item div').removeClass('show');
	});
	// clear out alert views
	$("#iteris_alert_browser a.nav-link").on("click", function() {
		$('.alert-view').empty();
	});
 	// close collapse menu on child click
	$('#maps_browser .dropdown-menu').children().on('click', function() {
		if ($('#collapse_target').hasClass('show')) {$('button.navbar-toggler.ml-auto').click()}
	});
	$('.navbar .nav-item .alert-menu .alert_pane_content .alert_container div a.alert-message').on('click', function(e) {
		e.stopPropagation();
		$(".navbar .nav-item .alert-menu").show()
	});
	$('#cameras_table').children().on('click', function() {
		if ($('#collapse_target').hasClass('show')) {$('button.navbar-toggler.ml-auto').click()}
	});
	$('#evac_browser .dropdown-menu').children().on('click', function() {
		if ($('#collapse_target').hasClass('show')) {$('button.navbar-toggler.ml-auto').click()}
	});
	$('#extras_browser').on('click', function() {
		updateSiteLinks(siteLinks);
	});
	$('#more_browser').on('click', function() {
		updateSiteLinks(siteLinks);
	});
	$('#more_browser .dropdown-menu').children().on('click', function() {
		if ($('#collapse_target').hasClass('show')) {$('button.navbar-toggler.ml-auto').click()}
	});

var resetCamMenu = function() {
	$('div.camera-menu').removeClass('show');
	$('div.camMenu').empty();
	searchObj = {};
}

</script>

		<div id="mapControls" class="container-fluid">
	<div class="row">
		<div class="ml-auto card">
			<div class="btn-group btn-group-lg">
				<button class="btn btn-dark mapboxgl-ctrl-icon fas fa-search-plus pmctrl zoomin" type="button" title="Zoom In" aria-label="Zoom in"></button>
			</div>
			<hr class="transparent-divider">
			<div class="btn-group btn-group-lg">
				<button class="btn btn-dark mapboxgl-ctrl-icon fas fa-search-minus pmctrl zoomout" type="button" title="Zoom Out" aria-label="Zoom out"></button>
			</div>
			<hr class="transparent-divider zoom-divider">
			<div class="btn-group btn-group-lg">
				<div class="dropdown dropleft">
					<button class="btn btn-dark dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
						<i class="fa fa-fw fa-layer-group"></i><span class="sr-only">MAP OVERLAYS</span>
					</button>
					<div class="dropdown-menu layers" aria-labelledby="dropdownMenuButton">
						<h6 class="dropdown-header">MAP OVERLAYS</h6>
						<div class="dropdown-divider"></div>
						<div class="form-check  d-flex align-items-center dropdown-item">
							<label class="form-check-label" for="cbx_trfc">
								<span class="mr-2"> Traffic Speeds</span>
							</label>
							<input class="ml-auto" type="checkbox" value="" name="traffic" id="cbx_trfc">
						</div>
						<div id="trfcDiv" class="dropdown-item trfc legend">
							<img src="atis-static.iteriscdn.com/WebApps/assets/shared_images/HERE_traffic_legend.svg" alt="Precipitation Legend" id="trafficLegend"/>
    						<button aria-label="open tip viewer" id="trfcTip" data-bs-toggle="modal" data-bs-target="#tipViewer"></button>
						</div>
						<div class="form-check d-flex align-items-center dropdown-item">
							<label class="form-check-label" for="cbx_evac">
								<span class="mr-2"> Evacuation Routes</span>
							</label>
							<input class="ml-auto" type="checkbox" value="" name="evac" id="cbx_evac">
						</div>
						<div class="form-check d-flex align-items-center dropdown-item">
							<label class="form-check-label" for="cbx_radar">
								<span class="mr-2"> Precipitation </span>
							</label>
							<input class="ml-auto" type="checkbox" value="" name="precipitation" id="cbx_radar">
						</div>
						<div id="radarDiv" class="dropdown-item radar legend">
							<img src="atis-static.iteriscdn.com/WebApps/assets/shared_images/precip_legend.svg" alt="Precipitation Legend">
						</div>
						<div class="form-check d-flex align-items-center dropdown-item dir-legend">
							<label class="form-check-label dir-legend" for="cbx_driv">
								<span class="mr-2 dir-legend"> Directions</span>
							</label>
							<input class="ml-auto dir-legend" type="checkbox" value="" name="directions" id="cbx_driv">
						</div>
						<div class="form-check d-flex align-items-center dropdown-item">
							<label class="form-check-label" for="cbx_stlt">
								<span class="mr-2"> Satellite View</span>
							</label>
							<input class="ml-auto" type="checkbox" value="" name="satellite" id="cbx_stlt">
						</div>
					</div>
				</div>
			</div>
			<hr class="transparent-divider">
			<div class="btn-group btn-group-lg">
				<div class="dropdown dropleft">
					<button class="btn btn-dark dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
						<i class="fa fa-fw fa-exclamation-triangle"></i><span class="sr-only">DRIVING ALERTS</span>
					</button>
					<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
						<h6 class="dropdown-header">DRIVING ALERTS</h6>
						<div class="dropdown-divider"></div>
						<div class="form-check d-flex align-items-center dropdown-item">
							<label class="form-check-label" for="cbx_incd">
								<img src="atis-static.iteriscdn.com/WebApps/assets/icons/mappin_hpincident_c.svg" alt="Incidents" class="rounded"><span class="mr-2"> Incidents</span>
							</label>
							<input class="ml-auto mr-4" type="checkbox" value="" id="cbx_incd">
						</div>
						<div class="form-check d-flex align-items-center dropdown-item">
							<label class="form-check-label" for="cbx_acon">
								<img src="atis-static.iteriscdn.com/WebApps/assets/icons/mappin_roadwork_c.svg" alt="Construction" class="rounded"><span class="mr-2"> Construction</span>
							</label>
							<input class="ml-auto mr-4" type="checkbox" value="" id="cbx_acon">
						</div>
						<div class="form-check d-flex align-items-center dropdown-item">
							<label class="form-check-label" for="cbx_cong">
								<img src="atis-static.iteriscdn.com/WebApps/assets/icons/mappin_congestion_c.svg" alt="Congestion" class="rounded"><span class="mr-2"> Congestion</span>
							</label>
							<input class="ml-auto mr-4" type="checkbox" value="" id="cbx_cong">
						</div>
						<div class="form-check d-flex align-items-center dropdown-item">
							<label class="form-check-label" for="cbx_wthr">
								<img src="atis-static.iteriscdn.com/WebApps/assets/icons/mappin_weather_closure_c.svg" alt="Weather" class="rounded"><span class="mr-2"> Weather</span>
							</label>
							<input class="ml-auto mr-4" type="checkbox" value="" id="cbx_wthr">
						</div>
						<div class="form-check d-flex align-items-center dropdown-item">
							<label class="form-check-label" for="cbx_other">
								<img src="atis-static.iteriscdn.com/WebApps/assets/icons/icn_special_event.svg" alt="Other Events" class="rounded">
								<span class="mr-2"> Other Events</span>
							</label>
							<input class="ml-auto mr-4" type="checkbox" value="" id="cbx_other">
						</div>
						<div class="form-check waze d-flex align-items-center dropdown-item">
							<label class="form-check-label" for="cbx_wacc">
								 <img src="atis-static.iteriscdn.com/WebApps/assets/icons/mappin_waze_accident_lrg.svg" alt="Crashes - Waze" class="rounded"><span class="mr-2"> Crashes - Waze</span>
							</label>
							<input class="ml-auto mr-4" type="checkbox" value="" id="cbx_wacc">
						</div>
						<div class="form-check waze d-flex align-items-center dropdown-item">
							<label class="form-check-label" for="cbx_wtrf">
								 <img src="atis-static.iteriscdn.com/WebApps/assets/icons/mappin_waze_traffic_lrg.svg" alt="Congestion - Waze" class="rounded"><span class="mr-2"> Congestion - Waze</span>
							</label>
							<input class="ml-auto mr-4" type="checkbox" value="" id="cbx_wtrf">
						</div>
						<div class="form-check waze d-flex align-items-center dropdown-item">
							<label class="form-check-label" for="cbx_whaz">
								<img src="atis-static.iteriscdn.com/WebApps/assets/icons/mappin_waze_hazard_lrg.svg" alt="Hazards - Waze" class="rounded"><span class="mr-2"> Hazards - Waze</span>
							</label>
							<input class="ml-auto mr-4" type="checkbox" value="" id="cbx_whaz">
						</div>
					</div>
				</div>
			</div>
			<hr class="transparent-divider">
			<div class="btn-group btn-group-lg">
				<div class="dropdown dropleft">
					<button class="btn btn-dark dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
						<i class="fa fa-fw fa-info-circle"></i><span class="sr-only">TRAVELER INFORMATION</span>
					</button>
					<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
						<h6 class="dropdown-header">TRAVELER INFORMATION</h6>
						<div class="dropdown-divider"></div>
						<div class="form-check d-flex align-items-center dropdown-item">
							<label class="form-check-label" for="cbx_dmsg">
								<img src="atis-static.iteriscdn.com/WebApps/assets/icons/messageSign_CardLarge.svg" alt="Message Signs" class="rounded">
								<span class="mr-2"> Message Signs</span>
							</label>
							<input class="ml-auto mr-4" type="checkbox" value="" id="cbx_dmsg">
						</div>
						<div class="form-check d-flex align-items-center dropdown-item">
							<label class="form-check-label" for="cbx_cams">
								<img src="atis-static.iteriscdn.com/WebApps/assets/icons/mappin_camera_c.svg" alt="Traffic Cameras" class="rounded"><span class="mr-2"> Traffic Cameras</span>
							</label>
							<input class="ml-auto mr-4" type="checkbox" value="" id="cbx_cams">
						</div>
						<div class="form-check d-flex align-items-center dropdown-item">
								<label class="form-check-label" for="cbx_rest">
									 <img src="atis-static.iteriscdn.com/WebApps/assets/icons/icn_card_restarea.svg" alt="Rest Areas" class="rounded"><span class="mr-2"> Rest Areas</span>
								</label>
								<input class="ml-auto mr-4" type="checkbox" value="" id="cbx_rest">
						</div>
						<div class="form-check d-flex align-items-center dropdown-item">
								<label class="form-check-label" for="cbx_spec">
									 <img src="atis-static.iteriscdn.com/WebApps/assets/icons/mappin_general_info.svg" alt="Special Events" class="rounded"><span class="mr-2"> Special Events</span>
								</label>
								<input class="ml-auto mr-4" type="checkbox" value="" id="cbx_spec">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script>
	// Bootstrap - prevent dropdown close when checkbox selected
	$("document").ready(function() {
		$('.dropdown-menu').on('click', function(e) {
			if($(this).hasClass('show')) {
				e.stopPropagation();
				if($(this).hasClass('alert-menu')){
				//	$(this).removeClass('show');
				}
			}
		});
	});
</script>

		<script type="mustache/x-tmpl" id="clusterViewer">
	<div class="container pin-content clusterViewer">
				{{#item}}{{{item}}}{{/item}}
				{{#nearest}}<div>{{{nearest}}}</div>{{/nearest}}
			<a class="carousel-control-prev left-pin-carat" data-target="#featureCarousel" role="button" data-slide="prev">
				<span class="carousel-control-prev-icon" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="carousel-control-next right-pin-carat" data-target="#featureCarousel" role="button" data-slide="next">
				<span class="carousel-control-next-icon" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
	</div>
</script>
<script type="mustache/x-tmpl" id="pinCarousel">
	<div class="container pin-content pinCarousel">
		<div id="pin-carousel" class="carousel" data-ride="carousel" data-interval="false">
			<ol class="carousel-indicators" id="pin-indicators"></ol>
			<div class="carousel-inner pin-carousel-item">
				{{#cards}}
					<div class="carousel-item">
						<div class="card pin-card pin-text-color cluster-padding" id="card-popup">
							<div class="pin-card-padding pin-card-siding" id="pinTop">
								<div class="row">
									{{#pinImage}}
									<div class="col-2 col-sm-2 col-md-2 pin-icon">
										<img id="stasheIcon" src="{{pinImage}}" class="card-img" alt="...">
									</div>
									{{/pinImage}}
									<div class="col-10 col-sm-10 col-md-10">
										<div class="card-body pin-body-padding">
											<h6 class="card-title pin-head text-nowrap mb-0">
												{{#headline}}{{headline}}{{/headline}}{{^headline}}{{name}}{{/headline}}
											</h6>
											{{#location}}
											<p class="card-text pin-body">{{location}}</p>
											{{/location}}
											{{#description}}
											<div class="card-text pin-body">{{description}}</div>
											{{/description}}
											{{#reported}}
											<p class="card-text pin-text-color">{{reported}}</p>
											{{/reported}}
										</div>
									</div>
								</div>
							</div>
							<hr/>
							<div class="pin-card-siding" id="pinBottom">
								{{#report}}
									<p class="card-text pin-bottom">{{{report}}}{{/report}}{{^report}}{{properties}}</p>
								{{/report}}
							</div>
							{{#followup}}
							<hr/>
							<div class="pin-card-siding" id="pinBottom">
								<p class="card-text pin-bottom">{{{followup}}}{{/followup}}{{^followup}}{{properties}}</p>
							</div>
							{{/followup}}
						</div>
					</div>
				{{/cards}}
			</div>
			<a class="carousel-control-prev left-pin-carat" data-target="#pin-carousel" role="button" data-slide="prev">
				<span class="carousel-control-prev-icon" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="carousel-control-next right-pin-carat" data-target="#pin-carousel" role="button" data-slide="next">
				<span class="carousel-control-next-icon" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>
	</div>
</script>
<script type="mustache/x-tmpl" id="iconViewer">
	<div class="container pin-content iconViewer">
		<div class="card pin-card pin-text-color" id="card-popup">
			<div class="card-heading row mb-2" id="pinTop">
				{{#pinImage}}<div class="col-2 col-sm-2 col-md-2 pin-icon">
					<img id="stasheIcon" src="{{pinImage}}" class="card-img" alt="{{alt}}">
				</div>{{/pinImage}}
				<div class="col-10 col-sm-10 col-md-10">
					{{#headline}}<span class="card-title text-white" role="heading" aria-level="2">{{headline}}</span>{{/headline}}
					{{#route}}<div class="card-text text-light">{{route}}</div>{{/route}}
					{{#updateTime}}<div class="card-text text-light">{{updateTime}}</div>{{/updateTime}}
				</div>
				{{#twitterShare}}<div class="ml-auto social">
					{{{twitterShare}}}
					{{#facebookShare}}{{{facebookShare}}}{{/facebookShare}}
					{{#emailShare}}{{{emailShare}}}{{/emailShare}}
				</div>{{/twitterShare}}
			</div>
			<hr/>
			<div class="card-body" id="pinBody">
				{{#location}}<p>{{{location}}}</p>{{/location}}
				{{#comment}}<p>{{comment}}</p>{{/comment}}
				{{#report}}<p>{{{report}}}</p>{{/report}}
				{{#url}}<p><a href="{{{url}}}" target="_blank">{{{url}}}</p>{{/url}}
				{{#nearest}}
				    <div class="pin-nearest">{{{nearest}}}</div>
				{{/nearest}}
			</div>
		</div>
	</div>
</script>
<script type="mustache/x-tmpl" id="dmsViewer">
	<div class="container pin-content">
		<div class="card pin-card pin-text-color" id="card-popup">
			<div class="card-heading" id="pinTop">
				<div class="row m-0 p-0">
					{{#pinImage}}<div class="col-2 col-sm-2 col-md-2 pin-icon">
						<img id="stasheIcon" src="{{pinImage}}" class="card-img" alt="{{alt}}">
					</div>{{/pinImage}}
					<div class="col-10 col-sm-10 col-md-10">
						<div class="card-body pin-body-padding">
							{{#headline}}<h6 class="card-title pin-head mb-0">{{headline}}</h6>{{/headline}}
							{{#reported}}<div class="card-text pin-bottom">{{{reported}}}</div>{{/reported}}
						</div>
					</div>
				</div>
			</div>
			<hr/>
			<div class="pin-card-siding" id="pinBody">
				<div class="row m-0 p-0">
					{{#report}}
					<div class="card-text pin-body">{{{report}}}</div>
					{{/report}}
				</div>
			</div>
			{{#followup}}
				<hr>
				<div class="pin-card-siding" id="pinBottom">
					<div class="bg-dark text-center">
						{{{followup}}}
					</div>
				</div>
			{{/followup}}
		</div>
	</div>
</script>
<script type="mustache/x-tmpl" id="wazeViewer">
	<div class="container pin-content wazeViewer">
		<div class="card pin-card pin-text-color" id="card-popup">
			<div class="card-heading" id="pinTop">
				<div class="row m-0 p-0">
					{{#pinImage}}<div class="col-2 col-sm-2 col-md-2 pin-icon">
						<img id="stasheIcon" src="{{pinImage}}" class="card-img" alt="{{alt}}">
					</div>{{/pinImage}}
					<div class="col-10 col-sm-10 col-md-10">
						<div class="card-body pin-body-padding">
							{{#headline}}
							<h6 class="card-title pin-head mb-0">{{headline}}</h6>
							{{/headline}}
							{{#route}}
							<div class="card-text pin-bottom">{{route}}</div>
							{{/route}}
						</div>
					</div>
				</div>
			</div>
			<hr/>
			<div class="pin-card-siding" id="pinBody">
				{{#report}}<div class="card-text pin-body">{{report}}</div>{{/report}}
				{{#updated}}<div class="card-text pin-body">{{updated}}</div>{{/updated}}
			</div>
		</div>
	</div>
</script>
<script type="mustache/x-tmpl" id="pinViewer">
	<div class="container pin-content pinViewer">
		<div class="card pin-card pin-text-color" id="card-popup">
			<div class="pin-card-padding pin-card-siding" id="pinTop">
				<div class="row">
					{{#pinImage}}<div class="col-2 col-sm-2 col-md-2 pin-icon"><img id="stasheIcon" src="{{pinImage}}" class="card-img" alt="..."></div>{{/pinImage}}
					<div class="col-10 col-sm-10 col-md-10">
						<div class="card-body pin-body-padding">
							<h6 class="card-title pin-head text-nowrap mb-0">{{#headline}}{{headline}}{{/headline}}{{^headline}}{{name}}{{/headline}}</h6>
							{{#location}}<p class="card-text pin-body">{{location}}</p>{{/location}}
							{{#description}}<div class="card-text pin-body">{{description}}</div>{{/description}}
							{{#reported}}<p class="card-text pin-text-color">{{reported}}</p>{{/reported}}
						</div>
					</div>
				</div>
			</div>
			<hr/>
			<div class="pin-card-siding" id="pinBody">
				{{#desc}}
				<h6 class="card-text pin-body">{{{fac}}}</h6>
				<div>{{{desc}}}</div>
				{{/desc}}
				<div class="card-text pin-body">{{#report}}{{{report}}}{{/report}}{{^report}}{{properties}}{{/report}}</div>
			</div>
			{{#amenities}}
			<hr/>
			<div class="pin-card-siding" id="pinBottom">
				<p class="card-text pin-bottom">{{{amenities}}}</p>
			</div>
			{{/amenities}}
			{{#followup}}
			<hr/>
			<div class="pin-card-siding" id="pinBottom">
				<p class="card-text pin-bottom">{{{followup}}}{{/followup}}{{^followup}}{{properties}}</p>
			</div>
			{{/followup}}
		</div>
	</div>
</script>
<script type="mustache/x-tmpl" id="restViewer">
	<div class="container pin-content restViewer">
		<div class="card pin-card pin-text-color" id="card-popup">
			<div class="card-heading row" id="pinTop">
				{{#pinImage}}<div class="col-2 col-sm-2 col-md-2 pin-icon">
					<img id="stasheIcon" src="{{pinImage}}" class="card-img" alt="{{alt}}">
				</div>{{/pinImage}}
				<div class="col-10 col-sm-10 col-md-10">
					{{#headline}}<h6 class="card-title text-white">{{headline}}</h6>{{/headline}}
					{{#location}}<div class="card-text text-light">{{location}}</div>{{/location}}
				</div>
			</div>
			<hr/>
			<div class="card-body" id="pinBody">
				{{#message}}<p>{{{message}}}</p>{{/message}}
				{{#description}}<p>{{{description}}}</p>{{/description}}
				{{#report}}<p>{{{report}}}</p>{{/report}}
			</div>
			{{#amenities}}<hr>{{/amenities}}{{^amenities}}{{#url}}<hr>{{/url}}{{/amenities}}
			{{#amenities}}
			<div class="card-bottom" id="amenityBottom">
				<p class="card-text pin-bottom">{{{amenities}}}</p>
			</div>
			{{/amenities}}
			{{#url}}
			<div class="card-bottom" id="urlBottom">
				<div class="text-center pin-bottom"><a href="{{{url}}}" target="_blank">{{{url}}}</a></div>
			</div>
			{{/url}}
		</div>
	</div>
</script>
<script type="mustache/x-tmpl" id="poeViewer">
	<div class="container p-0 poeViewer">
		<div class="card pin-card pin-text-color" id="card-popup">
			<div class="card-heading" id="pinTop">
				<div class="row m-0 p-0">
					<div class="col-2 col-sm-2 col-md-2 pin-icon">
						{{#pinImage}}
						<img id="stasheIcon" src="{{pinImage}}" class="card-img" alt="{{alt}}">
						{{/pinImage}}
					</div>
					<div class="col-10 col-sm-10 col-md-10">
						<div class="card-body pin-body-padding">
							{{#headline}}<h6 class="card-title pin-head mb-0">{{headline}}</h6>{{/headline}}
						</div>
						{{#address}}
							<p class="mb-0 pl-0">{{address}}</p>
						{{/address}}
						{{#address2}}
							<p class="mb-0 pl-0">{{address2}}</p>
						{{/address2}}
					</div>
				</div>
			</div>
			<hr/>
			<div class="pin-card-siding" id="pinBody">
				{{#status}}
				<p class="mb-0 pl-0 font-weight-bold {{status}}">{{status}}</p>
				{{/status}}
				{{#infoHours}}
				<p class="mb-0 pl-0">{{infoHours}}</p>
				{{/infoHours}}
				{{#infoDays}}
				<p class="mb-0 pl-0">{{infoDays}}</p>
				{{/infoDays}}
			</div>
			{{#url}}
			<div class="text-center mb-1" id="pinBottom">
				<img src="{{cbp_icon}}" alt="cpb_icon"/><a href="{{url}}" target="_blank"> Visit CBP Website for Port Information</a>
			</div>
			{{/url}}
		</div>
	</div>
</script>
<script type="mustache/x-tmpl" id="dmsViewer">
	<div class="container pin-content dmsViewer">
		<div class="card pin-card pin-text-color" id="card-popup">
			<div class="card-heading" id="pinTop">
				<div class="row m-0 p-0">
					{{#pinImage}}<div class="col-2 col-sm-2 col-md-2 pin-icon">
						<img id="stasheIcon" src="{{pinImage}}" class="card-img" alt="{{alt}}">
					</div>{{/pinImage}}
					<div class="col-10 col-sm-10 col-md-10">
						<div class="card-body pin-body-padding">
							{{#headline}}<h6 class="card-title pin-head">{{headline}}</h6>{{/headline}}
							{{#reported}}<div class="card-text pin-bottom">{{{reported}}}</div>{{/reported}}
						</div>
					</div>
				</div>
			</div>
			<hr/>
			<div class="pin-card-siding" id="pinBody">
				<div class="row m-0 p-0">
					{{#report}}
						<div class="card-text pin-body">{{{report}}}</div>
					{{/report}}
				</div>
			</div>
			{{#followup}}
				<hr>
				<div class="pin-card-siding" id="pinBottom">
					<div class="bg-dark text-center">
						{{{followup}}}
					</div>
				</div>
			{{/followup}}
		</div>
	</div>
</script>
<script type="mustache/x-tmpl" id="plowViewer">
	<div class="container p-0 plowViewer">
		<div class="card pin-card pin-text-color" id="card-popup">
			<div class="p-0 m-0" id="pinTop">
				<div class="row m-0 p-0">
					{{#pinImage}}<div class="col-2 col-sm-2 col-md-2 pin-icon">
					<img id="stasheIcon" src="{{pinImage}}" class="rwis-img m-1" alt="rwis icon">
					</div>{{/pinImage}}
					<div class="col-10 col-sm-10 col-md-10">
						<div class="card-body pin-body-padding">
							{{#plowId}}<h6 class="card-title pin-head mb-0"> MDT Plows {{plowId}}</h6>{{/plowId}}
						</div>
					</div>
				</div>
				{{#imageTime}}<div class="text-center font-weight-bold">{{imageTime}}</div>{{/imageTime}}
			</div>
			<hr/>
			<div class="pin-card-siding" id="pinBody">
				{{#airT}}<p class="mb-0">Air Temperature: {{airT}} &#176;F</p>{{/airT}}
				{{#surfaceT}}<p class="mb-0">Surface Temperature: {{surfaceT}} &#176;F</p>{{/surfaceT}}
			</div>
			<hr/>
			{{#camImage}}
			<div id="pinBottom">
				<img class="viewer" src="{{camImage}}" />
			</div>
			{{/camImage}}
		</div>
	</div>
</script>
<script type="mustache/x-tmpl" id="rwisViewer">
	<div class="container pin-content rwisViewer">
		<div class="card pin-card pin-text-color" id="card-popup">
			<div class="card-heading" id="pinTop">
				<div class="row m-0 p-0">
					{{#pinImage}}<div class="col-2 col-sm-2 col-md-2 pin-icon">
						<img id="stasheIcon" src="{{pinImage}}" class="rwis-img m-1" alt="rwis icon">
					</div>{{/pinImage}}
					<div class="col-10 col-sm-10 col-md-10">
						<div class="card-body pin-body-padding">
							{{#description}}<h6 class="card-title pin-head mb-0">{{description}}</h6>{{/description}}
						</div>
					</div>
				</div>
				{{#obsTime}}<div class="text-center font-weight-bold">{{obsTime}}</div>{{/obsTime}}
			</div>
			<hr/>
			<div class="pin-card-siding" id="pinBody">
				<div class="row m-0 p-0">
					{{#airTemp}}<div class="col-9 col-md-9 col-sm-9 pl-1">Air Temperature</div><div class="col-3 col-md-3 col-sm-3">{{airTemp}} &#176;F</div>{{/airTemp}}
					{{#surfTemp}}<div class="col-9 col-md-9 col-sm-9 pl-1">Surface Temperature</div><div class="col-3 col-md-3 col-sm-3">{{surfTemp}} &#176;F</div>{{/surfTemp}}
					{{#dewPoint}}<div class="col-9 col-md-9 col-sm-9 pl-1">Dew Point</div><div class="col-3 col-md-3 col-sm-3">{{dewPoint}}</div>{{/dewPoint}}
					{{#relHumid}}<div class="col-9 col-md-9 col-sm-9 pl-1">Relative Humidity</div><div class="col-3 col-md-3 col-sm-3">{{relHumid}}&#37;</div>{{/relHumid}}
					{{#windDir}}<div class="col-9 col-md-9 col-sm-9 pl-1">Wind Direction</div><div class="col-3 col-md-3 col-sm-3">{{windDir}}</div>{{/windDir}}
					{{#windSpeed}}<div class="col-9 col-md-9 col-sm-9 pl-1">Wind Speed</div><div class="col-3 col-md-3 col-sm-3">{{windSpeed}} mph</div>{{/windSpeed}}
					{{#windGust}}<div class="col-9 col-md-9 col-sm-9 pl-1">Wind Gust</div><div class="col-3 col-md-3 col-sm-3">{{windGust}} mph</div>{{/windGust}}
					{{#precipType}}<div class="col-9 col-md-9 col-sm-9 pl-1">Precipitation Type</div><div class="col-3 col-md-3 col-sm-3">{{precipType}} </div>{{/precipType}}
					{{#precipIntensity}}<div class="col-9 col-md-9 col-sm-9 pl-1">Precipitation Intensity</div><div class="col-3 col-md-3 col-sm-3">{{precipIntensity}} </div>{{/precipIntensity}}
					{{#precipRate}}<div class="col-9 col-md-9 col-sm-9 pl-1">Precipication Rate</div><div class="col-3 col-md-3 col-sm-3">{{precipRate}} in/hr</div>{{/precipRate}}
					{{#precipAccum}}<div class="col-9 col-md-9 col-sm-9 pl-1">Precipipation Accumulation</div><div class="col-3 col-md-3 col-sm-3">{{precipAccum}} in</div>{{/precipAccum}}
				</div>
			</div>
			{{#camImage}}
			<hr>
			<div id="pinBottom">{{{camImage}}}</div>
			{{/camImage}}
		</div>
	</div>
</script>
<script type="mustache/x-tmpl" id="alertView">
	<div class="container pin-content p-2 p-2 alertView">
		<div class="card pin-card" id="card-popup">
			<!--<div class="card-heading" id="pinTop">
				<div class="row m-0 p-0">
					{{#pinImage}}<div class="col-2 col-sm-2 col-md-2 pin-icon">
						<img id="stasheIcon" src="{{pinImage}}" class="card-img" alt="{{alt}}">
					</div>{{/pinImage}}
					<div class="col-10 col-sm-10 col-md-10">
						<div class="card-body pin-body-padding">
							{{#category}}
								<div class="card-title pin-head mb-1">{{category}}</div>
							{{/category}}
							{{#headline}}
								<h6 class="card-title pin-head mb-0">{{headline}}</h6>
							{{/headline}}
						</div>
					</div>
				</div>
			</div>
			<hr/>-->
			<div class="pin-card-siding" id="pinBody">
				{{#content}}<div class="card-text pin-body">{{{content}}}</div>{{/content}}
				{{#audio}}<div class="card-text pin-body">{{{audio}}}</div>{{/audio}}
				{{#file}}<div class="card-text pin-body">{{{file}}}</div>{{/file}}
			</div>
			{{#showMap}}
				<div id="pinBottom">{{{showMap}}}</div>
			{{/showMap}}
		</div>
	</div>
</script>
<script type="mustache/x-tmpl" id="alertViewer">
	<div class="container pin-content alertViewer">
		<div class="card pin-card pin-text-color" id="card-popup">
			<div class="card-heading" id="pinTop">
				<div class="row m-0 p-0">
					{{#pinImage}}<div class="col-2 col-sm-2 col-md-2 pin-icon">
						<img id="stasheIcon" src="{{pinImage}}" class="card-img" alt="{{alt}}">
					</div>{{/pinImage}}
					<div class="col-10 col-sm-10 col-md-10">
						<div class="card-body pin-body-padding">
							{{#category}}
								<div class="card-title pin-head mb-1">{{category}}</div>
							{{/category}}
							{{#headline}}
								<h6 class="card-title pin-head mb-0">{{headline}}</h6>
							{{/headline}}
						</div>
					</div>
				</div>
			</div>
			<hr/>
			<div class="pin-card-siding" id="pinBody">
				{{#content}}<div class="card-text pin-body">{{{content}}}</div>{{/content}}
				{{#audio}}<div class="card-text pin-body">{{{audio}}}</div>{{/audio}}
			</div>
			{{#showMap}}
				<div id="pinBottom">{{{showMap}}}</div>
			{{/showMap}}
		</div>
	</div>
</script>
<script type="mustache/x-tmpl" id="floodgateViewer">
	<div class="container pin-content floodgateViewer">
		<div class="card pin-card pin-text-color" id="card-popup">
			<div class="card-heading" id="pinTop">
				<div class="row m-0 p-0">
					{{#pinImage}}<div class="col-2 col-sm-2 col-md-2 pin-icon">
						<img id="stasheIcon" src="{{pinImage}}" class="card-img" alt="{{alt}}">
					</div>{{/pinImage}}
					<div class="col-10 col-sm-10 col-md-10">
						<div class="card-body pin-body-padding">
							{{#category}}
							<div class="card-title pin-head mb-1">{{category}}</div>
							{{/category}}
							{{#headline}}
							<h6 class="card-title pin-head mb-0">{{headline}}</h6>
							{{/headline}}
							{{#reported}}<p class="card-text pin-text-color">{{reported}}</p>{{/reported}}
						</div>
					</div>
				</div>
			</div>
			<hr/>
			<div class="pin-card-siding" id="pinBody">
				{{#content}}<div class="card-text pin-body">{{{content}}}</div>{{/content}}
				{{#segments}}<div class="card-text pin-body">Includes: <br/>{{{segments}}}</div>{{/segments}}
				{{#audio}}<div class="card-text pin-body">{{{audio}}}</div>{{/audio}}
				{{#segments}}<div class="card-text pin-body">Includes: <br/>{{{segments}}}</div>{{/segments}}
				{{#instruction}}<div class="card-text pin-body">Includes: <br/>{{{instruction}}}</div>{{/instruction}}
			</div>
			{{#showMap}}
				<div id="pinBottom">{{{showMap}}}</div>
			{{/showMap}}
			{{#showAll}}
				<div class="card-text text-right">
					<button id="viewAlertBtn" class="btn btn-sm btn-primary">Show All Alerts</button>
				</div>
			{{/showAll}}
		</div>
	</div>
</script>
<script type="mustache/x-tmpl" id="categoriesViewer">
	<div class="container pin-content categoriesViewer">
		<div class="card pin-card pin-text-color" id="card-popup">
			{{#items}}
				<div class="card-heading" id="pinTop">
					<div class="row m-0 p-0">
						{{#iconpath}}
						<div class="col-2 col-sm-2 col-md-2 pin-icon">
							<img id="stasheIcon" src="{{iconpath}}" class="card-img" alt="{{alert_type}}">
						</div>
						{{/iconpath}}
						<div class="col-10 col-sm-10 col-md-10">
							<div class="card-body pin-body-padding">
								{{#category}}
									<div class="card-title pin-head mb-1">{{category}}</div>
								{{/category}}
								{{#title}}
									<h6 class="card-title pin-head mb-0">{{title}}</h6>
								{{/title}}
							</div>
						</div>
					</div>
				</div>
				<hr/>
				<div class="pin-card-siding" id="pinBody">
					{{#content}}
						<div class="card-text pin-body">{{{content}}}</div>
					{{/content}}
					{{#recording}}
						<div class="card-text pin-body">
							<audio controls><source src="{{{recording}}}" type="audio/wav">Your browser does not support the audio element.</audio>
						</div>
					{{/recording}}
				</div>
				{{#showMap}}
					<div id="pinBottom">{{{showMap}}}</div>
				{{/showMap}}
				{{#showAll}}
					<div class="card-text text-right">
						<button id="viewAlertBtn" class="btn btn-sm btn-primary">Show All Alerts</button>
					</div>
				{{/showAll}}
			{{/items}}
			{{^items}}No Items{{/items}}
		</div>
	</div>
</script>
<script type="mustache/x-tmpl" id="reportTmpl">
	{{#event_data}}
		<div class="event_report reportTmpl">
			<strong>{{#headline}}{{headline}}{{/headline}}{{^headline}}{{label}}{{/headline}} <br> Mile Marker: {{mrm}}</strong>
			<p>{{location_description}}</p>
			<p>{{{report}}}</p>
		</div>
	{{/event_data}}
</script>
<script type="mustache/x-tmpl" id="showMsgError">
	<div class="showMsgError">
		<strong>Event No Longer Available</strong>
	</div>
</script>
<script type="mustache/x-tmpl" id="fsCam">
	<div class="fsviewer fsCam">
        {{#title}}<div class="card-title">
            Camera ID: {{title}}
        </div>{{/title}}
		{{#image}}<div class="fs-cam">
            {{{image}}}
        </div>{{/image}}
	</div>
</script>
<script type="mustache/x-tmpl" id="additionTrafficInfo">
	<div class="container additionTrafficInfo">
		{{#location}}<p>{{{location}}}</p>{{/location}}
		{{#comment}}<p>{{comment}}</p>{{/comment}}
		{{#report}}<p>{{{report}}}</p>{{/report}}
		{{#url}}<p><a href="{{{url}}}" target="_blank">{{{url}}}</p>{{/url}}
		{{#nearest}}
			<div class="pin-nearest">{{{nearest}}}</div>
		{{/nearest}}
	</div>
</script>

		<!-- Load Facebook SDK for JavaScript -->
		<div id="fb-root"></div>
		<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v12.0&appId=3860564167335382&autoLogAppEvents=1" nonce="BcMpwrWq"></script>
		<script type="text/javascript">
			// <![CDATA[
			// we will now transfer our Template Toolkit values to global JavaScript variables,
			// to allow them to be available within the script/map.js script
			var refresh_active = 1;
			var disable_login = 0;
			var radar_refresh_rate = 600000;
			var traffic_tile_refresh_rate = 120000;
			var auto_refresh_rate = 120000;
			var translate_enabled = 0;
			var freshdesk_enabled = 1;
			var event_sharing = 1;
			var turf_enabled = 1;
			var mapbox_access_token = "pk.eyJ1IjoiaXRlcmlzIiwiYSI6ImNrand4bm1wajBqeHUydG5sZmh2d254NzMifQ.bocbGoGnJcDHqOk1il8xjA";
			var mapbox_style = "mapbox://styles/iteris/ck7ktksjo3i6s1jqsm5u57fsw";
			var starting_zoom = "6.566550463607497";
			var starting_lat = "33.884524050913384";
			var starting_lon = "-81.14379473947184";
			var max_bounds = [[-86.97692833749765, 31.87905108381868],[-74.53280548675126, 35.96598154652584]];
			//  source links
			var data_link = "https://sc.cdn.iteris-atis.com/geojson/icons/data/";
			var geo_path = "https://sc.cdn.iteris-atis.com/geojson/";
			var acon_geo = "https://sc.cdn.iteris-atis.com/geojson/icons/metadata/icons.construction.geojson";
			var cong_geo = "https://sc.cdn.iteris-atis.com/geojson/icons/metadata/icons.congestion.geojson";
			var dmsg_geo = "https://sc.cdn.iteris-atis.com/geojson/icons/metadata/icons.dms.geojson";
			var incd_geo = "https://sc.cdn.iteris-atis.com/geojson/icons/metadata/icons.incident.geojson";
			var cams_geo = "https://sc.cdn.iteris-atis.com/geojson/icons/metadata/icons.cameras.geojson";
			var wthr_geo = "https://sc.cdn.iteris-atis.com/geojson/icons/metadata/icons.weather.geojson";
			var other_geo = "https://sc.cdn.iteris-atis.com/geojson/icons/metadata/icons.other_events.geojson";
			var wacc_geo = "https://sc.cdn.iteris-atis.com/geojson/icons/metadata/icons.waze_accident.geojson";
			var wtrf_geo = "https://sc.cdn.iteris-atis.com/geojson/icons/metadata/icons.waze_traffic.geojson";
			var whaz_geo = "https://sc.cdn.iteris-atis.com/geojson/icons/metadata/icons.waze_hazard.geojson";
			var rest_geo = "https://aggregator.iteris-atis.com/aggregator/services/layers/group/scdot/current/?layer_type=rest_area";
			var spec_geo = "https://aggregator.iteris-atis.com/aggregator/services/layers/group/scdot/current/?layer_type=special_event";
			var evac_geo = "https://aggregator.iteris-atis.com/aggregator/services/layers/group/scdot/current/?layer_type=evacuation_point";
			var evac_lines_geo = "./atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/static/images/sc_evac.geojson";
			var newsAggr = "https://aggregator.iteris-sc511.net/aggregator/services/news/group/scdot/current";
			var linksAggr = "https://aggregator.iteris-atis.com/aggregator/services/elements/group/scdot/current/";
			var cong_json = "https://sc.cdn.iteris-atis.com/geojson/icons/metadata/icons.congestion.geojson";
			var app_version = "1.2.6";
			var nws_json = "https://sc.cdn.iteris-atis.com/geojson/nws_report.json";
			var prefs_app_name = "511sc.org";
			var cameraPopup = $('<div id="cameraPopup"></div>');
			var fsPopup = $('<div id="fsPopup"></div>');
			var textPopup = $('<div id="textPopup"></div>');
			var legendList = [], playerTimer, cameraFilters = [], activeAlerts = [], currentCCTVFeatures = [], camRoutes = [], camSubDivisions = [], camRoadTypes = [];
			var metroCountyCams = {}, metroRouteCams = {}, areaRouteCams = {}, areaCountyCams = {};
			var feature, selectedCo, roadwork, aroad, froad, currentFconData, myCo, directions;
			var sc_interstates = ['I-20', 'I-26', 'I-77', 'I-85', 'I-95', 'I-126', 'I-185', 'I-326', 'I-385', 'I-520', 'I-526', 'I-585'];
			var showFeature, showError, featureLookup;
			var new_user_defaults = 'zoom=7.392317422778981&lon=-80.72462271068872&lat=33.54446902822535&dmsg&rest&cams&other&cong&wthr&acon&incd&trfc';
			//]]>
			hide_feedback = function () {
				$(document.getElementById('iframe_popup')).hide();
				$(document.getElementById('feeddone')).show();
			}
			var debug_services = 0;
			//document.getElementById('contactLink').innerHTML = freshdesk_enabled?`<a onclick="FreshworksWidget('open');">Contact Us</a>`:`<a class="new_view">Contact Us</a></div>`;
		</script>
		<script defer type="text/javascript">
			$(document).ready(function () {
				var popup = new mapboxgl.Popup({
					closeOnClick: false,
					closeButton:  true
				});
				var status = readCookie('CR511_Authentication') ? 'Signed In' : 'Signed Out';
				gtag('event', 'User', {
					"Status": status
				});
				_paq.push(['trackEvent', "User", "Status", status]);
				$('nav.navbar span.navbar-brand').on('click', function () {
					viewAlerts(alerts);
				});
				// Hide footer on popup shown
				var windowWidth = $(window).width();
				$(window).resize(function () {
					if (windowWidth <= 720) {
						$('nav').addClass('scrolled');
					}
				});
				get_cameras(function (camera_list) {
					$('#user_favorite_cameras').data('favorite_cameras', camera_list);
				});
				get_viewed_alerts(function (viewed_alerts) {
					$('#user_viewed_alerts').data('viewed_alerts', viewed_alerts);
				});
				$("#search_alert_input").on('change keyup paste', function () {
					var search = $("#search_alert_input").val()
					if (search !== null && (search.length > 1 || search.length === 0)) {
						$('#alerts_table').html("");
						alerts_loaded = 0;
						searchedAlertsList = [];
						createAlertTable();
					}
				});
				$("#search_construction_input").on('change keyup paste', function () {
					var search = $("#search_construction_input").val()
					if (search !== null && (search.length > 1 || search.length === 0)) {
						$('#construction_table').html("");
						construction_loaded = 0;
						searchedConstructionList = [];
						createConstructionTable();
					}
				});
				$("#search_camera_input").on('change keyup paste', function () {
					var search = $("#search_camera_input").val()
					if (search !== null && (search.length > 1 || search.length === 0)) {
						$('#cameras_table').html("");
						cameras_loaded = 0;
						searchedCameraList = [];
						createCameraTable();
					}
				});
				//set up camera viewer
				$("#vidStreamDialog").dialog({
					modal: true,
					autoOpen: false,
					closeOnEscape: true,
					title: 'Camera Viewer Paused',
					open: function () {
						var markup = 'The live stream you have been watching has been paused due to inactivity.<br/>Would you like to continue watching?';
						$(this).html(markup);
					},
					buttons: {
						'NO': function () { $(this).dialog('close'); $('#cameraPopup').remove(); },
						'YES': function () { $(this).dialog('close'); window.streamPlayer.load(); window.streamPlayer.play(); }
					}
				});
				
				$('a.new_view').on('click', function (e) {
					console.log("newview", e);
					//	$('#splashViewer').hide();
					$('a.dropdown-item.static_content_link.contact_us').trigger('click');
				});
			});
			$("document").ready(function () {
				$('#travel_alert_items a').on('click', function (e) {
					e.stopPropagation();
					e.preventDefault();
					if ($(this).hasClass('show')) {
						e.stopPropagation();
						if ($(this).hasClass('alert-menu')) {
							$(this).removeClass('show');
						}
					}
				});
			});
			if (translate_enabled) {
				function googleTranslateElementInit() {
					new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element');
				}
			}
		</script>
		<script type="text/x-jqote-template" id="cameras_accordion">
			<ul class="camera_element"></ul>
		</script>
		<script type="text/x-jqote-template" id="cameras_accordion_item">
			<li class="accordion_header_title">
				<span id="<%=  this.accordion_header %>"><%=  this.accordion_header %></span>
				<ul id="<%= this.accordion_id %>" style="width: auto; margin-left: 15px; padding: 5px 0 5px 0;"></ul>
			</li>
		</script>
		<script type="text/x-jqote-template" id="cameras_route_accordion_item">
			<li class="accordion_header_title">
				<span id="<%=  this.accordion_header %>"><%=  this.accordion_header %></span>
				<ul id="<%= this.accordion_id %>" style="width: auto; margin-left: 15px; padding: 5px 0 5px 0;"></ul>
			</li>
		</script>
		<script type="text/x-jqote-template" id="cameras_location">
			<li class="proper_name">
				<span id="<%=  this.location_id %>"><%= this.location_description %></span>
			</li>
		</script>
		<script type="text/x-jqote-template" id="iteris_news_accordion__individual_template">
			<div class="items">
				<% var counter = 0; %>
				<% for(var k in this.news_items) { %>
					<% counter++; %>
					<% if(this.news_items[k].content != undefined) { %>
						<% var item = this.news_items[k].content; %>
						<div class="individual">
							<a id="<%= this.news_type %>_news_accordion_<%= k %>" href="#" class="view_single">
								<%= item['title'] %>
							</a>
						</div>
						<% if(counter >= this.limit) {  break; } %>
					<% } else { %>
						<% var item = this.news_items[k]; %>
						<div class="individual">
							<a id="<%= this.news_type %>_news_accordion_<%= k %>" href="#" class="view_single">
									<%= item['label'] %>
								</a>
						</div>
						<% if(counter >= this.limit) {  break; } %>
					<% } %>
				<% } %>
			</div>
			<div class="all"><a href="#" id="<%= this.news_type %>_news_accordion_view_all" class="show_all">Show All...</a></div>
		</script>
		<script type='text/javascript' src='atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/js/map_utilities.js?v=1.2.6'></script>
		<script type='text/javascript' src='atis-static.iteriscdn.com/WebApps/SC/SafeTravel4/v1.0/js/map-bootstrap.js?v=1.2.6'></script>
</body>
</html>