CINXE.COM
EarthCam - Snowman Cam
<!DOCTYPE html> <!-- v5.0.3 --> <html itemscope itemtype="http://schema.org/" style='min-width: 960px; min-height: 3000px;'> <head> <title>EarthCam - Snowman Cam</title> <!-- php --> <meta name="keywords" content="Snowman, Gaylord, Michigan, Wilderness, Wilderness valley, streaming, streaming video, live camera, Northern Michigan, Top 25, snowcam, Snowman cam, Michigan snow conditions, snowmancam, 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="EarthCam presents a live view of the popular Snowman Cam! On any given day you can see fans stopping by posing for pictures and enjoying the wilderness, and animals grazing through the yard. Don't forget to check back often to see the snowman's wardrobe change with the seasons!" /> <meta name="classifications" content="Webcam: Streaming Video; Webcams: Webcam Sites; Computer & 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=cb000f2fe22749cd65915659a27e8373" /> <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 - Snowman Cam" /> <meta name="twitter:creator" content="EarthCam" /> <meta name="twitter:description" content="EarthCam presents a live view of the popular Snowman Cam! On any given day you can see fans stopping by posing for pictures and enjoying the wilderness, and animals grazing through the yard. Don't forget to check back often to see the snowman's wardrobe change with the seasons!" /> <meta name="twitter:image" content="https://www.earthcam.com/cams/includes/image.php?logo=0&playbutton=1&s=1&img=annf3qi%2F8OwNiB3u9jkAIQ%3D%3D&202502261500" /> <meta name="twitter:player" content="https://www.earthcam.com/cams/includes/twittercards/container.php?name=13706.flv&timezone=America/Detroit&metar=KGOV" /> <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=annf3qi%2F8OwNiB3u9jkAIQ%3D%3D&202502261500" /> <!-- google+, facebook, and generic social media tag meta data --> <meta property="name" content="EarthCam - Snowman Cam" /> <meta property="og:title" content="LIVE NOW! Snowman Cam" /> <meta property="description" content="EarthCam presents a live view of the popular Snowman Cam! On any given day you can see fans stopping by posing for pictures and enjoying the wilderness, and animals grazing through the yard. Don't forget to check back often to see the snowman's wardrobe change with the seasons!" /> <meta property="og:description" content="EarthCam presents a live view of the popular Snowman Cam! On any given day you can see fans stopping by posing for pictures and enjoying the wilderness, and animals grazing through the yard. Don't forget to check back often to see the snowman's wardrobe change with the seasons!" /> <meta property="image" content="https://www.earthcam.com/cams/includes/image.php?logo=0&playbutton=1&s=1&img=annf3qi%2F8OwNiB3u9jkAIQ%3D%3D&202502261500" /> <!--<meta property="og:image" content="http://www.earthcam.com/cams/includes/image.php?logo=0&playbutton=1&s=1&img=annf3qi%2F8OwNiB3u9jkAIQ%3D%3D&202502261500" />--> <meta property="og:image:url" content="http://www.earthcam.com/cams/includes/image.php?logo=0&playbutton=1&s=1&img=annf3qi%2F8OwNiB3u9jkAIQ%3D%3D&202502261500" /> <meta property="og:image:secure_url" content="https://www.earthcam.com/cams/includes/image.php?logo=0&playbutton=1&s=1&img=annf3qi%2F8OwNiB3u9jkAIQ%3D%3D&202502261500" /> <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?20250207a" rel="stylesheet" type="text/css" /> <link href="https://static.earthcam.com/css/frontpage.v3.css?20250207a" rel="stylesheet" type="text/css" /> <link href="https://static.earthcam.com/cams/includes/template_v5.css?20250207a" rel="stylesheet" type="text/css" /> <link href="https://static.earthcam.com/cams/includes/hof_v4.css?20250207a" rel="stylesheet" type="text/css" /> <!--<link href="https://static.earthcam.com/cams/includes/hof.css?20250207a" rel="stylesheet" type="text/css" />--> <link href="https://static.earthcam.com/cams/includes/footer.css?20250207a" 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?20250207a" 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?20250207a">--> <!--/ECN/MYEC merge--> <link rel="stylesheet" href="https://static.earthcam.com/css/footer.v5.css?20250207a"> <link rel="stylesheet" href="https://static.earthcam.com/css/font-awesome-4.7.0/css/font-awesome.min.css?20250207a"> <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?20250207a" 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?20250207a"> <!-- 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?20250207a"></script> <!-- Global Includes --> <!-- cookiebot --> <style type="text/css" nonce="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" > /* 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="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" nonce="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" data-cookieconsent="ignore" src="https://static.earthcam.com/js/jquery.3.7.0.min.js?20250207a"></script> <script nonce="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/jquery-ui-1.13.1/jquery-ui.min.js?20250207a"></script> </script> <script nonce="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" data-cookieconsent="ignore" src="https://static.earthcam.com/includes/bootstrap-5.3.1/js/bootstrap.bundle.min.js?20250207a"></script> <!-- Includes popper by default now --> <script nonce="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/jquery.smooth-scroll.min.js?20250207a" type="text/javascript" defer="defer"></script> <script data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/earthcam/common.js?20250207a" type="text/javascript"></script> <!--<script language="JavaScript" src="https://static.earthcam.com/js/jquery.tools.min.js" type="text/javascript"></script>--> <!-- HOF --> <script nonce="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" data-cookieconsent="ignore" type="text/javascript" src="https://static.earthcam.com/js/earthcam/halloffame/hof.v4.class.js?20250207a"></script> <script nonce="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/earthcam/functions.ecntemplate.js?20250207a" type="text/javascript"></script> <!-- <script type="text/javascript" src="https://static.earthcam.com/js/PgwBrowser/pgwbrowser.js?20250207a"></script> --> <!--<script type="text/javascript" src="https://static.earthcam.com/js/ua-parser-js/dist/ua-parser.min.js?20250207a"></script>--> <script nonce="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" data-cookieconsent="ignore" type="text/javascript" src="https://static.earthcam.com/js/useragent-parser-js/dist/useragent-parser.min.js?20250207a"></script> <script nonce="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" data-cookieconsent="ignore" src="https://static.earthcam.com/js/emojione-master/js/emojione.min.js?20250207a"></script> <link nonce="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" data-cookieconsent="ignore" rel="stylesheet" href="https://static.earthcam.com/js/emojione-master/assets/css/emojione.min.css?20250207a"/> <!-- Time --> <script nonce="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" data-cookieconsent="ignore" src="https://static.earthcam.com/js/momentjs/moment.min.js?20250207a"></script> <script nonce="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" data-cookieconsent="ignore" src="https://static.earthcam.com/js/momentjs/moment-timezone-with-data.min.js?20250207a"></script> <!-- UTILITIES --> <script nonce="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" data-cookieconsent="ignore" src="https://static.earthcam.com/js/earthcam/utils/utils.TimeUtils.min.js?20250207a"></script> <script nonce="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" data-cookieconsent="ignore" src="https://static.earthcam.com/js/jquery-throttle-debounce.js"></script> <script nonce="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/numeraljs/numeral.min.js?20250207a"></script> <script nonce="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/jquery.history.js?20250207a" type="text/javascript"></script> <script nonce="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" 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?20250207a"></script>--> <script data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/jquery-ui-1.13.1.custom/jquery-ui.min.js?20250207a"></script> <!--<script language="JavaScript" src="https://static.earthcam.com/js/jquery-ui-1.13.1.scoped/jquery-ui.min.js?20250207a"></script>--> <!--<script language="JavaScript" src="https://static.earthcam.com/js/jquery-ui-timepicker-addon.js?20250207a" type="text/javascript"></script>--> <!--<script language="JavaScript" src="https://static.earthcam.com/js/swfobject.js?20250207a" 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?20250207a"></script> <!-- new extra hof items class: --><script data-cookieconsent="ignore" type="text/javascript" src="/js/earthcam/extra_hof.class.js?20250207a"></script> <!-- REACT LIBRARIES NEEDED FOR SHARE AND OTHER FUNCTIONALITY --> <script data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/earthcam/utils/react.16.14.0.production.min.js" type="text/javascript"></script> <script data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/earthcam/utils/react-dom.16.14.0.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?20250207a"></script> <script data-cookieconsent="ignore" src="//imasdk.googleapis.com/js/sdkloader/ima3.js?20250207a"></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?20250207a"></script> <script data-cookieconsent="ignore" src="https://static.earthcam.com/js/videojs/videojs.ima.js?20250207a"></script> <script data-cookieconsent="ignore" src="https://static.earthcam.com/js/ecpano/ecpano.1.22.2.js?20250207a"></script> <script src="https://static.earthcam.com/js/openseadragon/openseadragon.min.js?20250207a"></script> <script src="https://static.earthcam.com/js/openseadragon/openseadragon-hotfix.js?20250207a"></script> <!-- GENERAL DEPENDENCIES --> <!--<script src="https://static.earthcam.com/js/momentjs/moment.min.js?20250207a"></script> <script src="https://static.earthcam.com/js/momentjs/moment-timezone-with-data.min.js?20250207a"></script> --> <!-- LOCAL STORAGE TEST --> <script type="text/javascript" src="https://static.earthcam.com/js/localStorageSession.js?20250207a"></script> <script data-cookieconsent="ignore" src="https://static.earthcam.com/js/earthcam/ecnplayerhtml5/js/ecnplayerhtml5-package.js?20250207a"></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="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" > /* 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/SnowmanCam_BG.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(https://static.earthcam.com/cams/includes/images/page_headers_slim/Snowman.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("https://static.earthcam.com/cams/includes/images/page_headers_slim/Snowman.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="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" > var anticache = "20250207a"; 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 = {"snowman":[{"bg":"","header":"Snowman.jpg"}]}; var js_force_base_header = false; var js_force_base_background = false; var camNameLookup ={"cb000f2fe22749cd65915659a27e8373":"snowman"} var disabled_static_map = false; if (contentpage == false) { /* page globals for the player */ //var hofid; //moved to class var js_cam_list = ["snowman"]; var json_base = {"cam":{"snowman":{"disableHofPosting":false,"disable_zoom":"1","affiliate_ad_id":"2772576849","enable360":null,"type360":null,"longitude_position":"0","streamviews":"53990213","enableDigitalPTZ":null,"datecreated":1180735853,"allowmobile":null,"hasaudio":"true","network":"yes","searchable":"com","category":"SOC UNU WEA ","subcategory":"PkOSi","likes":"115408","rating":null,"mapmode":"","mappath":"","live_tab_text":null,"reservearchives":"false","custom_background":"","custom_header":"Snowman.jpg","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=annf3qi%2F8OwNiB3u9jkAIQ%3D%3D","offline_image_static":"https:\/\/static.earthcam.com\/cams\/includes\/images\/offline_images\/","social_media_static":"https:\/\/www.earthcam.com\/cams\/includes\/image.php?logo=0&playbutton=1&s=1&img=annf3qi%2F8OwNiB3u9jkAIQ%3D%3D","hideIconMap":"0","archiveVideoSelector":"true","url":"","ecn_url":"https:\/\/www.earthcam.com\/usa\/michigan\/gaylord\/snowman\/?cam=snowman","ecn_url_path":"\/usa\/michigan\/gaylord\/snowman\/?cam=snowman","weather":null,"overlay":"true","disable_text_overlays":"false","overlay_archives":"true","overlay_timelapse":"1","id":"cb000f2fe22749cd65915659a27e8373","inet":"277c7ee812e48dad8ddb5c0c47cf00c5","dnet":"0af62754d41faf4cabd69b68b2d0368f","placeholderpath":"https:\/\/static.earthcam.com","map_lat":"44.87678000000000","map_long":"-84.81767200000000","city":"Gaylord","state":"MI","country":"United States","cam_counter":1,"cam_state":"1","cam_name":"snowman","group_id":"snowman","eventmode":"no","group_order":"1","name":"Gaylord, MI","group":"Gaylord, MI","title":"Michigan Snowman Cam","title_full":"EarthCam: Michigan Snowman Cam","default_cam":"","xml_path":"michigan\/gaylord\/snowman","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":"KGOV","hofid":"snowman","live_type":"flashvideo","displaymode":"mega_hd","hd":"mega_hd","timezone":"America\/Detroit","timezone_offset":"-5","thumbimage2":"https:\/\/static.earthcam.com\/camshots\/256x144\/2adf6f70eb3d2b81967c83b93a1c2fd4.jpg","thumbimage":"https:\/\/static.earthcam.com\/camshots\/256x144\/2adf6f70eb3d2b81967c83b93a1c2fd4.jpg","thumbimage_other":"","thumbnail_128":"https:\/\/static.earthcam.com\/camshots\/128x72\/2adf6f70eb3d2b81967c83b93a1c2fd4.jpg","thumbnail_256":"https:\/\/static.earthcam.com\/camshots\/256x144\/2adf6f70eb3d2b81967c83b93a1c2fd4.jpg","thumbnail_512":"https:\/\/static.earthcam.com\/camshots\/512x288\/2adf6f70eb3d2b81967c83b93a1c2fd4.jpg","alttext":"Gaylord, MI","camtext":"Gaylord, MI","long_title":"Michigan Snowman Cam","short_title":"Michigan Snowman Cam","imagedomain":"http:\/\/images.earthcam.com","streamingdomain":"rtmp:\/\/videos-3.earthcam.com","timelapsedomain":null,"filedomain":null,"livepath":"\/ecnetwork\/wilderness.jpg","livestreamingpath":"\/fecnetwork\/13706.flv","android_livepath":"\/fecnetwork\/13706.flv\/playlist.m3u8","html5_streamingdomain":"https:\/\/videos-3.earthcam.com","html5_streampath":"\/fecnetwork\/13706.flv\/playlist.m3u8?t=z6nB2mvB7fVRwGP9d5q8HkQOt517mPZeS8kGxr9WE4xH1zilutEP40PPqYhklmyE&td=202502261505","stream":"https:\/\/videos-3.earthcam.com\/fecnetwork\/13706.flv\/playlist.m3u8?t=z6nB2mvB7fVRwGP9d5q8HkQOt517mPZeS8kGxr9WE4xH1zilutEP40PPqYhklmyE&td=202502261505","archivedomain":null,"archivepath":"","archivedomain_html5":"http:\/\/archives.earthcam.com","archivepath_html5":"\/_definst_\/MP4:archives3\/world\/us\/ny\/wilderness\/24hrtimelapse.mp4\/playlist.m3u8","backup_clip":"https:\/\/video2archives.earthcam.com\/earthcamtv-vod\/_definst_\/mp4:archives\/13706\/backup.mp4\/playlist.m3u8","cdn_status":"false","timelapsepath":null,"hofpath":"michigan\/gaylord\/snowman\/","logolink":"http:\/\/www.snowmancam.com\/","logopath":"\/cams\/includes\/images\/affiliatelogos\/snowmancam-affiliate-logo.jpg","location":"Gaylord, MI","description":"Wilderness Valley Michigan's favorite snow gauge and weather icon, now in live video, brings you to Wilderness Pines. Watch the flakes fall in Winter, and wildlife visit the rest of the year.","pov_title_text":"","spacer":"0","search_key":"animals\r\nsnowman\r\nbear porcupine squirrels chipmunks\r\nnature\r\nbirds\r\nwildlife\r\nGaylord Michigan","enableECStreamEvents":true,"enableECStreamPanoramaEvents":true,"enableECStreamPanoramaMessage":false,"ecStreamPanoramaEventHandler":"ecnPlayer.ecStreamPanoramaEventHandler","tz_offset":"-5"}}, "related_cams":[], "world_cams":null}; //var json_data = ""; var currentName = "snowman"; // 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 = 'snowman'; var firstPageLoad = true; var ecnPlayer; var hof; var TimelapseOBJ; var timelapse_type = "sun"; var current_timelapse_type = "sun"; var related_id = "cb000f2fe22749cd65915659a27e8373"; //var related_id = "3c0252f7fab54a69758b1aba1a19a318"; var extraOBJ; var extra_type = "aerial"; var current_extra_type = "aerial"; var js_bestof_array = ["cb000f2fe22749cd65915659a27e8373"]; 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 - Snowman 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('05/21/2007').getTime(); max_date_timestamp = new Date('02/26/2025').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: '05/21/2007', maxDate: '02/26/2025', // 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 = '05/21/2007'; jQuery('#content_date_end').datepicker('option', 'minDate', selectedDate ); jQuery('.ui-datepicker-current').hide(); }, }); jQuery('#content_date_end').datepicker({ dateFormat: "mm/dd/yy", minDate: '05/21/2007', maxDate: '02/26/2025', // 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 = '02/26/2025'; 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('snowman'); 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 = "cb000f2fe22749cd65915659a27e8373"; // ----------------------------------------------------------------------------------------------- // 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 = 'snowman'; } else if (valid_cam == -1) { js_defaultCam = 'snowman'; } flashvars.cam = js_defaultCam; //flashvars.cam = "snowman"; } } else { js_defaultCam = 'snowman'; flashvars.cam = 'snowman'; } 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/michigan/gaylord/snowman/"; 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="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" > !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="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" >(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="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" > .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/com_logo.svg" title="EarthCam" alt="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> 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> 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> 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> 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> 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> 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> 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> 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> 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> 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="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" > 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;"> </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> <!-- (?) --> <!-- 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;"> </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;'> See the Snowman Cam Live! </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">53,990,213 Views</span> <!--•--> <i id='pageLikeButton' class='fa fa-heart-o fa-lg'></i> <div class="totalLikesContainer" style='display: inline-block;'><span class='totalLikes'> 115,408 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/Michigan.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/Michigan.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"> EarthCam presents a live view of the popular <a href="http://www.snowmancam.com" target="_blank">Snowman Cam</a>! On any given day you can see fans stopping by posing for pictures and enjoying the wilderness, and animals grazing through the yard. Don't forget to check back often to see the snowman's wardrobe change with the seasons! </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'>Overcast Sky</div><div class='column_row' id='tempVals'><div class='myec_fahrenheit'>25 °F</div><div class='myec_celsius' style="display: none;">-4 °C</div></div><div class='column_row' id='humidVals'>Humidity 92.9%</div><div class='column_row' id='windVals'>Wind 0 mph N</div><div class='column_row' id='gustVals'>Gust 0.0 mph</div><div class='column_row' id='visibleVals'>Visibility 9 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;'> <span style="color: white !important;">|</span> Recent Time-Lapses</h3></div> <!-- Sunrise & Sunsets--> <div id="topvideos_title" class="hof_option"><h3 class="blueTitle" style='float: left;color: white;'> <span style="color: white !important;">|</span> 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="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" > /*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 | </h3></div>--> <!--<div id="sunrise_sunset_title"><h3 class="blueTitle" style='float: left;color: white;'>Sunrise & Sunsets | </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="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" 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="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c"> (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;'> </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-2025 <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">漏 2025 <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 ®</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="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-090EYW9131'); </script> <script nonce="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" type="text/javascript" nonce="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c"> /* 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">×</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;'> </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">×</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="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" > /* 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="1b56dd893fe6c87272e23d43229451dc3e5d411e8c713d2aa8b28a5f3717366c" > var page = "ec_network"; var loggedIn = false; var userLoggedOut = false; var camera_metar = "KGOV"; //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 + ' °F</div><div class="myec_celsius"' + celsius + '>' + data.data.Temperature.Celsius + ' °C</div>'; // document.querySelector('#feelVals').innerHTML = 'Feels like <div class="myec_fahrenheit"' + fahrenheit + '> ' + data.data.FeelsLike.Fahrenheit + ' °F</div><div class="myec_celsius"' + celsius + '> ' + data.data.FeelsLike.Celsius + ' °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>