CINXE.COM

EarthCam - Critter Cam

<!DOCTYPE html> <!-- v5.0.3 --> <html itemscope itemtype="http://schema.org/" style='min-width: 960px; min-height: 3000px;'> <head> <title>EarthCam - Critter Cam</title> <!-- php --> <meta name="keywords" content=", webcam, webcams, streaming video, network camera, cam, cams, mobile, moblog, live camera, internet camera, IP camera, live images, web camera, picture, photo, livecam, livecams, outdoor cams, mobile cameras, tourism, travel" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="" /> <meta name="classifications" content="Webcam: Streaming Video; Webcams: Webcam Sites; Computer &amp; Internet: Webcams; Entertainment: Webcams" /> <meta name="abstract" content="Webcam Network - EarthCam" /> <!--<meta name="apple-itunes-app" content="app-id=853926670" />--> <meta name="apple-itunes-app" content="app-id=853926670, app-argument=469a6ddc50cb69b83b995a885797da99" /> <meta name="google-play-app" content="app-id=com.earthcam.webcams"> <meta property="fb:app_id" content="153227104759826" /> <!-- Twitter Card Metadata --> <meta name="twitter:card" content="player" /> <meta name="twitter:site" content="@EarthCam" /> <meta name="twitter:title" content="EarthCam - Critter Cam" /> <meta name="twitter:creator" content="EarthCam" /> <meta name="twitter:description" content="" /> <meta name="twitter:image" content="https://www.earthcam.com/cams/includes/image.php?logo=0&playbutton=1&s=1&img=rSasKFhCatdKLp2PWkDwkA%3D%3D&202411281700" /> <meta name="twitter:player" content="https://www.earthcam.com/cams/includes/twittercards/container.php?name=27779.flv&timezone=America/New_York&metar=KROC" /> <meta name="twitter:player:width" content="736" /> <meta name="twitter:player:height" content="414" /> <!--<meta http-equiv="refresh" content="1800" />--> <meta http-equiv="refresh" content="10800" /> <!-- facebook meta data --> <link rel="image_src" href="https://www.earthcam.com/cams/includes/image.php?logo=0&playbutton=1&s=1&img=rSasKFhCatdKLp2PWkDwkA%3D%3D&202411281700" /> <!-- google+, facebook, and generic social media tag meta data --> <meta property="name" content="EarthCam - Critter Cam" /> <meta property="og:title" content="LIVE NOW! Critter Cam" /> <meta property="description" content="" /> <meta property="og:description" content="" /> <meta property="image" content="https://www.earthcam.com/cams/includes/image.php?logo=0&playbutton=1&s=1&img=rSasKFhCatdKLp2PWkDwkA%3D%3D&202411281700" /> <!--<meta property="og:image" content="http://www.earthcam.com/cams/includes/image.php?logo=0&playbutton=1&s=1&img=rSasKFhCatdKLp2PWkDwkA%3D%3D&202411281700" />--> <meta property="og:image:url" content="http://www.earthcam.com/cams/includes/image.php?logo=0&playbutton=1&s=1&img=rSasKFhCatdKLp2PWkDwkA%3D%3D&202411281700" /> <meta property="og:image:secure_url" content="https://www.earthcam.com/cams/includes/image.php?logo=0&playbutton=1&s=1&img=rSasKFhCatdKLp2PWkDwkA%3D%3D&202411281700" /> <meta property="og:image:type" content="image/jpeg"> <meta property="og:type" content="website" /> <!--<meta property="og:type" content="article" />--> <link rel="manifest" href="/manifest.json"> <link rel="apple-touch-icon" href="https://static.earthcam.com/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://static.earthcam.com/touch-icon-ipad.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://static.earthcam.com/touch-icon-iphone-retina.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://static.earthcam.com/touch-icon-ipad-retina.png"> <link rel="android-touch-icon" href="https://static.earthcam.com/apple-touch-icon.png" /> <!-- Site CSS Fixes --> <!--<link href="https://www.earthcam.com/css/cssloader.php" rel="stylesheet">--> <!--<link href="https://static.earthcam.com/css/reset.css" rel="stylesheet" type="text/css" />--> <link href="https://static.earthcam.com/css/normalize.css" rel="stylesheet" type="text/css" /> <link href="https://static.earthcam.com/css/ecv4.css?20241120a" rel="stylesheet" type="text/css" /> <link href="https://static.earthcam.com/css/frontpage.v3.css?20241120a" rel="stylesheet" type="text/css" /> <link href="https://static.earthcam.com/cams/includes/template_v5.css?20241120a" rel="stylesheet" type="text/css" /> <link href="https://static.earthcam.com/cams/includes/hof_v4.css?20241120a" rel="stylesheet" type="text/css" /> <!--<link href="https://static.earthcam.com/cams/includes/hof.css?20241120a" rel="stylesheet" type="text/css" />--> <link href="https://static.earthcam.com/cams/includes/footer.css?20241120a" rel="stylesheet" type="text/css" /> <link href="https://static.earthcam.com/js/jquery-ui-1.12.1.custom/jquery-ui.css" rel="stylesheet" type="text/css" /> <!-- <link href="https://static.earthcam.com/js/jquery-ui-1.13.1.custom/jquery-ui.css" rel="stylesheet" type="text/css" /> --> <link href="https://static.earthcam.com/js/jquery-ui-1.13.1.scoped/jquery-ui.css" rel="stylesheet" type="text/css" /> <link href="https://static.earthcam.com/cams/includes/ecnplayer.css?20241120a" rel="stylesheet" type="text/css" /> <!--ECN/MYEC merge--> <!--<link rel="stylesheet" href="https://static.earthcam.com/includes/bootstrap-3.3.7/css/bootstrap.min.css?20241120a">--> <!--/ECN/MYEC merge--> <link rel="stylesheet" href="https://static.earthcam.com/css/footer.v5.css?20241120a"> <link rel="stylesheet" href="https://static.earthcam.com/css/font-awesome-4.7.0/css/font-awesome.min.css?20241120a"> <link href="https://static.earthcam.com/js/videojs/video-js.8.9.0.css" rel="stylesheet"> <link href="https://static.earthcam.com/js/earthcam/ecnplayerhtml5/css/videojs.ads.min.css" rel="stylesheet" /> <link href="https://static.earthcam.com/js/earthcam/ecnplayerhtml5/css/videojs.ima.css" rel="stylesheet" /> <link href="https://static.earthcam.com/js/earthcam/ecnplayerhtml5/css/style.css?20241120a" rel="stylesheet" /> <!--ECN/MYEC merge--> <!--=== Global Head ===--> <!-- Meta --> <meta charset="utf-8"> <meta content="" name="description"> <meta content="" name="author"> <!-- Favicon --> <link rel="shortcut icon" href="/favicon.ico"> <!-- Web Fonts --> <link rel="shortcut" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=cyrillic,latin"> <!-- CSS Global Compulsory --> <!--<link rel="stylesheet" href="https://static.earthcam.com/includes/Unify-v1.8/assets/plugins/bootstrap/css/bootstrap.min.css">--> <link rel="stylesheet" href="https://static.earthcam.com/includes/bootstrap-5.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://static.earthcam.com/includes/Unify-v1.8/assets/css/style.css"> <!-- CSS Header and Footer --> <link rel="stylesheet" href="https://static.earthcam.com/includes/Unify-v1.8/assets/css/headers/header-v3.css"> <link rel="stylesheet" href="https://static.earthcam.com/includes/Unify-v1.8/assets/css/footers/footer-v6.css"> <!-- CSS Implementing Plugins (Global) --> <link rel="stylesheet" href="https://static.earthcam.com/includes/Unify-v1.8/assets/plugins/animate.css"> <link rel="stylesheet" href="https://static.earthcam.com/includes/Unify-v1.8/assets/plugins/line-icons/line-icons.css"> <link rel="stylesheet" href="https://static.earthcam.com/includes/Unify-v1.8/assets/plugins/font-awesome/css/font-awesome.css"> <!-- CSS Theme --> <link rel="stylesheet" href="https://static.earthcam.com/includes/Unify-v1.8/assets/css/theme-colors/blue.css"> <!-- CSS Customization (Global) --> <link rel="stylesheet" href="https://static.earthcam.com/myearthcam/css/custom.css?20241120a"> <!-- EC Global Customizations --> <!--=== End Global Head ===--> <link rel="stylesheet" href="https://static.earthcam.com/includes/Unify-v1.8/assets/plugins/sky-forms-pro/skyforms/css/sky-forms.css"> <link rel="stylesheet" href="https://static.earthcam.com/includes/Unify-v1.8/assets/plugins/sky-forms-pro/skyforms/custom/custom-sky-forms.css"> <link rel="stylesheet" href="https://static.earthcam.com/includes/Unify-v1.8/assets/css/style.css"> <!--/ECN/MYEC merge--> <!-- new global includes --> <!--including common.js for ECN/MYEC--> <script data-cookieconsent="ignore" type="text/javascript" src="https://static.earthcam.com/myearthcam/js/common.js?20241120a"></script> <!-- Global Includes --> <!-- cookiebot --> <style type="text/css" nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" > /* Branding on the banner */ a#CybotCookiebotDialogPoweredbyCybot, div#CybotCookiebotDialogPoweredByText { display: none !important; } /* Branding on the Privacy trigger */ #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo { display: none !important; } /* cat toggles, banner*/ #CybotCookiebotDialogBodyLevelWrapper { display: none; } @media screen and (min-width: 1280px) { /* button & layout tweaks */ #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton { width: 150px !important; } #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton { padding: 0.3em !important; } #CybotCookiebotDialogBodyButtonDecline, #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { font-size: 12px !important; } /* banner text */ #CybotCookiebotDialogBodyContentText, #CybotCookiebotDialogBodyContentTitle, #CybotCookiebotDialogBodyEdgeMoreDetailsLink { font-size: 12px !important; } /* remove logo div */ #CybotCookiebotDialogHeader { display: none !important; } #CybotCookiebotDialog.CybotEdge { padding: 18px !important; } } </style> <!-- data-widget-enabled="true" data-georegions="{'region':'REGION_ID','cbid':'YOUR_DOMAIN_GROUP_ID'}" data-georegions="{'region':'US','cbid':'8db089af-5219-4f9e-bff2-5f722c528847'}" --> <!-- EU version - dotcom primary --> <!-- <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="58cbeadf-93cf-43c5-8ac4-600e4d1f182c" data-blockingmode="auto" data-georegions="{'region':'US','cbid':'8db089af-5219-4f9e-bff2-5f722c528847'}" type="text/javascript"> </script> --> <!-- non-EU, testing --> <!-- <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="8db089af-5219-4f9e-bff2-5f722c528847" data-blockingmode="auto" type="text/javascript"></script> --> <!--/cookiebot --> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" data-cookieconsent="ignore" src="https://static.earthcam.com/js/jquery.3.7.0.min.js?20241120a"></script> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/jquery-ui-1.13.1/jquery-ui.min.js?20241120a"></script> </script> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" data-cookieconsent="ignore" src="https://static.earthcam.com/includes/bootstrap-5.3.1/js/bootstrap.bundle.min.js?20241120a"></script> <!-- Includes popper by default now --> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/jquery.smooth-scroll.min.js?20241120a" type="text/javascript" defer="defer"></script> <script data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/earthcam/common.js?20241120a" type="text/javascript"></script> <!--<script language="JavaScript" src="https://static.earthcam.com/js/jquery.tools.min.js" type="text/javascript"></script>--> <!-- HOF --> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" data-cookieconsent="ignore" type="text/javascript" src="https://static.earthcam.com/js/earthcam/halloffame/hof.v4.class.js?20241120a"></script> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/earthcam/functions.ecntemplate.js?20241120a" type="text/javascript"></script> <!-- <script type="text/javascript" src="https://static.earthcam.com/js/PgwBrowser/pgwbrowser.js?20241120a"></script> --> <!--<script type="text/javascript" src="https://static.earthcam.com/js/ua-parser-js/dist/ua-parser.min.js?20241120a"></script>--> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" data-cookieconsent="ignore" type="text/javascript" src="https://static.earthcam.com/js/useragent-parser-js/dist/useragent-parser.min.js?20241120a"></script> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" data-cookieconsent="ignore" src="https://static.earthcam.com/js/emojione-master/js/emojione.min.js?20241120a"></script> <link nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" data-cookieconsent="ignore" rel="stylesheet" href="https://static.earthcam.com/js/emojione-master/assets/css/emojione.min.css?20241120a"/> <!-- Time --> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" data-cookieconsent="ignore" src="https://static.earthcam.com/js/momentjs/moment.min.js?20241120a"></script> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" data-cookieconsent="ignore" src="https://static.earthcam.com/js/momentjs/moment-timezone-with-data.min.js?20241120a"></script> <!-- UTILITIES --> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" data-cookieconsent="ignore" src="https://static.earthcam.com/js/earthcam/utils/utils.TimeUtils.min.js?20241120a"></script> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" data-cookieconsent="ignore" src="https://static.earthcam.com/js/jquery-throttle-debounce.js"></script> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/numeraljs/numeral.min.js?20241120a"></script> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/jquery.history.js?20241120a" type="text/javascript"></script> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" data-cookieconsent="ignore" src="https://static.earthcam.com/includes/Unify-v1.8/assets/plugins/sky-forms-pro/skyforms/js/jquery.validate.min.js"></script> <!-- File End --> <!--/new global includes --> <!--<script language="JavaScript" src="https://static.earthcam.com/js/jquery-ui-1.12.1.custom/jquery-ui.min.js?20241120a"></script>--> <script data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/jquery-ui-1.13.1.custom/jquery-ui.min.js?20241120a"></script> <!--<script language="JavaScript" src="https://static.earthcam.com/js/jquery-ui-1.13.1.scoped/jquery-ui.min.js?20241120a"></script>--> <!--<script language="JavaScript" src="https://static.earthcam.com/js/jquery-ui-timepicker-addon.js?20241120a" type="text/javascript"></script>--> <!--<script language="JavaScript" src="https://static.earthcam.com/js/swfobject.js?20241120a" type="text/javascript"></script>--> <script data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/winpopup.js" type="text/javascript"></script> <!-- new timelapse class: --><script data-cookieconsent="ignore" type="text/javascript" src="/js/earthcam/timelapse.class.js?20241120a"></script> <!-- new extra hof items class: --><script data-cookieconsent="ignore" type="text/javascript" src="/js/earthcam/extra_hof.class.js?20241120a"></script> <!-- REACT LIBRARIES NEEDED FOR SHARE AND OTHER FUNCTIONALITY --> <script data-cookieconsent="ignore" language="JavaScript" src="https://cdn.jsdelivr.net/npm/react@16/umd/react.production.min.js" type="text/javascript"></script> <script data-cookieconsent="ignore" language="JavaScript" src="https://cdn.jsdelivr.net/npm/react-dom@16/umd/react-dom.production.min.js" type="text/javascript"></script> <script data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/earthcam/utils/piexifjs_1.0.6.min.js" type="text/javascript"></script> <script data-cookieconsent="ignore" src="https://static.earthcam.com/js/videojs/videojs.8.9.0.min.js?20241120a"></script> <script data-cookieconsent="ignore" src="//imasdk.googleapis.com/js/sdkloader/ima3.js?20241120a"></script> <!-- <script src="//imasdk.googleapis.com/js/sdkloader/ima3_debug.js"></script> --> <script data-cookieconsent="ignore" src="https://static.earthcam.com/js/videojs/videojs.ads.js?20241120a"></script> <script data-cookieconsent="ignore" src="https://static.earthcam.com/js/videojs/videojs.ima.js?20241120a"></script> <script data-cookieconsent="ignore" src="https://static.earthcam.com/js/ecpano/ecpano.1.22.2.js?20241120a"></script> <script src="https://static.earthcam.com/js/openseadragon/openseadragon.min.js?20241120a"></script> <script src="https://static.earthcam.com/js/openseadragon/openseadragon-hotfix.js?20241120a"></script> <!-- GENERAL DEPENDENCIES --> <!--<script src="https://static.earthcam.com/js/momentjs/moment.min.js?20241120a"></script> <script src="https://static.earthcam.com/js/momentjs/moment-timezone-with-data.min.js?20241120a"></script> --> <!-- LOCAL STORAGE TEST --> <script type="text/javascript" src="https://static.earthcam.com/js/localStorageSession.js?20241120a"></script> <script data-cookieconsent="ignore" src="https://static.earthcam.com/js/earthcam/ecnplayerhtml5/js/ecnplayerhtml5-package.js?20241120a"></script> <!-- HOF FANCY BOX UI --> <link rel="stylesheet" href="/js/earthcam/halloffame/fancybox-3.0/dist/jquery.fancybox.css" type="text/css"> <script data-cookieconsent="ignore" type="text/javascript" src="https://static.earthcam.com/js/earthcam/halloffame/fancybox-3.0/dist/jquery.fancybox.js"></script> <!--<link rel="stylesheet" href="/js/earthcam/halloffame/fancybox-3.5.7/dist/jquery.fancybox.css" type="text/css"> <script type="text/javascript" src="https://static.earthcam.com/js/earthcam/halloffame/fancybox-3.5.7/dist/jquery_altered.fancybox.js"></script>--> <!-- html entities --> <script data-cookieconsent="ignore" type="text/javascript" src="https://static.earthcam.com/js/he.js"></script> <!-- *************************************************************************************************************************** --> <style type="text/css" nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" > /* modal testing */ /* modal-specific --------------------------------- */ .getButton{ background-color: #1d63a2 !important; border: 1px solid #1d63a2 !important; color: #ffffff; display: inline-block !important; font-size: 18px !important; /*font-weight: bold;*/ margin: 8px 0px !important; padding: 5px 20px !important; text-decoration: none !important; white-space: nowrap; border-radius: 4px; } .getButton:hover, .getButton:hover:focus { background-color: #ffffff; color: #1d63a2; } #askhsbutton:hover:focus, #turnoffask .btn:focus, #turnoffask .btn:hover { color: #ffffff; } .getButton:focus { color: #ffffff; } .modal-dialog { height: 94%; } .modal-content { height: 100%; } #agreeModalLink { cursor: pointer; text-decoration: underline; } /* fix for the modal appearing under the top search */ .modal-dialog { margin: 100px auto !important; } @media (min-width: 1350px) { .modal-lg { width: 1254px; } } #modal_iframe_custom_ask { height: calc( 100% + 50px ); width: 100%; } /* ----------------------- */ .glyphicon-calendar { cursor: pointer; } .date_container { display: none; } /* ---- Declaring these styles here so that the HOF widget would initialize correctly ---- */ *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; } .input-group-addon { padding: 6px 12px !important; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; padding-top: 10px !important; } @media (max-width: 980px) and (min-height: 1081px) { .input-group-addon { padding-top: 6px !important; } } .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group .form-control:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group .form-control { position: relative; z-index: 2; float: left; margin-bottom: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .form-control { width: 100%; height: 34px; padding: 6px 12px; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; } .form-control, output { display: block; font-size: 14px; line-height: 1.42857143; color: #555; } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: Glyphicons Halflings; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-calendar:before { content: "\E109"; } /* --------- End of HOF widget override --------- */ #hof_search_button { background-color: #00589d; border-left: 1px solid #00589d; border-right: 1px solid #00589d; border-top: 1px solid #00589d; border-bottom: 1px solid #00589d; color: #ffffff; display: inline-block; font-family: Arial; height: 35px; margin: 2px 1px 0px -1px; /*margin-bottom: 4px;*/ /*width: 25%;*/ /*100px*/ width: 70%; } #hof_search_button:hover { /* ,#hof_search_button:focus */ color: #333; background-color: #e6e6e6; border-color: #adadad; } #donateButton { background-color: #f6653c; border: none; color: #fff; cursor: pointer; font-family: Helvetica, sans-serif; font-size: 12px; letter-spacing: 2px; margin-left: 20px; opacity: 1; font-weight:bold; padding: 16px 23px!important; border-radius: 200px; transition-duration: 0.3s; transition-property: all; transition-timing-function: linear; margin-right: 20px; } .navbar-right > li:not(#searchbar) { height: 35px; display: flex; align-items: center; } @media (min-width: 992px) { .col-md-4.float-adjust { max-width: 22%; } } @media (min-width: 1266px) { .col-md-4.float-adjust { max-width: 18%; } } body { /* from previous template version: background-attachment: fixed; background-repeat: no-repeat; background-position: center top; -webkit-background-size: 1949px 1200px; background-size: 1949px 1200px; */ background-image: url(https://static.earthcam.com/cams/includes/images/page_bg_revision6/ECN_Default.jpg); line-height: 1.15; background-color: #FFFFFF; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; /*background-size: 100%;*/ background-position: center; /*background-size: 1440px 675px;*/ /*background-position: center;*/ } #timelapse_segment { display: none; } #bestof_segment { display: none; } #extra_segment { display: none; } /*.totalViews { display: ; }*/ .page-container { } #page_title { color: #FFF; text-shadow: 2px 2px 4px #000; font-size: 38px;} #header_image { background-color: #FFFFFF; background-image: url(images/header.jpg); } .customHeader { height: 74px; padding-top:36px;} /*74+36=110*/ .footer div { line-height: 1.6!important; } .footer-subscribe .input-group .form-control { float: none; font-family: Roboto,Arial,sans-serif; font-size: 16px; } .footer-subscribe .input-group .input-group-btn { width: initial; } .input-group .form-control:first-child { border-radius: 0; height: 38px; } #wtc_dropdown { display: none; } #nye_dropdown { display: none; } #header_image { background-image:url("images/header.jpg"); } .blueTitle { line-height: 1; } .small, small { font-size: inherit; } .superWhiteWrapper * { box-sizing: initial; } .noDec:hover, .noDec:focus { text-decoration: none; } #more_hall_of_fame a { vertical-align: middle; } #hof_title, #sunrise_sunset_title, #topvideos_title { cursor: pointer; } @media( min-width: 991px ) { .float-adjust{ float: left; } } #sunrise_sunset_title { display: none; } #topvideos_title { display: block; } /*#topvideos_title { display: none; }*/ #hof_container { display: block; } #hof_segment { display: block; } #hof_top_nav { display: inline; } #static_map { display: block; } #hof_display_full, #hof_display_grid { /* background-image: url(https://static.earthcam.com/cams/includes/images/HOF_modetoggle.png); */ } h1, h2, h3 { margin-top: inherit; margin-bottom: inherit; font-size: inherit; } /* -------------------------------------------------------------------------------------------------------------------------- */ #basic_loading { background-image: url(//static.earthcam.com/images/ajax-loader_circular.gif); background-position: center center; background-repeat: no-repeat; } /* FOR UI TOOLTIP */ div.ui-tooltip { font-size: 11px; font-family: Arial, Helvetica, Sans Serif; background: #222; color: #BBB; padding: 5px; border: 1px solid #CCC; border-radius: 3px; box-shadow: 2px 2px 4px #000; } /* chrome overrides */ /*#ecnPlayer .blackBar .modeOptions { font-family: "Arial Black", Arial, Helvetica; }*/ </style> <script language="JavaScript" type="text/javascript" nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" > var anticache = "20241120a"; var template_mode = "ecn"; var ecn_player_mode = "HTML5"; var $mobileEnvironment = false; var $MSIE_MODE = false; var eventmode_page = false ; var isEmbedMode = ""; var config_name = "none"; var MAP_FRAME_CUSTOM=''; // UA PARSER LIB var uaparser = new UAParser(); var uaParserResult = uaparser.getResult(); var $browser = uaParserResult.browser.name; window.currentBrowser = $browser; // var $browser = "ChromeTEST"; if ($browser == "Edge") { $browser = "Chrome"; // enableDigitalPTZ = "false"; } var $browserVer = uaParserResult.browser.version; var $OperatingSystem = uaParserResult.os.name; var $OperatingSystemVer = uaParserResult.os.version; var clientData = { "userAgent": uaParserResult.ua, "browser": {"name": $browser, "version":parseInt($browserVer) }, "os": {"name": $OperatingSystem, "version": parseInt($OperatingSystemVer) }, "device": uaParserResult.device }; /*if ($browser == "IE") $MSIE_MODE = true; */ if(typeof $j == "undefined") { var $j = jQuery.noConflict(); } if(typeof js_event_mode == "undefined") { js_event_mode = false; } if (top.location != self.location) {top.location = self.location;} var contentpage = false; /* dynamic header and bg elements */ var js_bg_header = {"crittercam":[{"bg":"","header":""}]}; var js_force_base_header = false; var js_force_base_background = false; var camNameLookup ={"469a6ddc50cb69b83b995a885797da99":"crittercam"} var disabled_static_map = false; if (contentpage == false) { /* page globals for the player */ //var hofid; //moved to class var js_cam_list = ["crittercam"]; var json_base = {"cam":{"crittercam":{"disableHofPosting":false,"disable_zoom":"0","affiliate_ad_id":"3723896700","enable360":null,"type360":null,"longitude_position":"0","streamviews":"4341336","enableDigitalPTZ":null,"datecreated":1670863382,"allowmobile":null,"hasaudio":"false","network":"yes","searchable":"com","category":"ANI ENT SCE ","subcategory":"POS","likes":"11075","rating":null,"mapmode":"","mappath":"","live_tab_text":null,"reservearchives":"false","custom_background":"","custom_header":"","offlineMessage":"","offlineMessageSub":"","showOfflineMessage":true,"maintainAspectRatio":null,"scaleMode":null,"defaulttab":"live","rotate":"0","offlineimage":"https:\/\/www.earthcam.com\/cams\/includes\/image.php?logo=0&playbutton=0&s=1&img=rSasKFhCatdKLp2PWkDwkA%3D%3D","offline_image_static":"https:\/\/static.earthcam.com\/cams\/includes\/images\/offline_images\/berriencounty-offline.jpg","social_media_static":"https:\/\/www.earthcam.com\/cams\/includes\/image.php?logo=0&playbutton=1&s=1&img=rSasKFhCatdKLp2PWkDwkA%3D%3D","hideIconMap":"0","archiveVideoSelector":"true","url":"","ecn_url":"https:\/\/www.earthcam.com\/usa\/newyork\/webster\/","ecn_url_path":"\/usa\/newyork\/webster\/?cam=crittercam","weather":null,"overlay":"true","disable_text_overlays":"false","overlay_archives":"true","overlay_timelapse":"1","id":"469a6ddc50cb69b83b995a885797da99","inet":"5eb772864a75216b126bbcaf60444a78","dnet":"b77670e4a9c8e282811958dcea1493a1","placeholderpath":"https:\/\/static.earthcam.com","map_lat":"43.21421250000000","map_long":"-77.43724195800418","city":"Webster","state":"NY","country":"United States","cam_counter":1,"cam_state":"1","cam_name":"crittercam","group_id":"crittercam_websterny","eventmode":"no","group_order":null,"name":"","group":"","title":"Critter Cam","title_full":"EarthCam: Critter Cam","default_cam":"crittercam_websterny","xml_path":"newyork\/webster\/","liveon":"true","panoramaon":"false","archiveon":"true","timelapseon":"false","hofon":"true","bestofon":"false","liveexternal":"false","liveexternalpath":null,"pano_domain":"","panoimagepath":"","panotype":"ecpano","panoimagepathtype":"script","scheduledofflinestart":null,"scheduledofflineend":null,"digital_preset_x":null,"digital_preset_y":null,"digital_preset_scalex":null,"digital_preset_scaley":null,"offsetX":null,"offsetY":null,"playbackspeed":null,"showdates":null,"metar":"KROC","hofid":"crittercam_websterny","live_type":"flashvideo","displaymode":"mega_hd","hd":"mega_hd","timezone":"America\/New_York","timezone_offset":"-5","thumbimage2":"https:\/\/static.earthcam.com\/camshots\/256x144\/db947f4dc202973304bb9419a72cf51c.jpg","thumbimage":"https:\/\/static.earthcam.com\/camshots\/256x144\/db947f4dc202973304bb9419a72cf51c.jpg","thumbimage_other":"","thumbnail_128":"https:\/\/static.earthcam.com\/camshots\/128x72\/db947f4dc202973304bb9419a72cf51c.jpg","thumbnail_256":"https:\/\/static.earthcam.com\/camshots\/256x144\/db947f4dc202973304bb9419a72cf51c.jpg","thumbnail_512":"https:\/\/static.earthcam.com\/camshots\/512x288\/db947f4dc202973304bb9419a72cf51c.jpg","alttext":"Webster, NY","camtext":"Webster, NY","long_title":"Critter Cam","short_title":"Critter Cam","imagedomain":"http:\/\/images.earthcam.com","streamingdomain":"rtmp:\/\/videos-3.earthcam.com","timelapsedomain":null,"filedomain":null,"livepath":"","livestreamingpath":"\/fecnetwork\/27779.flv","android_livepath":"","html5_streamingdomain":"https:\/\/videos-3.earthcam.com","html5_streampath":"\/fecnetwork\/27779.flv\/playlist.m3u8?t=sh5Bd%2FKx8CMTJ9FpKCU0P7MngPctDEDOHCTHc8mupCDgO8E8syXOfNuEaVYxEh5Z&td=202411281736","stream":"https:\/\/videos-3.earthcam.com\/fecnetwork\/27779.flv\/playlist.m3u8?t=sh5Bd%2FKx8CMTJ9FpKCU0P7MngPctDEDOHCTHc8mupCDgO8E8syXOfNuEaVYxEh5Z&td=202411281736","archivedomain":null,"archivepath":"","archivedomain_html5":"http:\/\/archives.earthcam.com","archivepath_html5":"\/_definst_\/MP4:\/playlist.m3u8","backup_clip":"https:\/\/video2archives.earthcam.com\/earthcamtv-vod\/_definst_\/mp4:archives\/27779\/backup.mp4\/playlist.m3u8","cdn_status":"false","timelapsepath":null,"hofpath":"newyork\/webster\/","logolink":"https:\/\/PayPal.me\/earthcamcrittercam","logopath":"","location":"Webster, NY","description":"","pov_title_text":"","spacer":"0","search_key":"nature\r\noutdoors\r\nanimals\r\ntrees\r\nforest\r\n","enableECStreamEvents":true,"enableECStreamPanoramaEvents":true,"enableECStreamPanoramaMessage":false,"ecStreamPanoramaEventHandler":"ecnPlayer.ecStreamPanoramaEventHandler"}}, "related_cams":[{"id":"e4babfc0f4b22f9fb396ada589b12a56","url":"https:\/\/www.earthcam.com\/usa\/michigan\/warren\/falcon\/","title":"Falcon Cam","name":"falcon_mi","group_id":"walbridge","camtext":"Warren, MI","alttext":"Falcon Cam","search_key":"animals falcon bird nest warren michigan\r\nnature\r\nanimals\r\nwildlife\r\nbirds\r\nfalcon","thumbimage":"https:\/\/static.earthcam.com\/camshots\/128x72\/1d8d1981f68ab2665ed3596fdfd01cee.jpg","thumbimage2":"https:\/\/static.earthcam.com\/camshots\/128x72\/1d8d1981f68ab2665ed3596fdfd01cee.jpg"},{"id":"0ee1e8e16588483a5ec623a659d3b7df","url":"https:\/\/www.earthcam.com\/usa\/massachusetts\/oxford\/","title":"Osprey Cam","name":"oxford_osprey","group_id":"oxford_osprey","camtext":"Oxford, MA","alttext":"Osprey Cam","search_key":"massachusetts\r\nOsprey Bird Animals nature wildlife\r\nbirds\r\nscenic\r\nnature\r\nanimals\r\nwildlife","thumbimage":"https:\/\/static.earthcam.com\/camshots\/128x72\/79886890e1e84c94b17f092ad7f13aec.jpg","thumbimage2":"https:\/\/static.earthcam.com\/camshots\/128x72\/79886890e1e84c94b17f092ad7f13aec.jpg"},{"id":"ca1244bbee4dc9d44e1c0e84fd466036","url":"https:\/\/www.earthcam.com\/world\/canada\/ontario\/whitney\/","title":"Algonquin Park Cam","name":"algonquin","group_id":"algonquin","camtext":"Whitney, Canada","alttext":"Algonquin Park Cam","search_key":"Algonquin Park ontario canada trees nature fall foliage canada\r\n","thumbimage":"https:\/\/static.earthcam.com\/camshots\/128x72\/137123c57b6ca89d1b05ab0f730d8386.jpg","thumbimage2":"https:\/\/static.earthcam.com\/camshots\/128x72\/137123c57b6ca89d1b05ab0f730d8386.jpg"}], "world_cams":null}; //var json_data = ""; var currentName = "crittercam"; // currently selected camera var camera_likes = 0; /*if ("newyears" != js_event_mode) camera_likes = json_base.cam[currentName].likes;*/ // LOAD BALANCE CDN var cdn_diceroll = getRandomInteger(1, 10); if (cdn_diceroll < cdn_percent_threshold) { } if ("newyears" == js_event_mode) { var logo_ts_text = new Image(); var logo_world_text = new Image(); logo_ts_text.src = "https://static.earthcam.com/ts2016/images/header_TimesSquare_03.png"; logo_world_text.src = "https://static.earthcam.com/ts2016/images/WorldWideCams_03.png"; var ny_world_id = ""; } } /* player specific */ var js_userid = "0"; var js_allowmobile; var js_defaultCam = 'crittercam'; var firstPageLoad = true; var ecnPlayer; var hof; var TimelapseOBJ; var timelapse_type = "sun"; var current_timelapse_type = "sun"; var related_id = "469a6ddc50cb69b83b995a885797da99"; //var related_id = "3c0252f7fab54a69758b1aba1a19a318"; var extraOBJ; var extra_type = "aerial"; var current_extra_type = "aerial"; var js_bestof_array = ["469a6ddc50cb69b83b995a885797da99"]; var js_timelapse_array = []; var timelapse_init = false; var bestof_init = false; var sunrisesunset_init = false; var extra_init = false; var flashvars = {}; LOG = false; // logging ECHO_DISPATCHEVENT = false; // logging /* misc vars*/ var cdn_percent_threshold = 2; // var _flash_installed = true; // var install_flash_message = ""; var flashversion; var js_cdn_domain = "https://static.earthcam.com"; var base_path_js = "https://static.earthcam.com"; var top_nav_dropdown_visible = false; var ECN_player_version = "3"; //var currentCam = 0; var showplaceholder = "false"; var js_basic_player = false; // bool: true or false var search_box_visible = false; var base_url = ""; var page_title = "EarthCam - Critter Cam"; var js_forceplaymobile = false; var current_ecn_url; var userid_md5 = ""; /* old, probably used for new years? */ var thumb_row_type = new Array(); function reload(){ //setInterval(function(){location.reload();},10000); //console.log("i wanted to reload"); location.reload(); } /* ************************************************************************************************************** */ // document.ready function jQuery(function(){ var coinflip = Math.floor(Math.random() * 2); console.log("coin",coinflip); jQuery('#askhsbutton').click(function() { if (coinflip == "1") { jQuery('#modal_iframe_custom_ask').attr("src", "https://blog.earthcam.net/ad-free-earthcam199mnth"); } else { jQuery('#modal_iframe_custom_ask').attr("src", "https://blog.earthcam.net/ad-free-earthcam1999yr"); } }); hof = new earthcam.HoF(); hof.init(); //Make sure only need to calculate once min_date_timestamp = new Date('12/16/2022').getTime(); max_date_timestamp = new Date('11/28/2024').getTime(); jQuery("#search_icon, #hof_search_button").on('click touched', function(){ //Clear every time jQuery('#dateError').html(''); // content_date_start // content_date_end hof.content_date_start = jQuery("#content_date_start").val(); hof.content_date_end = jQuery("#content_date_end").val(); hof.hof_term = jQuery('#hof_term').val(); console.warn("date: ",hof.content_date_start, hof.content_date_end); // return false; //If both empty, return false /*if ( jQuery('#hof_term').val().length == 0 && hof.content_date_start.length == 0 && hof.content_date_end.length == 0 ) { return false; }*/ start_timestamp = new Date( hof.content_date_start ).getTime(); end_timestamp = new Date( hof.content_date_end ).getTime(); //Otherwise, if one date is invalid or outside date range, prevent search if ( ( hof.content_date_start.length != 0 && ( isNaN( start_timestamp ) || ( start_timestamp < min_date_timestamp || start_timestamp > max_date_timestamp ) ) ) || ( hof.content_date_end.length != 0 && ( isNaN( end_timestamp ) || ( end_timestamp < min_date_timestamp || end_timestamp > max_date_timestamp ) ) ) ) { jQuery('#dateError').html('Invalid date.'); return false; } hof.initial_hof_load = true; hof.manual_loadHallOfFame(); }); jQuery('#content_date_start').datepicker({ dateFormat: "mm/dd/yy", minDate: '12/16/2022', maxDate: '11/28/2024', // maxDate: 0, // yearRange: "2010:+00", changeYear: true, changeMonth: true, showButtonPanel: true, closeText: 'Clear', //timeFormat: 'hh:mm:ss tt' create: function(event, ui) { jQuery('.ui-datepicker').wrap('<div class="earthcam-jquery-ui"></div>'); // jQuery('.ui-datepicker-current').hide(); }, beforeShow: function(input) { // hide today button setTimeout(function() { jQuery('.ui-datepicker-current').hide(); }, 1 ); // custom clear button setTimeout(function() { var clearButton = jQuery(input ) .datepicker( "widget" ) .find( ".ui-datepicker-close" ); clearButton.off("click").on("click",function(){jQuery.datepicker._clearDate( input );}); }, 1 ); }, onClose: function (selectedDate, ui) { console.warn("selected - ",selectedDate); console.warn("selected - ",ui); //.ui-datepicker-close | $.datepicker._clearDate(this); if( !selectedDate ) selectedDate = '12/16/2022'; jQuery('#content_date_end').datepicker('option', 'minDate', selectedDate ); jQuery('.ui-datepicker-current').hide(); }, }); jQuery('#content_date_end').datepicker({ dateFormat: "mm/dd/yy", minDate: '12/16/2022', maxDate: '11/28/2024', // maxDate: 0, // yearRange: "2010:+00", changeYear: true, changeMonth: true, showButtonPanel: true, closeText: 'Clear', //timeFormat: 'hh:mm:ss tt' create: function(event, ui) { jQuery('.ui-datepicker').wrap('<div class="earthcam-jquery-ui"></div>'); // jQuery('.ui-datepicker-current').hide() }, beforeShow: function(input) { setTimeout(function() { jQuery('.ui-datepicker-current').hide(); }, 1 ); // custom clear button setTimeout(function() { var clearButton = jQuery(input ) .datepicker( "widget" ) .find( ".ui-datepicker-close" ); clearButton.off("click").on("click",function(){jQuery.datepicker._clearDate( input );}); }, 1 ); }, onClose: function (selectedDate, ui) { console.warn("selected - ",selectedDate); //$.datepicker._clearDate(this); if( !selectedDate ) selectedDate = '11/28/2024'; jQuery('#content_date_start').datepicker('option', 'maxDate', selectedDate ); jQuery('.ui-datepicker-current').hide(); }, }); jQuery('#glyphicon-calendar-start').on( 'click', function () { jQuery('#content_date_start').datepicker('show'); }); jQuery('#glyphicon-calendar-end').on( 'click', function () { jQuery('#content_date_end').datepicker('show'); }); if ( template_mode == "ecn" ) { TimelapseOBJ = new earthcam.TimeLapse; TimelapseOBJ.timelapse_type = "sun"; TimelapseOBJ.init(); extraOBJ = new earthcam.Extra; extraOBJ.init(); jQuery('#wtc_drop').val('none'); } /*jQuery.browser.device = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase())); //if (jQuery.browser.mobile == true) if (jQuery.browser.device == true) js_basic_player = true;*/ js_basic_player = false; /* BIND ECN PLAYER EVENTS TO FUNCTIONS earthcam.events.Event.addEventListener(earthcam.events.ECNEvent.[EVENT], [EVENT_HANDLER_FUNCTION]); removeEventListener function headerChangeHandler(evt){ var foo = evt.data; } */ earthcam.events.Event.removeEventListener(earthcam.events.ECNEvent.SWITCH_PAGE, ECNPAGE_handler_switch_page); earthcam.events.Event.addEventListener(earthcam.events.ECNEvent.SWITCH_PAGE,ECNPAGE_handler_switch_page); /* example: earthcam.events.Event.dispatchEvent( new earthcam.events.ECNEvent(earthcam.events.ECNEvent.ECNPAGE_handler_switch_page) ); earthcam.events.Event.dispatchEvent( new earthcam.events.ECNEvent(earthcam.events.ECNEvent.ECNPAGE_handler_switch_page, {foo:"bar", dispatcher:"CarouselRelatedCams"}) ); */ earthcam.events.Event.removeEventListener(earthcam.events.ECNEvent.SWITCH_CAM, ECNPAGE_handler_switch_cam); earthcam.events.Event.addEventListener(earthcam.events.ECNEvent.SWITCH_CAM,ECNPAGE_handler_switch_cam); earthcam.events.Event.removeEventListener(earthcam.events.ECNEvent.HEADER_CHANGE, ECNPAGE_handler_header); earthcam.events.Event.addEventListener(earthcam.events.ECNEvent.HEADER_CHANGE,ECNPAGE_handler_header); earthcam.events.Event.removeEventListener(earthcam.events.ECNEvent.BACKGROUND_CHANGE, ECNPAGE_handler_bg); earthcam.events.Event.addEventListener(earthcam.events.ECNEvent.BACKGROUND_CHANGE, ECNPAGE_handler_bg); earthcam.events.Event.removeEventListener(earthcam.events.ECNEvent.MAP_CHANGE, ECNPAGE_handler_mapchange); earthcam.events.Event.addEventListener(earthcam.events.ECNEvent.MAP_CHANGE, ECNPAGE_handler_mapchange); earthcam.events.Event.removeEventListener(earthcam.events.ECNEvent.POV_COPY_CHANGE, ECNPAGE_handler_pov); earthcam.events.Event.addEventListener(earthcam.events.ECNEvent.POV_COPY_CHANGE, ECNPAGE_handler_pov); earthcam.events.Event.removeEventListener(earthcam.events.ECNEvent.AFFILIATE_CHANGE, ECNPAGE_handler_affiliate); earthcam.events.Event.addEventListener(earthcam.events.ECNEvent.AFFILIATE_CHANGE, ECNPAGE_handler_affiliate); //moved to hof class /*earthcam.events.Event.removeEventListener(earthcam.events.ECNEvent.HOF_ID_CHANGE, ECNPAGE_handler_hofid); earthcam.events.Event.addEventListener(earthcam.events.ECNEvent.HOF_ID_CHANGE, ECNPAGE_handler_hofid);*/ earthcam.events.Event.removeEventListener(earthcam.events.ECNEvent.SAVE_LIKES, ECNPAGE_handler_savelikes); earthcam.events.Event.addEventListener(earthcam.events.ECNEvent.SAVE_LIKES, ECNPAGE_handler_savelikes); earthcam.events.Event.removeEventListener(earthcam.events.ECNEvent.LOAD_LIKES, ECNPAGE_handler_loadlikes); earthcam.events.Event.addEventListener(earthcam.events.ECNEvent.LOAD_LIKES, ECNPAGE_handler_loadlikes); if(typeof console != "object"){ console = {}; } if(typeof console.time != "function" || typeof console.timeEnd != "function"){ console.time = function(){}; console.timeEnd = function(){}; } /* *************** */ if (!contentpage) { if ($OperatingSystem == "iOS" || $OperatingSystem == "Android") { $mobileEnvironment = true; // TEMPORARY FIX if ("HTML5" != ecn_player_mode) { js_basic_player = true; } } console.log($browser + " and "+$OperatingSystem +" "+$OperatingSystemVer+" detected"); /* if ($MSIE_MODE && "HTML5" == ecn_player_mode) // fall back to Flash, IE 11 and lower, when on Windows 7 or prior { ecn_player_mode = "FLASH"; } */ /* IE 11, Win7:: Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; rv:11.0) like Gecko Chrome Win7:: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.76 Safari/537.36 FF Win7 :: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:50.0) Gecko/20100101 Firefox/50.0 */ var user_agent = navigator.appVersion; //ecn_player_mode = "HTML5"; if ("HTML5" == ecn_player_mode) { //console.log("html5 dom setup"); jQuery('#ecnPlayer').html('<div class="ecnPlayerHTML5"></div>'); } else { var inner_ecn_player_dom = '<div class="playerArea">'+ '<div class="flashContainer">'+ '<div id="flash"></div>'+ '</div>'+ '<div class="mapContainer"></div>' + '</div>'+ '<div class="selectorArea">'+ '<div class="cameraSelector">'+ '<div class="prev"></div>'+ '<div class="thumbsContainer">'+ '<div class="fadeLeft"></div>'+ '<div class="thumbs"></div>'+ '<div class="fadeRight"></div>'+ '</div> ' + '<div class="next"></div>'+ '</div>'+ '<div class="selectorMessage">'+ '<p>Updating World Cams...</p>'+ '</div>'+ '<div class="archiveSelector">'+ '<div class="clipsContainer">'+ '<div class="clips"></div>'+ '</div>'+ '</div>'+ '<div class="panoramaSelector">'+ '</div>'+ '<div class="disabler"></div>'+ '</div>'+ '<div class="help" style="height:calc(100% + 23px);">'+ '<div class="w960"></div>'+ '<div class="w800"></div>'+ '<div class="done"></div>'+ '</div>'; jQuery('#ecnPlayer').html(inner_ecn_player_dom); } /* WHEN USER SCROLLS TO BOTTOM OF SCREEN, LOAD MORE HOF */ /*$j(window).scroll(function() { earthcam.events.Event.dispatchEvent(new earthcam.events.ECNEvent(earthcam.events.ECNEvent.HOF_AUTO_LOAD)); //hof.hofAutoLoad(); checkScrollToTopButton(); });*/ /* HISTORY JS implementation */ var History = window.History; var State; var Timer; //var State = History.getState(); var hash_cam = loadCameraViaHash(); // old compatibility for hashes if (hash_cam == false) { State = History.getState(); } // listen for history change events History.Adapter.bind(window,'statechange',function(evt) { // Note: We are using statechange instead of popstate //console.warn("state change"); //debounce in case user is quickly clicking through cams - should limit issues with trying to call up multiple cams clearTimeout(Timer); Timer = setTimeout(function(){ pageDispatcher(); }, 300); }); // ------------------------------------------ //alert(js_basic_player); if (js_basic_player) { //_startPlayer_basic('crittercam'); if (template_mode == "ecn") { setupMobileThumbs(); } earthcam.events.Event.dispatchEvent(new earthcam.events.ECNEvent(earthcam.events.ECNEvent.SWITCH_CAM, {cam:js_defaultCam, dispatcher:"ECNCameraSelectorTourTimerCompleteHandler"})); } else { console.log("html5.init"); setupPlayerConfig(); flashvars.browser = $browser.toLowerCase(); flashvars.OS = $OperatingSystem.toLowerCase(); flashvars.clientData = clientData; flashvars.mobile = $mobileEnvironment; //console.log(flashvars); ecnPlayerHTML5 = new window.earthcam.ECNPlayerHTML5(jQuery('.ecnPlayerHTML5')/**, config**/); // MANUAL TESTING // var hofid = "timessquare_hd"; // earthcam.events.Event.dispatchEvent(new earthcam.events.ECNEvent(earthcam.events.ECNEvent.HOF_ID_CHANGE, {"hofid":hofid})); // START PLAYER INIT ecnPlayerHTML5.init(flashvars); } } // end checking for contentpage /* OLD TOP MENU DROPDOWN */ // top nav dropdown //var nav_overlay = $j('#top_nav_dropdown'); $j('#top_nav_dropdown').on( 'mouseleave', function(){ topnavHide(800); top_nav_dropdown_visible = false; }); $j('#top_nav_dropdown').on( 'mouseenter', function(){ $j('#top_nav_dropdown').clearQueue(); top_nav_dropdown_visible = true; }); /* OLD MORE MENU DROP DOWN JS */ $j('#contentlink').on( 'click', function(){ if($j('#subcontent2').css("display") == "none"){ $j('#subcontent2').fadeIn('fast'); ECNClickTracker('ECN Page', '/ECN/page/top_nav/moremenu'); }else{ menuHide2(0); } return false; //hijack href }); $j('#subcontent2').on( 'mouseleave', function(){ menuHide2(500); }); $j('#subcontent2').on( 'mouseenter', function(){ $j('#subcontent2').clearQueue(); }); $j('#contentlink').on( 'mouseenter mouseleave', function(){ $j('#moreArrow').attr('src', 'https://static.earthcam.com/images/search/MoreArrow-Hover.gif'); }, function(){ $j('#moreArrow').attr('src', 'https://static.earthcam.com/images/search/MoreArrow-On.gif'); }); jQuery('#hof_title').on( 'click', function(){ select_hof_section_title(jQuery(this)); //jQuery(".date_container").show(); jQuery('#timelapse_segment').hide(); jQuery('#bestof_segment').hide(); jQuery('#extra_segment').hide(); jQuery('#hof_segment').show(); // hof.manual_loadHallOfFame(); //jQuery('#hof_title > .blueTitle').html('Hall of Fame'); if (typeof js_timelapse_array != "undefined" && js_timelapse_array.indexOf(related_id) != -1) { jQuery('#sunrise_sunset_title').show(); } jQuery('#topvideos_title').show(); }); // quick methods for changing time-lapse data and reloading only when needed, so it doesn't double dip into TL data jQuery('#topvideos_title').on( 'click', function(){ select_hof_section_title(jQuery(this)); jQuery(".date_container").hide(); jQuery('#hof_segment').hide(); jQuery('#extra_segment').hide(); jQuery('#timelapse_segment').show(); // jQuery('#bestof_segment').show(); TimelapseOBJ.timelapse_type = "bestof"; timelapse_type= "bestof"; // reset the container and current TL type if (bestof_init == false || current_timelapse_type != "bestof") { // console.log("#topvideos_title click"); // console.log("current_timelapse_type",current_timelapse_type); // console.log("bestof_init",bestof_init); // console.log("TimelapseOBJ.start",TimelapseOBJ.start); jQuery("#timelapse_items_container").html(""); // TimelapseOBJ.resetStart(); bestof_init = true; TimelapseOBJ.timelapse_type = "bestof"; TimelapseOBJ.loadTimeLapse(); } }); jQuery('#sunrise_sunset_title').on( 'click', function(){ select_hof_section_title(jQuery(this)); jQuery(".date_container").hide(); jQuery('#hof_segment').hide(); jQuery('#timelapse_segment').show(); jQuery('#extra_segment').hide(); // jQuery('#bestof_segment').hide(); TimelapseOBJ.timelapse_type = "sun"; timelapse_type = "sun"; // reset the container and current TL type if (sunrisesunset_init == false || current_timelapse_type != "sun") { // console.log("current_timelapse_type",current_timelapse_type); // console.log("sunrisesunset_init",sunrisesunset_init); // console.log("TimelapseOBJ.start",TimelapseOBJ.start); jQuery("#timelapse_items_container").html(""); // TimelapseOBJ.resetStart(); sunrisesunset_init = true; TimelapseOBJ.timelapse_type = "sun"; TimelapseOBJ.manual_loadTimeLapse(); } }); // --------------------------------------------------------------------------------------------------------------------------------- jQuery('.wtc_option').on( 'click', function(e){ var item = jQuery(this); select_hof_section_title(item); $value = item.data('value'); $hidedate = item.data('hidedate'); //Set to true to hide date whenever this section is opened // override $hidedate = true; if( $value == 'none' ) { return 0; } jQuery('#hof_segment').hide(); // jQuery('.date_container').hide(); jQuery('#extra_segment').show(); jQuery('#timelapse_segment').hide(); jQuery('#hof_title > .blueTitle').html('< Back'); jQuery('#topvideos_title, #sunrise_sunset_title').hide(); if( $hidedate == true ) { jQuery('.date_container').hide(); } else { jQuery('.date_container').show(); } extraOBJ.extra_type = $value; extra_type= $value; extra_grid_image_count = extraOBJ.extra_images_loaded_so_far = 0; if (extra_init == false || current_extra_type != $value) { current_extra_type = $value; extraOBJ.manual_loadExtra(); extra_init = true; } }); /* TESTING ARCHIVE IMAGES TOOLTIPS */ //if ( jQuery('.selectorArea').tooltip != "undefined") { if (contentpage == false) { jQuery('.selectorArea').tooltip({ items: ".clip img", show: { delay: 0, duration: "fast", effect: "show" }, hide: { effect: "hide" }, position: { my: "center bottom-5", at: "center top", } }); } /* Bandaid fix for making sure search page and video player likes are coordinated */ /*function lsTest() { var foo="bar"; }*/ var camid = "469a6ddc50cb69b83b995a885797da99"; // ----------------------------------------------------------------------------------------------- // CLICK EVENTS FOR LOGGING TO GA // player clicks if ( typeof(ECNClickTracker) != "undefined" ) { // PAGE jQuery('#static_map').on( 'click', function(){ ECNClickTracker('ECN Page', '/ECN/page/static_map'); }); jQuery('#pageLikeButton').on( 'click', function(){ ECNClickTracker('ECN Page', '/ECN/page/page_heart_like_icon'); }); jQuery('#sunrise_sunset_title').on( 'click', function(){ ECNClickTracker('ECN Page', '/ECN/page/recent_timelapses_header_click'); }); jQuery('#topvideos_title').on( 'click', function(){ ECNClickTracker('ECN Page', '/ECN/page/top_videos_header_click'); }); // player thumbnails jQuery('.relatedCams').on( 'click', function(){ ECNClickTracker('ECN Player', '/ECN/player/related_cams_icon'); }); jQuery('.thumb related').on( 'click', function(){ ECNClickTracker('ECN Player', '/ECN/player/related_thumb',"click",''); }); jQuery('.local-thumb').on( 'click', function(){ ECNClickTracker('ECN Player', '/ECN/player/camera_thumb_local',"click",''); // console.warn("local thumb"); }); // PLAYER jQuery('.pinBtn').on( 'click', function(){ // console.warn("pin button"); ECNClickTracker('ECN Player', '/ECN/player/pin_button_click'); }); jQuery('.myECFullScreenBtn').on( 'click', function(){ // console.warn("full screen button"); ECNClickTracker('ECN Player', '/ECN/player/fullscreen_button_click'); }); jQuery('.myECFullScreenBtn fullScreen').on( 'click', function(){ // console.warn("exit full screen button"); ECNClickTracker('ECN Player', '/ECN/player/fullscreen_button_exit_click'); }); jQuery('.volumeBtn').on( 'click', function(){ // console.warn("volume toggle button"); ECNClickTracker('ECN Player', '/ECN/player/volume_button_click'); }); // jQuery('.prev-watchlist').click(function(){ // console.warn("previous watchlist arrow"); // ECNClickTracker('ECN Player', '/ECN/player/prev_watchlist',"click",''); // }); // jQuery('.next-watchlist').click(function(){ // console.warn("next watchlist arrow"); // ECNClickTracker('ECN Player', '/ECN/player/next_watchlist',"click",''); // }); // jQuery('.snapshot-dome-btn').click(function(){ // console.warn("snapshot button"); // ECNClickTracker('ECN Player', '/ECN/player/snapshot_share',"click",''); // }); // jQuery('#myECSettingsBtn').click(function(){ // console.warn("settings widget button"); // ECNClickTracker('ECN Player', '/ECN/player/settings/settings_widget_button',"click",''); // }); jQuery('#cameraName').on( 'click', function(){ // console.warn("settings: camera name"); ECNClickTracker('ECN Player', '/ECN/player/settings/cameraName',"click",''); }); jQuery('#locationName').on( 'click', function(){ // console.warn("settings: location name"); ECNClickTracker('ECN Player', '/ECN/player/settings/locationName',"click",''); }); jQuery('#displayTime').on( 'click', function(){ // console.warn("settings: display time name"); ECNClickTracker('ECN Player', '/ECN/player/settings/displayTime',"click",''); }); jQuery('#weatherData').on( 'click', function(){ // console.warn("settings: weather data"); ECNClickTracker('ECN Player', '/ECN/player/settings/weatherData',"click",''); }); jQuery('#displayViews').on( 'click', function(){ // console.warn("settings: display views"); ECNClickTracker('ECN Player', '/ECN/player/settings/displayViews',"click",''); }); // jQuery('#displayMusicBGM').click(function(){ // var value = jQuery('#displayMusicBGM').is(":checked"); // ECNClickTracker('ECN Player', '/ECN/player/displayMusicBGM',"checked",value); // }); // jQuery('#formatMusic').click(function(){ // var value = jQuery('#formatMusic').val(); // ECNClickTracker('ECN Player', '/ECN/player/displayMusicBGM',"checked",value); // }); } jQuery('.date_container').fadeIn(100); // $.datepicker._clearDate(this); }); function getRandomInteger(min, max) { min = Math.ceil(min); max = Math.floor(max); return Math.floor(Math.random() * (max - min)) + min; //The maximum is exclusive and the minimum is inclusive } function setupPlayerConfig() { /* Flashvars setup */ /* event mode */ if ("newyears" == js_event_mode) { flashvars.newYear = 2025; //the year that the relevent new years day is in. flashvars.midnightTime = 1735707600*1000; // 2025-01-01T00:00:00-05:00 flashvars.broadcastStartTime = 1735700400*1000; // 2024-12-31T22:00:00-05:00 flashvars.broadcastEndTime = 1735708500*1000; // 2025-01-01T00:15:00-05:00 flashvars.nyebroadcastPre = "https://static.earthcam.com/cams/includes/images/offline_images/NYE_BroadcastPlaceholder_pre.jpg"; flashvars.nyebroadcastPost = "https://static.earthcam.com/cams/includes/images/offline_images/NYE_BroadcastPlaceholder_post.jpg"; flashvars.nyebroadcastTonight = "https://static.earthcam.com/cams/includes/images/offline_images/NYE_BroadcastPlaceholder_nye.jpg"; flashvars.tsEventFallback = false; // flashvars.tsEventFallback = true; // flashvars.nyebroadcastPre = "/cams/includes/images/offline_images/NYE_BroadcastPlaceholder_pre.jpg"; // flashvars.nyebroadcastPost = "/cams/includes/images/offline_images/NYE_BroadcastPlaceholder_post.jpg"; // flashvars.nyebroadcastTonight = "/cams/includes/images/offline_images/NYE_BroadcastPlaceholder_nye.jpg"; //flashvars.disableCameraLikes = true; } if (template_mode == "ecn") { js_defaultCam = getQueryVariable('cam'); //console.log(js_defaultCam); // determine if hash tag history fallback is present, for IE <=9 and compat mode var hash_cam = loadCameraViaHash(); if (hash_cam !== false) { //console.warn('hash_cam not false'); flashvars.cam = hash_cam; } else { var valid_cam = jQuery.inArray(js_defaultCam, js_cam_list); if ( js_defaultCam == undefined) { js_defaultCam = 'crittercam'; } else if (valid_cam == -1) { js_defaultCam = 'crittercam'; } flashvars.cam = js_defaultCam; //flashvars.cam = "crittercam"; } } else { js_defaultCam = 'crittercam'; flashvars.cam = 'crittercam'; } var base_url_full = History.getState().hashedUrl.split("?"); flashvars.base_url = base_url_full[0]; flashvars.eventmode_page = eventmode_page; //console.log(base_url); flashvars.placeholder360 = "https://static.earthcam.com/cams/includes/images/PlaceHolder_360.jpg"; //flashvars.timestamp = ""; flashvars.hidebanner = ""; flashvars.json = json_base; flashvars.userid = js_userid; flashvars.camNameLookup = camNameLookup; flashvars.path = "/cams//"; flashvars.needWaterTemp = ""; flashvars.showplaceholder = "false"; flashvars.ecnBlack = ""; flashvars.streamTimeOut = '30'; flashvars.disableCameraLikes = false; flashvars.thumbLabel = ''; flashvars.thumbLabelRight = ''; flashvars.thumbLabel2 = ''; flashvars.eventMode = ''; flashvars.operationMode = js_event_mode; flashvars.playerPathState = "com"; flashvars.ectv_mode = template_mode; } function _startPlayer() { setupPlayerConfig(); /* PLAYER INIT SPECIFIC */ ecnPlayer = new earthcam.ECNPlayer(jQuery("#ecnPlayer")); ecnPlayer.init(flashvars); console.timeEnd("Runtime"); //TESTING } --> </script> <!-- Facebook Pixel Code --> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" > !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1186022381602388'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1186022381602388&ev=PageView&noscript=1" /></noscript> <!-- End Facebook Pixel Code --> </head> <body class="css3" onkeydown="return HandleKey(event? event : window.event);" style=''> <div class="page-container"> <div id="fb-root"></div> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" >(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=153227104759826&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <!-- Android Smart App Banner--> <!-- <link rel="stylesheet" href="https://static.earthcam.com/css/jquery.smartbanner.css" type="text/css" media="screen"> <script src="https://static.earthcam.com/js/jquery.smartbanner.js"></script> <script type="text/javascript"> jQuery().smartbanner(); </script> --> <style nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" > .header-v3 .navbar-default .navbar-nav>li a { border-bottom: none !important; } </style> <!--=== Header v3===--> <div id='campage-head' class="header-v3" style='min-width: 960px;'> <!-- Navbar --> <div class="navbar navbar-default navbar-expand mega-menu navbar-expand-lg" role="navigation" style="padding: 5px 10px; border-radius: 0px;"> <span><i id="header-toggle" class="fa fa-bars sidebar-toggle" alt="Click here for sidebar"></i></span> <!-- Brand and toggle get grouped for better mobile display --> <a class="navbar-brand" href="https://www.earthcam.com" style="display: flex; align-items: center;"> <img id="logo-header" src="https://static.earthcam.com/images/holiday_logos/thanksgiving_logo.png" title="Happy Thanksgiving wishes from EarthCam" alt="Happy Thanksgiving wishes from EarthCam" alt="Logo" height="60" /> </a> <ul class="nav navbar-nav navbar-right" style="position: relative; justify-content: flex-end; flex-grow: 1; margin-right: 0px; align-items: center;"> <li id="searchbar"> <div id="searchbar2" class="searchbox"> <form class="searchBarSubmission" action="https://www.earthcam.com/search/ft_search.php?_sbox=1&s1=1&term="> <input type="text" id="headerSearch" style="height: 35px; font-size: 14px;" class="form-control search-bar" name="term" placeholder="Search" value=""/> <button id="submitSearchSmall" style="font-size: 14px; border-radius: 4px;" class="btn btn-default searchClick"> <i class="fa fa-search text-center" alt="Search"></i><span style="margin-left: 5px;" class="searchText">Search</span> </button> </form> </div> </li> <li><a data-tracking="header" class="top" href="https://www.earthcam.com/halloffame/"><i class="fa fa-star" alt="Hall of Fame" title="Hall of Fame"></i>&nbsp;&nbsp;Hall of Fame</a></li> <li><a data-tracking="header" href="https://www.earthcam.com/myearthcam/"><i class="fa fa-video-camera" alt="My Earthcam" title="My Earthcam"></i>&nbsp;&nbsp;My EarthCam</a></li> <li data-tracking="header" id="earthcamButton"><a href="https://www.earthcam.net">EarthCam.net</a></li> <!--<button id="navbar-toggle" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar" aria-expanded='true'> <span class="fa fa-bars"></span> </button>--> </ul> <!-- Collect the nav links, forms, and other content for toggling --> <!--<div id="navbarNav" class="collapse navbar-collapse navbar-responsive-collapse" style='max-height: 31px;'> <!--<ul class="nav navbar-nav mr-auto mt-2 mt-lg-0"></ul>-> <ul class="nav navbar-nav navbar-right my-0"> <li><a href="/myearthcam/">My EarthCam</a></li> <li class="nav-item dropdown"> <a class='d-block' style='cursor: pointer;'>More</a> <!--<a class='nav-link dropdown-toggle d-block d-lg-none' href='#' id="navbarDropdownMenuLink2" role='button' data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Help</a>-> <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink2"> <li><a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/network',1);return false;" href="//www.earthcam.com/network/">EarthCam Network</a></li> <li><a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/hofpage',1);return false;" href="//www.earthcam.com/halloffame/">Hall of Fame</a></li> <li><a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/advsearch',1);return false;" href="//www.earthcam.com/search/advanced_search.php">Advanced Search</a></li> <br /> <li><a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/addacam',1);return false;" href="//www.earthcam.com/add_request.php">Add A Cam</a></li> <li><a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/new_cams',1);return false;" href="//www.earthcam.com/search/ft_search.php?newcams">New Webcams</a></li> <li><a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/top10',1);return false;" href="//www.earthcam.com/topten.php">Top 10 Cams</a></li> <li><a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/mycampage_search',1);return false;" href="//www.earthcam.com/search/adv_search.php?lang=en&redirect=yes&title=&restrict=1&url=myearthcam.com&city=&state=&zip=&country=">MyCam Pages</a></li> <li><a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/worldmap',1);return false;" href="//www.earthcam.com/mapsearch/">World Map</a></li> <br /> <li><a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/news',1);return false;" href="//www.earthcam.com/news.php">News</a></li> <li><a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/companyinfo',1);return false;" href="//www.earthcam.com/company/">Company Info</a></li> <li><a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/aboutus',1);return false;" href="//www.earthcam.com/company/aboutus.php">About Us</a></li> <li><a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/mediakit',1);return false;" href="//www.earthcam.com/inthenews.php">Media Kit</a></li> <li><a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/eventarchives',1);return false;" href="//www.earthcam.com/eventarchives/">Event Archives</a></li> <li><a rel="nofollow" onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/dotnetbizlink',1);return false;" href="https://www.earthcam.net" target="_blank" rel="noopener">Business Applications</a></li> <li><a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/reportbroken',1);return false;" href="//www.earthcam.com/company/contact.php?query=link">Report Broken Link</a></li> </ul> </li> <!--<div class='d-block d-lg-none spacer' style='height: calc( 100vh - 325px ); z-index: -1;'></div>-> </ul> </div>--><!-- /navbar-collapse --> </div> <!-- End Navbar --> </div> <!-- End Header v3 --> <!-- Sidebar and Scrim --> <div class="container-fluid " id="side-content-wrapper"> <div id="scrim"></div> <div id="sidebar-wrapper"> <ul class="sidebar-nav"> <!--<li class="brand"><i class="fa fa-bars sidebar-toggle" alt="Click here for sidebar"></i></li>--> <li><a data-tracking="sidebar" href="/network/">EarthCam Network</a></li> <!--<li><a href="/search/adv_search.php?lang=en&redirect=yes&title=&restrict=1&url=myearthcam.com&city=&state=&zip=&country=">EarthCam Community</a></li>--> <!--<li><a href="#">Featured</a></li>--> <!--<li><a href="/search/adv_search.php?cat[]=ANI">Animals and Zoo</a></li>--> <!--<li><a href="/search/adv_search.php?cat[]=ENT">Entertainment</a></li>--> <!--<li><a href="/search/adv_search.php?cat[]=UNU">Weird and Bizarre</a></li>--> <!--<li><a href="/topten.php">Top 10 Cams</a></li>--> <!--<li><a href="https://www.constructioncamtv.com">Construction</a></li>--> <!--<li><a href="#">Watch It Again</a></li>--> <li><a data-tracking="sidebar" href="/network/map.php">Webcams of the World</a></li> <!--<li><a data-tracking="sidebar" href="/network/map.php?region=North America">North America</a></li> <li><a data-tracking="sidebar" href="/network/map.php?region=South America">South America</a></li> <li><a data-tracking="sidebar" href="/network/map.php?region=Europe">Europe</a></li> <li><a data-tracking="sidebar" href="/network/map.php?region=Africa">Africa</a></li> <li><a data-tracking="sidebar" href="/network/map.php?region=Asia">Asia</a></li>--> <!--<li><a data-tracking="sidebar" href="/mapsearch/">World Map</a></li>--> <!--<li><a href="/search/ft_search.php?newcams">New Webcams</a></li>--> <!--<li><a data-tracking="sidebar" href="/search/advanced_search.php">Advanced Search</a></li>--> <br /> <!--<li><a data-tracking="sidebar" href="/company/credits.php">Media Usage</a></li> <li><a data-tracking="sidebar" href="/mobile/">Mobile Apps</a></li>--> <li><a data-tracking="sidebar" href="https://www.earthcam.net" target='_blank'>EarthCam.net</a></li> <li><a data-tracking="sidebar" href="https://www.earthcam.net/construction/" target='_blank'>Construction</a></li> <!--<li><a data-tracking="sidebar" href="https://www.earthcam.net/technology/">Technology</a></li> <li><a data-tracking="sidebar" href="https://www.vrsitetour.com">360 VR Site Tour</a></li>--> <li><a data-tracking="sidebar" href="https://www.earthcam.net/timelapse/" target='_blank'>Time-Lapse</a></li> <br /> <li><a data-tracking="sidebar" href="https://www.earthcamtv.com" target='_blank'><i class="fa fa-television" alt="EarthCam TV" title="EarthCam TV"></i>&nbsp;&nbsp;EarthCam TV</a></li> <br /> <li><a data-tracking="sidebar" href="/myearthcam"><i class="fa fa-video-camera" alt="My Earthcam" title="My Earthcam"></i>&nbsp;&nbsp;My EarthCam</a></li> <br /> <li><a data-tracking="sidebar" href="/halloffame"><i class="fa fa-star" alt="Hall of Fame" title="Hall of Fame"></i>&nbsp;&nbsp;Hall of Fame</a></li> <br /> <!--<li><a data-tracking="sidebar" href="/company/join_network.php"><i class="fa fa-flag" alt="Join Network" title="Join Network"></i>&nbsp;&nbsp;Join Network</a></li> <br /> <li><a data-tracking="sidebar" href="/add_request.php"><i class="fa fa-plus-square" alt="Add a cam" title="Add a cam"></i>&nbsp;&nbsp;Add A Cam</a></li> <br />--> <li><a data-tracking="sidebar" href="https://www.earthcamhq.com" target='_blank'><i class="fa fa-home" alt="EarthCam HQ" title="EarthCam HQ"></i>&nbsp;&nbsp;EarthCam HQ</a></li> <br /> <!--<li><a data-tracking="sidebar" href="/company/contact.php"><i class="fa fa-envelope-o" alt="Contact Us" title="Contact Us"></i>&nbsp;&nbsp;Contact Us</a></li> <br /> <li><a data-tracking="sidebar" href="/faq.php"><i class="fa fa-question-circle" alt="Contact Us" title="Contact Us"></i>&nbsp;&nbsp;FAQs</a></li> <br />--> <span class="verticalCenter socialIcons" style="top: 0%;"> <div class="verticalCenter social-text-adjust">Follow Us:</div> <div style="margin-bottom: 10px;"> <a data-tracking="sidebar" class="icon" href="https://www.facebook.com/earthcaminc" target='_blank'><i class="fa fa-facebook" alt="Facebook" title="Facebook"></i></a> <!-- <a data-tracking="sidebar" class="icon" href="https://www.twitter.com/earthcam" target='_blank'><i class="fa fa-twitter" alt="Twitter" title="Twitter"></i></a> --> <a data-tracking="sidebar" class="icon" href="https://www.twitter.com/earthcam" target='_blank'><img src="/includes/font-awesome/x-twitter.svg" style="height: 14px; margin-top: -2px;"></img></a> <a data-tracking="sidebar" class="icon" href="https://instagram.com/earthcam/" target='_blank'><i class="fa fa-instagram" alt="Instagram" title="Instagram"></i></a> <a data-tracking="sidebar" class="icon" href="https://www.linkedin.com/company/earthcam-inc-" target='_blank'><i class="fa fa-linkedin" alt="LinkedIn" title="LinkedIn"></i></a> <a data-tracking="sidebar" class="icon" href="https://www.youtube.com/user/earthcam" target='_blank'><i class="fa fa-youtube-play" alt="Youtube" title="Youtube"></i></a> <a data-tracking="sidebar" class="icon" href="https://www.earthcam.com/mobile/" target='_blank'><i class="fa fa-mobile" alt="Mobile App" title="Mobile applications on your phone"></i></a> <a data-tracking="sidebar" class="icon" href="https://www.earthcam.com/rss.php" target='_blank'><i class="fa fa-rss" alt="RSS Feed" title="RSS Feed"></i></a> <!--<a data-tracking="sidebar" class="icon" href="https://www.earthcam.com/newsletter/signup.php" target='_blank'><i class="fa fa-envelope" alt="Newsletter" title="Sign up for our newsletter"></i></a>--> </div> </span> </ul> </div> </div> <!-- End Sidebar and Scrim --> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" > var cache = {}; var autocomplete_chosen = false; var autocomplete_partial = ""; function checkAutocompleteSearchLogger() { if (autocomplete_chosen == true) { if (typeof ECNClickTracker != "undefined") { ECNClickTracker("Search Auto Complete", autocomplete_partial, jQuery("#headerSearch").val()); // console.warn("Search", "autocomplete", autocomplete_partial, jQuery("#headerSearch").val() ); } if (typeof gtag != "undefined") { // console.warn("gtag - event logged"); gtag('event', 'search_auto_complete', { 'search_term' : autocomplete_partial }); } } } jQuery(document).ready(function () { jQuery("#submitSearchSmall").on('click touchend', function() { checkAutocompleteSearchLogger(); jQuery(this).closest(".searchBarSubmission").submit(); }); jQuery("#scrim").on( 'click', function(e){ jQuery("#side-content-wrapper").removeClass("toggled"); jQuery("#campage-head").removeClass("toggled"); jQuery(".mainContainer").removeClass("toggled"); jQuery("#footer-container").removeClass("toggled"); } ); jQuery(".sidebar-toggle").on( 'click', function(e){ jQuery("#side-content-wrapper").toggleClass("toggled"); jQuery("#campage-head").toggleClass("toggled"); jQuery(".mainContainer").toggleClass("toggled"); jQuery("#footer-container").toggleClass("toggled"); if ( typeof(ECNClickTracker) != "undefined" ) { ECNClickTracker('ECN Page', '/ECN/page/menu_sidebar'); } } ); fixed = false; jQuery(window).on( 'scroll', function(){ if (jQuery(this).scrollTop() > 80 && fixed == false){ //jQuery("#campage-head").addClass("fixed-top"); jQuery("#side-content-wrapper").addClass("fixed-top"); //jQuery(".mainContainer").css("margin-top", "0px"); //Commented out to fix strange behavior with switch to fixedheader fixed = true; } else if (jQuery(this).scrollTop() <= 80 && fixed == true){ //jQuery("#campage-head").removeClass("fixed-top"); jQuery("#side-content-wrapper").removeClass("fixed-top"); //jQuery(".mainContainer").css("margin-top", "0px"); fixed = false; } }); //Autocomplete code var url_address = "https://www.earthcam.com/api/dotcom-search/html/autocomplete_updated?term="; var sUrl = "https://www.earthcam.com/search/ft_search.php?"; var elem = jQuery(".search-bar").autocomplete({ delay: 250, maxResults: 5, minLength: 3, source: function(request, response){ maxResults = this.options.maxResults; if(typeof cache[request.term] === 'undefined'){ jQuery.ajax({ datatype: "json", url: url_address+request.term, success:function(data){ autocomplete_partial = jQuery("#headerSearch").val(); data = JSON.parse(data); array = jQuery.map(data, function(elem){ return elem; }); var results = jQuery.ui.autocomplete.filter(array, request.term); results = results.slice(0, maxResults); cache[ request.term ] = results; response(results); } }); } else{ response(cache[request.term]); } }, select: function(event,ui) { //console.log( event ); //console.log( ui ); autocomplete_chosen = true; location.href = sUrl + 'term=' + ui.item.label; } }); jQuery.ui.autocomplete.prototype._resizeMenu = function () { var ul = this.menu.element; ul.outerWidth(this.element.outerWidth()); } //Re-renders passed-in values to make sure bold (<b>) tags are recognized correctly jQuery('.ui-autocomplete-input').each(function(i, el) { elemAutocomplete = jQuery(el).data("ui-autocomplete") || jQuery(el).data("autocomplete") || jQuery(el).data("uiAutocomplete"); if (elemAutocomplete) { elemAutocomplete._renderItem = function (ul, item) { var newText = String(item.value).replace( new RegExp(this.term, "gi"), "<b>$&</b>"); return jQuery("<li></li>") .data("item.autocomplete", item) .append("<div>" + newText + "</div>") .appendTo(ul); }; } } ); }); </script> <div id="blackoutOverlay"></div> <!--<div id="hof_full_image_container"> <div id="close_full_image"><img src="https://static.earthcam.com/cams/includes/images/Close_X.png" width="24" height="24" alt="close" title="" /></div> <div style="height: 18px;"></div> <div id="hof_thumb_full_div"></div> </div>--> <div class="superWhiteWrapper notEmbed"><!-- bandaid so the whole page is wrapped in a 1000 wide white background container --> <a name="documentTop" id="documentTop"></a> <!--<div id="fixed_scrolltotop"> <img class="hand_pointer" src="/cams/includes/images/BacktoTop.png" width="50" height="50" title="Back to the top" /> </div>--> <!-- #ec_logo_image #search_bar_area --> <!-- header segment ********************************************************************************************************* --> <!-- band-aid for keeping the JS function working --> <div id="site_header_text" style="display: none;"> <img id="site_header_text_img" src="https://static.earthcam.com/newyears/ts2021/images/TS_Cams.png?2" alt="" title="" width="166" height="40" border="0" /> </div> <!--<div id="header_segment"> <div class="customHeader" id="header_image"> <div id="ec_logo_image"><a href="https://www.earthcam.com"><img src="/images/logos/logo_ecn.png" alt="" title="" /></a></div> <div id="search_bar_area"> <div id="magnifying_glass" class="hand_pointer"><img src="https://static.earthcam.com/cams/includes/images/Search.png" width="48" height="50" alt="Search" title="Search" /></div> <div id="search_bar_container"> <div id="search_bg"></div> <input id="term" type="text" name="term"> </div> </div> </div> </div>--> <div id="top_nav_segment"> <!-- top nav --> <div id="topNavBar" style="border: 0px solid black;"> <div id="top_nav_dropdown"> <!-- used mostly on WTC page, for sub content dropdown menus--> </div> <div style="clear; both; height:6px;">&nbsp;</div> <div style="float: left;"><a id="hof_top_nav" class="hand_pointer" target=""><img src="https://static.earthcam.com/cams/includes/images/HOFStar.png" width="11" alt="" /> Hall of Fame <img src="https://static.earthcam.com/cams/includes/images/HOFStar.png" width="11" alt="" /></a><a onclick="gaRecordInternal(this, 'ECN Page', '/ECN/page/top_nav/network');" href="/network/" target="">EarthCam Network</a><a onclick="ECNClickTracker('ECN Page', '/ECN/page/top_nav/mediausage');" href="https://www.earthcam.com/company/mediapriorityaccess/" target="_blank">Media Usage</a></div> <div id="contentlink" rel="subcontent2" class="more_dropdown hand_pointer"> More <img src= "https://static.earthcam.com/cams/includes/images/MoreArrow.png" width="9" height="5" alt="" border="0" /> </div> <!-- (&#63;) --> <!-- hidden drop down for "more menu" --> <!--<div id="subcontent2"> <div style="height: 7px;"></div> <a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/network',1);return false;" href="/network/">EarthCam Network</a> <a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/hofpage',1);return false;" href="/halloffame/">Hall of Fame</a> <a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/advsearch',1);return false;" href="//www.earthcam.com/search/advanced_search.php">Advanced Search</a> <div style="height: 10px;"></div> <a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/addacam',1);return false;" href="/add_request.php">Add A Cam</a> <a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/new_cams',1);return false;" href="/search/ft_search.php?newcams">New Webcams</a> <a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/top10',1);return false;" href="/topten.php">Top 10 Cams</a> <a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/mycampage_search',1);return false;" href="/search/adv_search.php?lang=en&redirect=yes&title=&restrict=1&url=myearthcam.com&city=&state=&zip=&country=">MyCam Pages</a> <a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/worldmap',1);return false;" href="/mapsearch/">World Map</a> <div style="height: 10px;"></div> <a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/news',1);return false;" href="/news.php">News</a> <a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/companyinfo',1);return false;" href="/company/">Company Info</a> <a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/aboutus',1);return false;" href="/company/aboutus.php">About Us</a> <a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/mediakit',1);return false;" href="/inthenews.php">Media Kit</a> <a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/eventarchives',1);return false;" href="//www.earthcam.com/eventarchives/">Event Archives</a> <a rel="nofollow" onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/dotnetbizlink',1);return false;" href="https://www.earthcam.net" target="_blank" rel="noopener">Business Applications</a> <a onclick = "gaRecordInternal(this, 'ECN Page', '/ECN/page/moredmenu/reportbroken',1);return false;" href="/company/contact.php?query=link">Report Broken Link</a> </div>--> <!--/hidden drop down for "more menu" --> <div style="clear: both; height:0px;">&nbsp;</div> </div> <!--/top nav --> </div> <!--/header segment ********************************************************************************************************* --> <!--video and top content segment ******************************************************************************************* --> <div id="black_wrapper"> <div id="top_half"> <!--live--> <div id="top_content_segment"><div id="ecnPlayer" class="css_extra"> </div></div> <!--testing--> <!-- <div id="top_content_segment"> <div style="display: none;"> </div> <iframe allowfullscreen allow-scripts allow-same-origin id="ectviframe" width="1280" height="720" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="//www.earthcamtv.com/embed.php?sz=1&width=1280&height=720"></iframe> </div> --> </div> </div> <!--/video and top content segment ********************************************************************************************* --> </div> <!--<div style="min-width: 600px;">--> <div id="bottom_half_cont"> <!-- bottom half *************************************************************************************************************** --> <div id="bottom_half"> <div style="height: 15px; clear: left;"></div> <!--fb-plugin--> <!-- <div class="fb-comments" data-href="" data-numposts="5" data-width="100%"></div>--> <div id="map_copy_segment"> <div class='container-fluid'> <div class='row'> <!--<div class='col-lg-8 col-12'>--> <div class='col-12' style='margin-bottom: 25px;'> <!--<div id='arrow_item'> <i class="fa fa-angle-double-down" style='color: yellow; font-size: 80px;'></i> </div>--> <div id="page_copy"> <div id="greeting_text" style="display: flex; justify-content: space-between; align-items: center;"> <h3 id="greeting_text_real" class="blueTitle" style='color: black;'> Welcome to Webster, NY! </h3> </div> <!-- <div class="camera_likes"> <span class="camera_likes_heart"></span> <span class="camera_likes_text"></span> Likes </div> --> <div id='middle-container'> <div style='width: 100%;'> <div id='views_text'> <div class="totalViewsContainer"> <span class="totalViews">4,341,336 Views</span> &nbsp;&nbsp;<!--&#8226;--> <i id='pageLikeButton' class='fa fa-heart-o fa-lg'></i> <div class="totalLikesContainer" style='display: inline-block;'><span class='totalLikes'> 11,075 Likes</span></div> <div style='float: right;'> <div id="static_map" style="margin-top: -65px; margin-bottom: 10px; background-image: url('/cams/includes/images/Map_Icon.jpg');"> <!--margin-top: 30px--> <a href="https://www.earthcam.com/mapsearch/" id="static_map_url" target="_blank"> <!--<img id="static_map_image" src="https://static.earthcam.com/images/map_icons/us/New_York.png" id="DEBUG__static_map_image" alt="" width="253" height="125" />--> <object id="static_map_image" id="DEBUG__static_map_image" data="https://static.earthcam.com/images/map_icons/us/New_York.png" type="image/png"> <img src="https://static.earthcam.com/images/map_icons/blank.png" width="253" height="125" /> </object> </a> </div> </div> </div> </div> </div> </div> </div><!--/page_copy --> </div> <!--<hr/>--> <div class='container-fluid'> <div class='row'> <div class='col-8'> <div style='text-align: left;'> <!-- Donate box --> <div> <!--<div id="affiliate_box"></div>--> </div> </div> <div> <div> <!--<div id="pov_copy"></div>--> <div id="body_copy"> Squirrels and rabbits and birds, oh my! EarthCam welcomes you to <a href="https://PayPal.me/earthcamcrittercam" target="_blank">Critter Cam</a> - live from Webster, NY! Located in Upstate NY, the assortment of animals you will see is limitless. From an array of birds to chipmunks, foxes, and white-tail deer, Critter Cam will have you captivated throughout all four seasons! <br /><br /> If you'd like to contribute to the cost of feeding the Critters, <a href="https://PayPal.me/earthcamcrittercam" target="_blank">you can donate here</a>. </div> </div> </div> <div style='text-align: left;'> <!-- Logo code --> <div style='display: flex; align-items: center; margin-top: 20px;' > <div id="affiliate_box"></div> </div> <!-- Donate box --> <!--<div> <div id="affiliate_box"></div> </div>--> </div> </div> <div class='col-4' style='text-align: right; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between;'> <div class='bodyWeather'> <img id='weatherIcon' src='https://resource6.earthcam.net/packages/earth-cam/weather/icons/simple/4cloud_norain.png' style='width: 50px; margin-right: 5px;'></img><div style='display: inline-block; width: calc( 100% - 55px );'><div class='column_row' id='conditionVals'>A Few Clouds</div><div class='column_row' id='tempVals'><div class='myec_fahrenheit'>37 &#176;F</div><div class='myec_celsius' style="display: none;">3 &#176;C</div></div><div class='column_row' id='humidVals'>Humidity 86.9%</div><div class='column_row' id='windVals'>Wind 6.9 mph W</div><div class='column_row' id='gustVals'>Gust 0.0 mph</div><div class='column_row' id='visibleVals'>Visibility 10 miles</div></div> </div> <!--<div id="static_map" style="margin-top: 25px;"> <a href="http://www.earthcam.com/mapsearch/" id="static_map_url" target="_blank"><img src="https://static.earthcam.com/cams/includes/images/Map_Icon.jpg" id="DEBUG__static_map_image" alt="Map Image" width="253" height="125" /></a> </div>--> </div> </div> </div><!--/fluid container --> </div><!--/map_copy_segment --> </div><!--/bottom_half --> <div style="height: 40px; clear: both; "></div> <a name="hof_anchor" id="hof_anchor"></a> <div style="height:10px; clear: both;"></div> <div id="hof_container" ><!-- master container that houses HOF and TIMELAPSE--> <div class='container-fluid' id="hof_tl_titles" style=""> <div class='row'> <div class='col-12'> <div id="hof_title" class="hof_option selected"><h3 class="blueTitle" style='float: left; color: white;'>Hall of Fame</h3></div> <div id="sunrise_sunset_title" class="hof_option"><h3 class="blueTitle" style='float: left;color: white;'>&nbsp;&nbsp;<span style="color: white !important;">|</span>&nbsp;&nbsp;Recent Time-Lapses</h3></div> <!-- Sunrise &amp; Sunsets--> <div id="topvideos_title" class="hof_option"><h3 class="blueTitle" style='float: left;color: white;'>&nbsp;&nbsp;<span style="color: white !important;">|</span>&nbsp;&nbsp; Top Videos</h3></div> <div id="nye_dropdown" style="text-align: right;"> <div class="dropdown"> <a id="pageMoreDrop" class="pageDrop" style="color: white;font-size: 25px;" title="New Year's Event Information" alt="New Year's Event Information"> <i class="fa fa-ellipsis-h fa-lg"></i> </a> <div class="dropdown-content wide" style="font-size: 22px;"> <a class='wtc_option' data-value="nye_eventguide" data-hidedate="true">Event Guide</a> <!--<a class='wtc_option' data-value="nye_pressrelease">Press Release</a>--> </div> </div> </div> <div id="wtc_dropdown" style="text-align: right;"> <div class="dropdown"> <a id="pageMoreDrop" class="pageDrop" style="color: white;font-size: 25px;" title="Show World Trade Center galleries" alt="Show World Trade Center galleries"> <i class="fa fa-ellipsis-h fa-lg"></i> </a> <div class="dropdown-content wide" style="font-size: 22px;"> <a class='wtc_option' data-value="aerial">Aerial Views - 2003-Present</a> <a class='wtc_option' data-value="the11th">The 11th - 2001-Present</a> <a class='wtc_option' data-value="on911">September 11, 2001</a> <a class='wtc_option' data-value="heroes">Heroes Image Gallery</a> <a class='wtc_option' data-value="stilllife">Still Life - The Days After</a> <a href="https://www.youtube.com/watch?v=0tz1y8zLeQU">10 Year Time-lapse</a> <a href="https://www.youtube.com/watch?v=z5_oQfhHLYY">11 Year Time-lapse</a> <a href="https://www.youtube.com/watch?v=Nn11DWH_LEA">12 Year Time-lapse</a> <a href="https://www.youtube.com/watch?v=_hzGkh1JfUw">Spire Installation Time-lapse</a> <a href="https://www.youtube.com/watch?v=UU5hZj6jKQk">Tribute in Light Time-lapse</a> </div> </div> </div> </div> <div style="clear:left;"></div> <!--<img src="/cams/includes/images/HOF_SVG/search_icon_regular-04.svg" width="23" height="24" alt="Search" title="Search" id="search_icon" class="hand_pointer">--> <!-- datepicker start--> <div class="date_container earthcam-jquery-ui" style="margin-top: 15px; margin-bottom: -32px; padding: 0px;"> <div class='col-md-4 float-adjust'> <div class="form-group"> <div class='input-group date'> <input type="text" class="earthcam-jquery-ui form-control searchTerm" id="hof_term" name="term" placeholder="Search" > </span> </div> </div> </div> <div class='col-md-4 float-adjust'> <div class="form-group"> <div class='input-group date'> <input type='text' class="earthcam-jquery-ui form-control" id='content_date_start' pattern="^[0-9/]*?" placeholder="From" autocomplete="off" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar" id="glyphicon-calendar-start"></span> </span> </div> </div> </div> <div class='col-md-4 float-adjust'> <div class="form-group"> <div class='input-group date'> <input type='text' class="earthcam-jquery-ui form-control" id='content_date_end' pattern="^[0-9/]*?" placeholder="To" autocomplete="off" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar" id="glyphicon-calendar-end"></span> </span> </div> </div> </div> <div class='col-md-4 float-adjust'> <button id="hof_search_button" style="font-size: 14px; border-radius: 4px;" class="btn btn-default searchClick"> <i class="fa fa-search text-center" alt="Search"></i><span style="margin-left: 5px;" class="searchText">Search</span> </button> <div style="height: 10px;"></div> <div id='dateError' style="color: red; min-height: 20px;"></div> </div> </div> </div> </div> <div style="clear:left;"></div> <!-- date picker--> <script type="text/javascript" nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" > /*jQuery(function() { jQuery('#content_date_start').datepicker({ dateFormat: "mm/dd/yy" //timeFormat: 'hh:mm:ss tt' }), create: function(event, ui) { jQuery('.ui-datepicker').wrap('<div class="earthcam-jquery-ui"></div>'); }; jQuery('#content_date_end').datepicker({ dateFormat: "mm/dd/yy" //timeFormat: 'hh:mm:ss tt' }), create: function(event, ui) { jQuery('.ui-datepicker').wrap('<div class="earthcam-jquery-ui"></div>'); }; });*/ // Fade-in HOF Date Picker widget once styles are initialized correctly jQuery("#hof_tl_titles > div > div.date_container.earthcam-jquery-ui").css({'opacity': '0', 'transition':'ease 1.3s'}) setTimeout(()=>{ jQuery("#hof_tl_titles > div > div.date_container.earthcam-jquery-ui").css('opacity', '1') },3100) </script> <!-- ------------------ --> <div id="timelapse_segment"> <div class='container-fluid'> <div class='row'> <div class='col-12'> <div id="timelapse_items_container"></div> <div style="clear:both;"></div> <div id="timelapse_loader_icon"></div> <div style="clear:both;"></div> <div id="timelapse_load_more"> <button class="fauxLink btn-u btn-u-green btn-u-lg" id="timelapse_load_more_button">Load More</button><!--<img src="/cams/includes/images/hoff.jpg" width="200" />--> </div> </div><!--/col-12--> </div><!--/row--> </div><!--/container-fluid--> </div><!--/timelapse_segment--> <!-- //////////////////////////////////////////////////////////////////////////////////////////////// --> <!--<div id="bestof_segment"> <div class='container-fluid'> <div class='row'> <div class='col-12'> <div id="timelapse_items_container"></div> <div style="clear:both;"></div> <div id="timelapse_load_more"> <button class="fauxLink btn-u btn-u-green btn-u-lg" id="timelapse_load_more_button">Load More</button><!--<img src="/cams/includes/images/hoff.jpg" width="200" />-> </div> <div id="timelapse_loader_icon"></div> </div><!--/col-12-> </div><!--/row-> </div><!--/container-fluid-> </div><!--/timelapse_segment-> <!-- //////////////////////////////////////////////////////////////////////////////////////////////// --> <div id="extra_segment"> <div class='container-fluid'> <div class='row'> <div class='col-12'> <!--<div style="clear:left; height: 15px;"></div>--> <div id="extra_items_container"></div><!--extra_items_container--> <div style="clear:both;"></div> <div id="extra_loader_icon"></div> <div style="clear:both;"></div> <div id="extra_load_more"> <button class="fauxLink btn-u btn-u-green btn-u-lg" id="extra_load_more_button">Load More</button><!--<img src="/cams/includes/images/hoff.jpg" width="200" />--> </div> </div><!--/col-12--> </div><!--/row--> </div><!--/container-fluid--> </div><!--/extra_segment--> <!-- //////////////////////////////////////////////////////////////////////////////////////////////// --> <div id="hof_segment"> <div class='container-fluid'> <div class='row'> <div class='col-12'> <!--<div id="hof_title"><h3 class="blueTitle" style='float: left; color: white;'>Hall of Fame&nbsp;&nbsp;|&nbsp;&nbsp;</h3></div>--> <!--<div id="sunrise_sunset_title"><h3 class="blueTitle" style='float: left;color: white;'>Sunrise &amp; Sunsets&nbsp;&nbsp;|&nbsp;&nbsp;</h3></div> <div id="topvideos_title"><h3 class="blueTitle" style='float: left;color: white;'>Top Videos</h3></div>--> <!--<div style="clear:left;"></div>--> <!--<div style="clear: both; height: 5px;"></div> <div class="blueBar" style="width: 960px;"></div>--> <div style="clear:left; height: 15px;"></div> <div id="hof_items_container"></div> <div style="clear:both;"></div> <div id="hof_load_more"> <!--<div style="height: 10px;"></div>--> <button class="fauxLink btn-u btn-u-green btn-u-lg" id="hof_load_more_button" onclick = "ECNClickTracker('ECN Page', '/ECN/page/loadmorehofbutton');">Load More</button><!--<img src="/cams/includes/images/hoff.jpg" width="200" />--> </div> <div id="hof_loader_icon"></div> <div id='hof_load_point' style="height: 1px; clear: both;"></div> </div> </div> </div> </div><!--/hof_segment--> </div> <section class="homeSection weatherSection container-fluid"> <div class="row g-0" style="text-align: center;"> <div class="col-12"> <div class="sectionHeading lineHeightAdjust top40">Explore the Webcams of the World!</div> <a href='https://www.earthcam.com/mapsearch/'><div style="height: 400px; background: #000000; margin-left: -7.5px; background-image: url('https://www.earthcam.com/myearthcam/images/homepage/Map_Image.jpg'); background-position: center;"></div></a> </div> </div> </section> <section class="homeSection weatherSection container-fluid centerItem"> <div class="row align-self-center justify-content-center no-gutters container-fluid content" style="min-height: 400px; text-align: center;"> <div class="col-4 centerItem ecAdItem"> <a href='https://www.earthcam.net'><img src='https://www.earthcam.com/myearthcam/images/Net_Ad.jpg'/></a> </div> <div class="col-4 centerItem ecAdItem"> <a href='https://www.earthcamtv.com/apps/'><img src='https://www.earthcam.com/myearthcam/images/ECTV_Ad.jpg?2'/></a> </div> <div class="col-4 centerItem ecAdItem"> <!-- adItem --> <!--<img class="frontPageAd last" />--> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-0216312167859868" data-ad-slot="2232388132"> </ins> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328"> (adsbygoogle=window.adsbygoogle || []).push({}); </script> </div> </div> </section> </div><!--/bottom_half--> <!--/bottom half ******************************************************************************************************* --> <div id="reactRoot"></div> <!-- footer region ***************************************************************************************************** --> <div align="center" id="footer_segment"> <!-- <br style="clear: both;" /> --> <div style="clear: left; height:2px;"></div> <!--<img src="https://www.adclickstream.com/analytics.gif?s=1" style="position: absolute; visibility: hidden;" width="0" height="0" alt="" />--> <!--=== Footer v6 ===--> <div id="footer-v6" class="footer-v6"> <div class="footer"> <div class="footerCont container-fluid helpHeaderCont"> <div class="row"> <!-- Logo Section --> <div class="col-lg-3 col-12 sm-margin-bottom-40 centerItem footerBrand" style="margin-left: -1px; justify-content: start;"> <a href="/"><img class="footer-logo" src="https://www.earthcam.com/myearthcam/images/logo.earthcam.png" alt="Logo" height="40"></a> </div> <!-- End Logo Section --> <!-- Main Nav Section --> <div class="col-md-9 col-12 sm-margin-bottom-40"> <div class="panel-group acc-v1 d-block d-sm-none" id="accordion-footer"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion-footer" href="#collapse-fCompany_Info"> Company </a> </h4> </div> <div id="collapse-fCompany_Info" class="panel-collapse collapse"> <div class="panel-body"> <ul class='list-unstyled'> <li><a href="https://www.earthcam.com/company/aboutus.php">About Us</a></li> <li><a href="https://www.earthcam.com/press/">Press Releases</a></li> <li><a href="https://www.earthcam.com/inthenews.php">In the News</a></li> <li><a href="https://www.earthcam.com/company/contact.php">Contact Us</a></li> </ul> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion-footer" href="#collapse-fDirectory"> Directory </a> </h4> </div> <div id="collapse-fDirectory" class="panel-collapse collapse"> <div class="panel-body"> <ul class='list-unstyled'> <li><a href="https://www.earthcam.com/site/advertising.php">Advertise</a></li> <li><a href="https://www.earthcam.com/site/linktous.php">Link to Us</a></li> <li><a href="https://www.earthcam.com/add_request.php">Add a Cam</a></li> <li><a href="https://www.earthcam.com/myearthcam/help/">Help</a></li> </ul> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion-footer" href="#collapse-fExplore"> Explore </a> </h4> </div> <div id="collapse-fExplore" class="panel-collapse collapse"> <div class="panel-body"> <ul class='list-unstyled'> <li><a href="https://www.earthcam.com/myearthcam">My EarthCam</a></li> <li><a href="https://www.earthcam.com">EarthCam.com</a></li> <li><a href="https://www.earthcam.net">EarthCam.net</a></li> <li><a href="https://www.earthcamtv.com">EarthCamTV</a></li> </ul> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion-footer" href="#collapse-fHelp"> Help </a> </h4> </div> <div id="collapse-fHelp" class="panel-collapse collapse"> <div class="panel-body"> <ul class='list-unstyled'> <li><a href="https://www.earthcam.com/myearthcam/help/gettingstarted.php">Getting Started</a></li> <li><a href="https://www.earthcam.com/myearthcam/help/quicktour.php">Quick Tour</a></li> <li><a href="https://www.earthcam.com/myearthcam/help/faq.php">FAQs</a></li> </ul> </div> </div> </div> </div> <div class="row"> <!-- Data-Driven Cats--> <div class="col-lg-3 col-sm-6 d-none d-sm-block"> <div class="heading-footer"><h2>Company</h2></div> <ul class="list-unstyled footer-link-list"> <li><a href="https://www.earthcam.com/company/aboutus.php">About Us</a></li> <li><a href="https://www.earthcam.com/press/">Press Releases</a></li> <li><a href="https://www.earthcam.com/inthenews.php">In the News</a></li> <li><a href="https://www.earthcam.com/company/contact.php">Contact Us</a></li> </ul> </div> <div class="col-lg-3 col-sm-6 d-none d-sm-block"> <div class="heading-footer"><h2>Directory</h2></div> <ul class="list-unstyled footer-link-list"> <li><a href="https://www.earthcam.com/site/advertising.php">Advertise</a></li> <li><a href="https://www.earthcam.com/site/linktous.php">Link to Us</a></li> <li><a href="https://www.earthcam.com/add_request.php">Add a Cam</a></li> <li><a href="https://www.earthcam.com/myearthcam/help/">Help</a></li> </ul> </div> <div class="col-lg-3 col-sm-6 d-none d-sm-block"> <div class="heading-footer"><h2>Explore</h2></div> <ul class="list-unstyled footer-link-list"> <li><a href="https://www.earthcam.com/myearthcam">My EarthCam</a></li> <li><a href="https://www.earthcam.com">EarthCam.com</a></li> <li><a href="https://www.earthcam.net">EarthCam.net</a></li> <li><a href="https://www.earthcamtv.com">EarthCamTV</a></li> </ul> </div> <div class="col-lg-3 col-sm-6 d-none d-sm-block"> <div class="heading-footer"><h2>Help</h2></div> <ul class="list-unstyled footer-link-list"> <li><a href="https://www.earthcam.com/myearthcam/help/gettingstarted.php">Getting Started</a></li> <li><a href="https://www.earthcam.com/myearthcam/help/quicktour.php">Quick Tour</a></li> <li><a href="https://www.earthcam.com/myearthcam/help/faq.php">FAQs</a></li> </ul> </div> <!-- End Data-Driven Cats--> <!-- Company Info -> <div class="col-3 d-none d-sm-block"> <div class="heading-footer"><h2>Company Info</h2></div> <ul class="list-unstyled footer-link-list"> <li><a href="/company/aboutus.php">About Us</a></li> <li><a href="/press/">Press Releases</a></li> <li><a href="/inthenews.php">In the News</a></li> <!--<li><a href="/eventarchives/">Event Archives</a></li>-> <li><a href="/company/contact.php">Contact Us</a></li> </ul> </div> <!-- End Company Info -> <!-- Directory -> <div class="col-3"> <div class="heading-footer"><h2>Directory</h2></div> <ul class="list-unstyled footer-link-list"> <li><a href="/site/advertising.php">Advertise</a></li> <li><a href="/site/linktous.php">Link to Us</a></li> <li><a href="/add_request.php">Add a Cam</a></li> <!--<li><a href="/sitemap.php">Site Map</a></li>-> <li><a href="/myearthcam/help/">Help</a></li> </ul> </div> <!-- End Directory -> <!-- Explore -> <div class="col-3"> <div class="heading-footer"><h2>Explore</h2></div> <ul class="list-unstyled footer-link-list"> <li><a target="_blank" href="https://www.earthcam.com">EarthCam.com</a></li> <li><a target="_blank" href="https://www.earthcam.net">EarthCam.net</a></li> <li><a target="_blank" href="https://www.earthcamtv.com">EarthCamTV</a></li> <li><a target="_blank" href="https://www.constructioncamtv.com">ConstructionCamTV</a></li> </ul> </div> <!-- End Explore -> <!-- Help -> <div class="col-3"> <div class="heading-footer"><h2>Help</h2></div> <ul class="list-unstyled footer-link-list"> <li><a href="/myearthcam/help/quicktour.php">Quick Tour</a></li> <li><a href="/myearthcam/help/quickguide.php">Quick Guide</a></li> <!--<li><a href="/myearthcam/help/obsbroadcaster.php">Open Broadcaster Software</a></li>-> <li><a href="/myearthcam/help/application.php">Application</a></li> <li><a href="#">Solstice Cams</a></li> <li><a href="/myearthcam/help/faq.php">FAQs</a></li> </ul> </div> <!-- End Help --> <!-- Subscribe --> <!--<div class="col-lg-9 col-12' : 'col-9'; ?>"> <span style="color: white;">Subscribe to our monthly newsletter and stay up to date with the latest news.</span> <form class="footer-subsribe" action="/newsletter/signup.php" method="get"> <div class="input-group"> <input type="text" class="form-control" name="email" placeholder="Email Address"> <span class="input-group-btn"> <button class="btn-u btn-u-green blackBack" type="submit" style="padding: 7px 13px;">Subscribe</button> </span> </div> </form> </div> <!-- End Subscribe -> <!-- Social -> <div id="footerIcons" class="col-3"> <a href='https://www.facebook.com/earthcaminc' target='_blank'><i class="fa fa-facebook-square"></i></a> <a href='https://www.twitter.com/earthcam' target='_blank'><i class="fa fa-twitter-square"></i></a> <a href='https://www.linkedin.com/company/earthcam-inc-' target='_blank'><i class="fa fa-linkedin-square"></i></a> <a href='https://instagram.com/earthcam/' target='_blank'><i class="fa fa-instagram"></i></a> <a class='youtube' href='https://www.youtube.com/user/earthcam' target='_blank'><i class="fa fa-youtube-play"></i></a> </div>--> <!-- End Social --> </div> </div> <!-- Placeholder Section --> <!--<div class="d-flex col-3 centerItem" style='justify-content: start;'> &nbsp; </div>--> <!-- End Placeholder Section --> <!-- Main Contact Section --> <div class="col-9"> <div class="row justify-content-center"> <!-- Subscribe --> <!--<div class="col-6"> <div style="color: white; font-size: 15px; margin-bottom: 15px;">Sign up to receive occasional news from EarthCam.</div> <form class="footer-subscribe" action="/newsletter/signup.php" method="get"> <div class="input-group"> <input type="text" class="form-control" name="email" placeholder="Email Address"> <span class="input-group-btn"> <button class="btn-u btn-u-green footerButton" type="submit">Subscribe</button> </span> </div> </form> </div>--> <!-- End Subscribe --> <!-- Social --> <div id="footerIcons" class="col-6"> <a href='https://www.facebook.com/earthcaminc' target='_blank' rel="noopener"><i class="fa fa-facebook"></i></a> <!-- <a href='https://www.twitter.com/earthcam' target='_blank' rel="noopener"><i class="fa fa-twitter"></i></a> --> <a href='https://www.twitter.com/earthcam' target='_blank' rel="noopener"><img src="https://static.earthcam.com/includes/font-awesome/x-twitter.svg" style="height: 22px; margin-top: -3px;"></img></a> <a href='https://www.linkedin.com/company/earthcam-inc-' target='_blank' rel="noopener"><i class="fa fa-linkedin"></i></a> <a href='https://instagram.com/earthcam/' target='_blank' rel="noopener"><i class="fa fa-instagram"></i></a> <a class='youtube' href='https://www.youtube.com/user/earthcam' target='_blank' rel="noopener"><i class="fa fa-youtube-play"></i></a> </div> <!-- End Social --> </div> </div> </div> </div><!--/container --> </div> <div class="copyright"> <div class="container myecAdjust"> <div class="row no-gutters"> <div class="col-12 myecAdjust"> <ul class="list-inline terms-menu" style="text-align: center;"> <li class='copyrightText'>漏 1996-2024 <a href="https://www.earthcam.com/">EarthCam, Inc.</a> All Rights Reserved. <a href="https://www.earthcam.com/company/privacy.php">Privacy Policy</a> and <a href="https://www.earthcam.com/myearthcam/tos.php">Terms of Use</a>.</li> </ul> </div> <!--<div class="col-lg-8"> <ul class="list-inline terms-menu"> <li class="silver">漏 2024 <a href="/">EarthCam, Inc.</a> All Rights Reserved</li> <li><a href="/company/privacy.php">Privacy and Policy</a></li> <li><a href="/myearthcam/tos.php">Terms of Use</a></li> </ul> </div> <div class="col-lg-4 terms-menu text-right"> <p>Where The World Watches The World &reg;</p> <!--<ul class="list-inline dark-social pull-right space-bottom-0"> <li> <a data-placement="top" data-toggle="tooltip" class="tooltips" data-original-title="Facebook" href="#"> <i class="fa fa-facebook"></i> </a> </li> <li> <a data-placement="top" data-toggle="tooltip" class="tooltips" data-original-title="Twitter" href="#"> <i class="fa fa-twitter"></i> </a> </li> <li> <a data-placement="top" data-toggle="tooltip" class="tooltips" data-original-title="Vine" href="#"> <i class="fa fa-vine"></i> </a> </li> <li> <a data-placement="top" data-toggle="tooltip" class="tooltips" data-original-title="Google plus" href="#"> <i class="fa fa-google-plus"></i> </a> </li> <li> <a data-placement="top" data-toggle="tooltip" class="tooltips" data-original-title="Pinterest" href="#"> <i class="fa fa-pinterest"></i> </a> </li> <li> <a data-placement="top" data-toggle="tooltip" class="tooltips" data-original-title="Instagram" href="#"> <i class="fa fa-instagram"></i> </a> </li> <li> <a data-placement="top" data-toggle="tooltip" class="tooltips" data-original-title="Tumblr" href="#"> <i class="fa fa-tumblr"></i> </a> </li> <li> <a data-placement="top" data-toggle="tooltip" class="tooltips" data-original-title="Youtube" href="#"> <i class="fa fa-youtube"></i> </a> </li> <li> <a data-placement="top" data-toggle="tooltip" class="tooltips" data-original-title="Soundcloud" href="#"> <i class="fa fa-soundcloud"></i> </a> </li> </ul> </div>--> </div> </div> </div> </div> <!--=== End Footer v6 ===--> <!-- Google Analytics Code --> <!-- GA 4: local site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-090EYW9131"></script> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-090EYW9131'); </script> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" type="text/javascript" nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328"> /* GA3 GOOGLE ANALYTICS */ /*(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga');*/ // ga('create', 'UA-274246-1', 'auto'); // Replace with your property ID. // ga('send', 'pageview'); // ---------------------------- jQuery(document).ready(function(){ // event tracking for anchor tags jQuery('a,area').each(function(index){ if(typeof jQuery(this).data("tracking") != "undefined"){ jQuery(this).on('click', function(){ // console.log("internalTracker called from jquery onclick a"); internalTracker(jQuery(this)); return false; }); } }); }); //------------------- function ECNClickTracker(cCategory, cAction, cLabel, cValue) { try { // OLD SYNTAX // var pageTracker=_gat._getTracker("UA-274246-1"); // pageTracker._trackEvent(cCategory, cAction, cLabel, cValue); // ga('send', 'event', cCategory, cAction,cLabel,cValue); } catch(err){} } function internalTracker(anchor,openlink){ // console.warn(anchor,openlink); var external; if (openlink == false || openlink == "undefined") { external = -1; } else if (typeof anchor.attr("target") != "undefined" && anchor.attr("target").toLowerCase() == "_blank") { external = 1; } else { external = 0; } // gaRecordInternal(anchor.attr("href"), anchor.data("tracking"), external); gaRecordInternal(anchor.attr("href"), "anchorClicks", anchor.data("tracking"), external); return false; } // gaRecordInternal (this, 'Homepage', '/internal/homepage/social/facebook',1) function gaRecordInternal(uLink, category, action, external) { try { // NEW SYNTAX //ga('send', 'event', 'category', 'action', 'opt_label', opt_value, {'nonInteraction': 1}); // ga('send', 'event', category, action); gtag('event', 'link_click', { 'ec_page_location' : action, }); // ----------------------- // GA 4 event tracking /* https://support.google.com/analytics/answer/11147304#zippy=%2Cglobal-site-tag-websites gtag('event', '<event_name>', { <event_parameters> }); https://stackoverflow.com/questions/52993722/event-tracking-in-google-analytics-using-gtag-js gtag('event', <action>, { 'event_category': <category>, 'event_label': <label>, 'value': <value> }); gtag('event', category, { 'click' : action }); custom search event that was created: gtag('event', 'search', { 'term' : post_params.term.toLowerCase() }); */ /*gtag('event', 'general_event', { 'ec_page_location' : category, 'link_url' : action, }, { 'debug_mode':true } );*/ // ----------------------- // console.warn("gaRecordInternal after ga function call"); if (uLink == -1) { // console.warn("gaRecordInternal false"); return(false); } else if (external == 1) { // console.warn("gaRecordInternal external link"); window.open(uLink, '_blank'); // } else if (uLink.href) { } else if (uLink) { // console.warn("gaRecordInternal local link"); setTimeout('document.location = "' + uLink + '"', 100) // setTimeout('document.location = "' + uLink.href + '"', 100) } } catch(err){} } function gaRecordPageView(linkPath) { // unknown older function: //pageTracker._trackPageview(linkPath); try { // ga('send', 'pageview', linkPath); } catch(err){} } </script> <!-- Global site tag (gtag.js) - Google Ads: 1069879036 --> <!--<script async src="https://www.googletagmanager.com/gtag/js?id=AW-1069879036"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1069879036'); </script> --> <!-- End Google Analytics Code --> <!--<script type="text/javascript" src="https://www.earthcam.com/api/cdata.php"></script>--> </div> <!--/footer region ***************************************************************************************************** --> </div><!--/superWhiteWrapper --> </div> <!--MODALS--> <!-- Modal--> <div class="modal fade" id="turnoffask" tabindex="-1" role="dialog"> <div class="modal-dialog modal-lg" role="document" style="max-width:800px; height: 600px; overflow: hidden;"> <div class="modal-content" style="position: relative; overflow: hidden;"> <!-- Modal Header --> <!--<div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div>--> <div class="modal-body"> <!--<button type="button" class="btn-close" data-bs-dismiss="modal"></button>--> <iframe src="" scrolling="no" id="modal_iframe_custom_ask" style="position: absolute; top: -107px;"></iframe> </div> <div class="modal-footer" style="border: none; justify-content: center;"> <div class="row"> <button type="button" class="btn btn-dark" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <div class="modal fade" id="reportModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title reportStart">Report</h4> <h4 class="modal-title reportConfirm" style='display: none;'>Thanks for reporting</h4> <button type="button" class="close closeButtons" data-dismiss="modal" aria-hidden="true">&times;</button> </div> <form id="reportForm" class="sky-form" > <!-- action="account.php" method="post" --> <div class="modal-body"> <div class="row"> <div class="col-12"> <section class='report reportStart'> <input type="hidden" class='form-control report_config' name="u" value="0"/> <input type="hidden" class='form-control report_config' name="uid" value=""/> <input id='camid' type="hidden" class='form-control report_config' name="camid" value=""/> <input type="hidden" class='form-control report_config' name="type" value="anon"/> <input type="hidden" class='form-control report_config' name='report' value='0'/> <!--<div> <input type="radio" id="opt1" name="report" value="1" checked> <label for="opt1"><div>Sexual content</div></label> </div> <div> <input type="radio" id="opt2" name="report" value="2"> <label for="opt2"><div>Violent or repulsive content</div></label> </div> <div> <input type="radio" id="opt3" name="report" value="3"> <label for="opt3"><div>Hateful or abusive content</div></label> </div> <div> <input type="radio" id="opt4" name="report" value="4"> <label for="opt4"><div>Harmful or dangerous acts</div></label> </div> <div> <input type="radio" id="opt5" name="report" value="5"> <label for="opt5"><div>Child abuse</div></label> </div> <div> <input type="radio" id="opt6" name="report" value="6"> <label for="opt6"><div>Promotes terrorism</div></label> </div> <div> <input type="radio" id="opt7" name="report" value="7"> <label for="opt7"><div>Spam or misleading</div></label> </div> <div> <input type="radio" id="opt8" name="report" value="8"> <label for="opt8"><div>Infriges my rights</div></label> </div> <div> <input type="radio" id="opt9" name="report" value="9"> <label for="opt9"><div>Captions issue</div></label> </div> <div> <input type="radio" id="opt0" name="report" value="0"> <label for="opt0"><div>Other</div></label> </div> <label id='reportDescripCont' class="input" style='color: #555555 !important; text-shadow: none; display: none;'><!--Additional details:-> <input type="textarea" id="reportDescrip" name="descrip" value="" maxlength="100" rows="2" disabled> </label>--> <p style='font-size: 17px; line-height: 17px; margin: 0px 25px;'> Report content that goes against our community standards. </p> <p id="working-report" style='min-height: 25px; margin-left: 25px;'>&nbsp;</p> </section> <section class='reportConfirm' style='display: none;'> <p style='font-size: 17px; line-height: 17px; margin: 0px 25px;'> If we find this content to be in violation of our Guidelines, we will remove it. </p> </section> </div> </div> </div> <div class="modal-footer text-right"> <div class="col-lg-4 text-right"> <div id="working-report"></div> </div> <div class="col-lg-8 text-right"> <button type="button" class="btn btn-u btn-u-default closeButtons" data-dismiss="modal">Close</button> <button type="button" id="createReport" class="btn btn-u btn-u-green createReport reportStart">Submit Report</button> </div> </div> </form> </div> </div> </div> <!--<div class="modal fade" id="shareModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Share</h4> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> </div> <form id="deleteProfileForm" class="sky-form" > <!-- action="account.php" method="post" -> <div class="modal-body"> <div class="row"> <div class="col-12"> <i id='faceBookBtnCopy' style='margin-right: 20px; color: #4267B2;' class='shareIcon fa fa-facebook fa-lg' title='Share to Facebook' alt='Share to Facebook' ></i> <i id='twitterBtnCopy' style='color: #1DA1F2;' class='shareIcon fa fa-twitter fa-lg' title='Share to Twitter' alt='Share to Twitter' ></i> </div> </div> </div> </form> </div> </div> </div>--> <!--END MODALS--> <!-- EXPERIMENT 12B --> <script src="/ads.js" type="text/javascript"></script> <script src="/includes/Unify-v1.8/assets/js/app.js"></script> <script type="text/javascript" nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" > /* if(document.getElementById('hhjEohOfzimUZSd')){ ga('send', 'event', 'adblock', 'ecn_clean'); } else { // alert('Blocking Ads: Yes'); // ga('send', 'event', category, action); ga('send', 'event', 'adblock', 'ecn_blocked'); } */ </script> <div id="fb-root"></div> <script nonce="e8293de72248502cd35ffb068381c00d690de85cd996c9f1c03230b6b51a5328" > var page = "ec_network"; var loggedIn = false; var userLoggedOut = false; var camera_metar = "KROC"; //idcheck = JSON.stringify(null); //localStorage variables window.fbAsyncInit = function() { // init the FB JS SDK FB.init({ // appId : '153227104759826', // App ID from the App Dashboard appId : '291264094708469', // Development App ID channelUrl : '//www.earthcam.com/channel.php', // Channel File for x-domain communication status : true, // check the login status upon init? cookie : true, // set sessions cookies to allow your server to access the session? xfbml : true // parse XFBML tags on this page? }); // Additional initialization code such as adding Event Listeners goes here }; // Load the SDK's source Asynchronously // Note that the debug version is being actively developed and might // contain some type checks that are overly strict. // Please report such bugs using the bugs tool. (function(d, debug){ var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0]; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all" + (debug ? "/debug" : "") + ".js"; ref.parentNode.insertBefore(js, ref); }(document, /*debug*/ false)); let updateWeather = function() { fetch('https://www.earthcam.com/api/weather/weather.php?metar='+camera_metar) .then( function(response){ if(response.ok) { return response.json(); } else { return Promise.reject(response); } } ) .then( function(data){ tempType = readCookie('formatTemp'); fahrenheit = celsius = ''; if( tempType == 'celsius' ) fahrenheit = ' style="display: none;"'; else celsius = ' style="display: none;"'; document.querySelector('#weatherIcon').innerHTML = data.data.Icon.Url; document.querySelector('#conditionVals').innerHTML = data.data.CurrentConditions; document.querySelector('#tempVals').innerHTML = '<div class="myec_fahrenheit"' + fahrenheit + '>' + data.data.Temperature.Fahrenheit + ' &deg;F</div><div class="myec_celsius"' + celsius + '>' + data.data.Temperature.Celsius + ' &deg;C</div>'; // document.querySelector('#feelVals').innerHTML = 'Feels like <div class="myec_fahrenheit"' + fahrenheit + '>&nbsp;' + data.data.FeelsLike.Fahrenheit + ' &deg;F</div><div class="myec_celsius"' + celsius + '>&nbsp;' + data.data.FeelsLike.Celsius + ' &deg;C</div>'; document.querySelector('#humidVals').innerHTML = 'Humidity ' + ( data.data.RelativeHumidity * 100 ).toFixed(1) + '%'; document.querySelector('#windVals').innerHTML = 'Wind ' + data.data.Wind.Speed.MilesPerHour + ' mph ' + data.data.Wind.Direction.DirectionShort; if( typeof data.data.Wind.Gust.MilesPerHour != 'undefined' && data.data.Wind.Gust.MilesPerHour != null ) { document.querySelector('#gustVals').innerHTML = 'Gust ' + data.data.Wind.Gust.MilesPerHour + ' mph'; } else { document.querySelector('#gustVals').innerHTML = 'Gust 0.0 mph'; } document.querySelector('#visibleVals').innerHTML = 'Visibility ' + data.data.Visibility[0].Miles + ' miles'; } ) .catch( function(err){ console.warn('Something went wrong.', err ); } ); } setInterval( updateWeather, 300000 ); function readCookie(n){n+='=';for(var a=document.cookie.split(/;\s*/),i=a.length-1;i>=0;i--)if(!a[i].indexOf(n))return a[i].replace(n,'');} //Cookie code from W3Schools function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expires="+ d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; } function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for(var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } //Share Modal Code //Some basic code to setup out-of-player sharing jQuery("#pageShareButton").on("click", function () { jQuery("#pageShareButton").css('display', 'none'); jQuery('.shareIcon').css('display','inline'); }); jQuery("#closeButtons").on("click", function () { jQuery('.shareIcon').css('display','none'); jQuery("#pageShareButton").css('display', 'inline'); }); jQuery("#faceBookBtnCopy").on("click", function () { jQuery(".faceBookBtn").trigger("click"); }); jQuery("#twitterBtnCopy").on("click", function () { jQuery(".twitterBtn").trigger("click"); }); //Report Modal Code function reportSubmit() { if (!jQuery("#reportForm").valid()) { return(false) } camid = jQuery('#camid').val(); if ( getCookie('lastReport') == camid ) { jQuery(".reportStart").css('display', 'none'); jQuery(".reportConfirm").css('display', 'inline-block'); return(false); } sUrl = '/cams/common/reportcam.php'; params = jQuery("#reportForm").serialize(); jQuery.get(sUrl + '?' + params, function(data) { if (data.status != "1") { setStatusMsg("working-report", "error", "Error " + data.status + ": " +data.msg, 10000); return(false); } }, 'json') .fail(function() { setStatusMsg("working-report", "error", "There was an error, your settings have not been saved.", 10000); //console.warn("There was a Critical Page Error, your settings have not been saved."); return(false); }) .done(function(data) { jQuery(".reportStart").css('display', 'none'); jQuery(".reportConfirm").css('display', 'inline-block'); setCookie('lastReport', camid, 0.25); }); } jQuery("#createReport").on( 'click', function(){ reportSubmit(); }); //jQuery("#createReport").on("click", function() { jQuery(".reportStart").css('display', 'none'); jQuery(".reportConfirm").css('display', 'inline-block'); }); jQuery("#reportModal").on("hidden.bs.modal", function() { jQuery(".reportStart").css('display', 'inline-block'); jQuery(".reportConfirm").css('display', 'none'); }); /*jQuery("input[name='report']").on('click', function(e) { if( e.target.id === "opt0" ) { jQuery('#reportDescripCont').css('display','block'); jQuery('#reportDescrip').prop('disabled', false).prop('required', true); } else { jQuery('#reportDescripCont').css('display','none'); jQuery('#reportDescrip').prop('disabled', true).prop('required', false); } } );*/ </script> <!--<iframe name="savenull" id="savenull" width="0" height="0" frameborder="0"></iframe>--> </div> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10