CINXE.COM
EarthCam - Hall of Fame
<!DOCTYPE html > <html itemscope itemtype="http://schema.org/"> <head> <title>EarthCam - Hall of Fame</title> <meta name="keywords" content="EarthCam, Hall of Fame, Webcam Network, Live Streaming Video Camera, Megapixel Camera, Webcam, Travel, Tourism" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="Discover the EarthCam network through the eyes of our fans! Explore the Hall of Fame to see the best images from our worldwide network of live streaming video and megapixel cameras. You can even share your favorites via Facebook and Twitter." /> <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" /> <!-- facebook meta data --> <link rel="image_src" href="" /> <!-- google+, facebook, and generic social media tag meta data --> <meta property="name" content="EarthCam - Hall of Fame" /> <meta property="description" content="Discover the EarthCam network through the eyes of our fans! Explore the Hall of Fame to see the best images from our worldwide network of live streaming video and megapixel cameras. You can even share your favorites via Facebook and Twitter." /> <meta property="image" content="https://www.earthcam.com/halloffame/images/hof_socialmedia_thumb.jpg" /> <meta property="og:image" content="https://www.earthcam.com/halloffame/images/hof_socialmedia_thumb.jpg" /> <link rel="image_src" href="https://www.earthcam.com/halloffame/images/hof_socialmedia_thumb.jpg" /> <!-- Webcam Network | EarthCam. --> <!-- CSS Implementing Plugins (Page) --> <link href="https://static.earthcam.com/css/reset.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="/js/share/build/css/main.css?20220308"> <!-- Moved here to make sure miscellaneous css doesn't overwrite page values --> <link href="https://static.earthcam.com/css/ecv4.css" rel="stylesheet" type="text/css" /> <link href="https://static.earthcam.com/css/frontpage.v3.css" rel="stylesheet" type="text/css" /> <link href="https://static.earthcam.com/cams/includes/template.css" rel="stylesheet" type="text/css" /> <link href="https://static.earthcam.com/cams/includes/footer.css" rel="stylesheet" type="text/css" /> <link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'> <!--=== Global Head ===--> <!-- Meta --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="" name="description"> <meta content="" name="author"> <!-- Font-Awesome --> <link rel="stylesheet" href="https://static.earthcam.com/css/font-awesome-4.7.0/css/font-awesome.min.css?20241120a"> <!-- 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/bootstrap-5.3.1/css/bootstrap.min.css?20241120a" nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" > <link rel="stylesheet" href="https://static.earthcam.com/js/jquery-ui-1.12.1.custom/jquery-ui.min.css?20241120a" nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" > <!-- CSS Header and Footer --> <link rel="stylesheet" href="https://static.earthcam.com/css/site-global.css?20241120a" nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" > <link rel="stylesheet" href="https://static.earthcam.com/css/header.v5.css?20241120a" nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" > <link rel="stylesheet" href="https://static.earthcam.com/css/footer.v5.css?20241120a" nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" > <!-- Site CSS Fixes --> <!-- <link href="https://www.earthcam.com/css/cssloader.php" rel="stylesheet"> --> <!-- CSS Implementing Plugins (Global) --> <!-- CSS Theme --> <!-- CSS Customization (Global) --> <!--=== End Global Head ===--> <!--<link rel="stylesheet" href="https://static.earthcam.com/includes/Unify-v1.8/assets/plugins/parallax-slider/css/parallax-slider.css">--> <!--EXAMPLE--> <!-- CSS Page Style --> <!--<link href="https://static.earthcam.com/cams/includes/hof.css" rel="stylesheet" type="text/css" />--> <link href="https://static.earthcam.com/cams/includes/hof_v4.css?20241120a" rel="stylesheet" type="text/css"> <!--<link rel="stylesheet" href="https://static.earthcam.com/css/frontpage.v5.css">--> <link href="https://static.earthcam.com/cams/includes/hofdotcomaddon.css?20241120a" rel="stylesheet" type="text/css" /> <!-- CSS Customization --> <!--<link rel="stylesheet" href="/myearthcam/css/home.css">--> <!--EXAMPLE--> <style type="text/css" nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" > *{ -webkit-box-sizing: border-box; } html { font-size: 14px; } body { background-color: #FFFFFF; background-image: url(/halloffame/images/HOF_BG.jpg); background-position: center top !important; } .bodyContainer{ background: none; /*min-width: 1015px;*/ } .borderContainer{ padding-top: 10px; width: 90%!important; background: #FFFFFF; /*Makes it match the rest of the page*/ margin: 0 auto; } .mainContainer{ background: none; } @media (max-width: 767px){ .navbar-nav{ margin-top: 4px; } } #basic_loading { background-image: url(https://static.earthcam.com/images/ajax-loader_circular.gif); background-position: center center; background-repeat: no-repeat; } #bottom_half { min-height: 600px; } #hof_display_selector { margin-left: 0; } #intro_top { width: 100%!important; height: 180px; /* 200px */ margin: 0 auto; border: 0px solid red; background-image: url(images/HOF_Header.png); background-position: top center; background-repeat: no-repeat; background-size: contain; } #intro_text { font-weight: 400; font-style: italic; font-size: 20px; font-family: 'Ubuntu', sans-serif; line-height: 125%; text-align: center; margin: 0 auto; padding-top: 150px; width: auto!important; /*width: 550px;*/ } .superWhiteWrapper { width: 100%!important; } #loader_text { color: blue; } #all_staff_filter { float: right; } #bottom_half, #hof_segment{ width: 100%!important; } #hof_items_container{ min-height: 1000px; } .pic{ /*width: 32.2%;*/ /*height: 243px;*/ padding: 15px; } #landscapedotcom{ width: 100%; height: auto; } .gridlandscapedotcom{ width: 100%; height: auto; } .fbox{ left: 0; right: 0; } .navbar-collapse { padding-right: 15px !important; } #header-toggle { font-size: 1.5em; } #hof_search_bar_area{ width: 100%; margin-top: -5px; margin-left: 95px; left: 0; } #hof_magnifying_glass{ } #left_ad_area { height: initial; width: initial; } #left_ad_area > * { margin-bottom: 10px; margin-right: 20px; } #hof_search_bar_container{ display: flex; width: 510px; margin-left: 30px; margin-top: -22px; } #hof_search_bg{ width: 150px; } #hof_search_bar_area input { position: relative; border: 1px solid black; } @media (max-width: 800px){ .pic{ height: 200px; } } @media (max-width: 1060px){ #hof_search_bar_area{ margin-left: 45px; } } @media (max-width: 1015px){ #hof_search_bar_area{ margin-left: 0px; } } @media (max-width: 945px){ #hof_search_bar_area{ margin-top: -30px!important; } } @media (max-width: 845px){ #hof_search_bar_area{ position: absolute!important; margin-left: 0; margin-top: -20px!important; } } @media (min-width: 672px){ #hof_search_bar_container{ margin-top: -15px; } } @media (max-width: 767px){ #hof_search_bar_container{ display: block; } #hof_search_bar_area{ margin-top: -40px!important; } } @media (max-width: 440px){ #hof_term { width: 243px !important; } #content_date_start, #content_date_end { width: 110px !important; } #hof_search_bar_container { margin-left: calc(25vw/2)} } @media (max-width: 370px){ .pic{ height: 125px; } #hof_term { width: 167px !important; } #content_date_start, #content_date_end { width: 72px !important; } #hof_term, #content_date_start, #content_date_end { font-size: 12.5px !important; } } /* Bit of klugey css to make work with share css (was causing issues with Load More) */ #side-content-wrapper { height: 100vh; } body{ height: initial; } #headerSearch::placeholder, #searchbar input::placeholder { color: #999; } </style> <!--=== JAVASCRIPT ===--> <!-- Global JS --> <!-- Global Includes --> <!-- cookiebot --> <style type="text/css" nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" > /* 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="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" data-cookieconsent="ignore" src="https://static.earthcam.com/js/jquery.3.7.0.min.js?20241120a"></script> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/jquery-ui-1.13.1/jquery-ui.min.js?20241120a"></script> </script> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" data-cookieconsent="ignore" src="https://static.earthcam.com/includes/bootstrap-5.3.1/js/bootstrap.bundle.min.js?20241120a"></script> <!-- Includes popper by default now --> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/jquery.smooth-scroll.min.js?20241120a" type="text/javascript" defer="defer"></script> <script data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/earthcam/common.js?20241120a" type="text/javascript"></script> <!--<script language="JavaScript" src="https://static.earthcam.com/js/jquery.tools.min.js" type="text/javascript"></script>--> <!-- HOF --> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" data-cookieconsent="ignore" type="text/javascript" src="https://static.earthcam.com/js/earthcam/halloffame/hof.v4.class.js?20241120a"></script> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/earthcam/functions.ecntemplate.js?20241120a" type="text/javascript"></script> <!-- <script type="text/javascript" src="https://static.earthcam.com/js/PgwBrowser/pgwbrowser.js?20241120a"></script> --> <!--<script type="text/javascript" src="https://static.earthcam.com/js/ua-parser-js/dist/ua-parser.min.js?20241120a"></script>--> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" data-cookieconsent="ignore" type="text/javascript" src="https://static.earthcam.com/js/useragent-parser-js/dist/useragent-parser.min.js?20241120a"></script> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" data-cookieconsent="ignore" src="https://static.earthcam.com/js/emojione-master/js/emojione.min.js?20241120a"></script> <link nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" data-cookieconsent="ignore" rel="stylesheet" href="https://static.earthcam.com/js/emojione-master/assets/css/emojione.min.css?20241120a"/> <!-- Time --> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" data-cookieconsent="ignore" src="https://static.earthcam.com/js/momentjs/moment.min.js?20241120a"></script> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" data-cookieconsent="ignore" src="https://static.earthcam.com/js/momentjs/moment-timezone-with-data.min.js?20241120a"></script> <!-- UTILITIES --> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" data-cookieconsent="ignore" src="https://static.earthcam.com/js/earthcam/utils/utils.TimeUtils.min.js?20241120a"></script> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" data-cookieconsent="ignore" src="https://static.earthcam.com/js/jquery-throttle-debounce.js"></script> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/numeraljs/numeral.min.js?20241120a"></script> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" data-cookieconsent="ignore" language="JavaScript" src="https://static.earthcam.com/js/jquery.history.js?20241120a" type="text/javascript"></script> <!-- File End --> <!-- JS Implementing Plugins (Page) --> <!--<script src="https://static.earthcam.com/js/jquery.1.9.1.min.js?20241120a"></script> <script src="https://static.earthcam.com/js/jquery-throttle-debounce.js"></script> <!--<script language="JavaScript" src="https://static.earthcam.com/js/jquery-ui.min.js" type="text/javascript"></script>--> <!--<script language="JavaScript" src="https://static.earthcam.com/js/jquery-ui-1.12.1.custom/jquery-ui.min.js?20241120a"></script> <script language="JavaScript" src="https://static.earthcam.com/js/numeraljs/numeral.min.js?20241120a"></script>--> <!--<script language="JavaScript" src="https://static.earthcam.com/js/jquery.tools.min.js" type="text/javascript"></script>--> <!--<script language="JavaScript" src="https://static.earthcam.com/js/jquery.history.js?20241120a" type="text/javascript"></script> <script language="JavaScript" src="https://static.earthcam.com/js/jquery.smooth-scroll.min.js?20241120a" type="text/javascript" defer="defer"></script>--> <!--<script language="JavaScript" src="https://static.earthcam.com/js/detectmobilebrowser.js" type="text/javascript"></script>--> <!--<script language="JavaScript" src="https://static.earthcam.com/js/winpopup.js" type="text/javascript"></script> <script language="JavaScript" src="https://static.earthcam.com/js/dropDown.js" type="text/javascript"></script>--> <script language="JavaScript" src="https://static.earthcam.com/js/swfobject.js?20241120a" type="text/javascript"></script> <!--<script language="JavaScript" src="https://static.earthcam.com/swf/ecvr/swfkrpano.js" type="text/javascript"></script>--> <!-- integration ************************************************************************************************************* --> <!--<script type="text/javascript" src="https://static.earthcam.com/js/momentjs/moment.min.js?20241120a"></script> <script type="text/javascript" src="https://static.earthcam.com/js/momentjs/moment-timezone-with-data.min.js?20241120a"></script>--> <!-- OS/browser detection--> <!--<script type="text/javascript" src="https://static.earthcam.com/js/PgwBrowser/pgwbrowser.js"></script> <script type="text/javascript" src="https://static.earthcam.com/js/ua-parser-js/dist/ua-parser.min.js"></script> <!--<script type="text/javascript" src="https://static.earthcam.com/js/modernizr-flash.js"></script>--> <!-- GENERAL DEPENDENCIES --> <!--<script src="https://static.earthcam.com/js/momentjs/moment.min.js?20241120a"></script> <script src="https://static.earthcam.com/js/momentjs/moment-timezone-with-data.min.js?20241120a"></script>--> <!-- UTILITIES --> <!--<script src="https://static.earthcam.com/js/earthcam/utils/utils.timer.min.js?20241120a"></script> <script src="https://static.earthcam.com/js/earthcam/utils/utils.dateconvert.min.js?20241120a"></script> <script src="https://static.earthcam.com/js/earthcam/utils/utils.timeconvert.min.js?20241120a"></script> <script src="https://static.earthcam.com/js/earthcam/utils/utils.timeformatter.min.js?20241120a"></script>--> <script src="https://static.earthcam.com/js/earthcam/utils/pd.min.js?20241120a"></script> <script src="https://static.earthcam.com/js/earthcam/utils/piexifjs_1.0.6.min.js?20241120a"></script> <!--<script src="https://static.earthcam.com/js/earthcam/ecnplayerhtml5/js/ecnplayerhtml5-package.js?20241120a"></script>--> <script src="https://static.earthcam.com/js/earthcam/events/events.event.class.min.js?20241120a"></script> <script src="https://static.earthcam.com/js/earthcam/events/events.controlevent.class.min.js?20241120a"></script> <script src="https://static.earthcam.com/js/earthcam/events/events.dateevent.class.min.js?20241120a"></script> <script src="https://static.earthcam.com/js/earthcam/ecnplayer/events.ecnevent.class.js?20241120a"></script> <!-- HOF --> <!--<script type="text/javascript" src="https://static.earthcam.com/js/earthcam/halloffame/hof.class.js?20241120a"></script>--> <link rel="stylesheet" href="https://static.earthcam.com/js/earthcam/halloffame/fancybox-3.0/dist/jquery.fancybox.css" type="text/css"> <script type="text/javascript" src="https://static.earthcam.com/js/earthcam/halloffame/fancybox-3.0/dist/jquery.fancybox.js"></script> <!-- *************************************************************************************************************************** --> <!-- REACT LIBRARIES NEEDED FOR SHARE AND OTHER FUNCTIONALITY --> <script language="JavaScript" src="https://cdn.jsdelivr.net/npm/react@16/umd/react.production.min.js" type="text/javascript"></script> <script language="JavaScript" src="https://cdn.jsdelivr.net/npm/react-dom@16/umd/react-dom.production.min.js" type="text/javascript"></script> <script type="text/javascript" crossorigin="true" src="/js/share/build/js/main.js?20220308"></script> <!-- Moved ShareModal CSS higher on the page, to make sure doesn't overwrite page values --> <!--<script language="JavaScript" src="https://static.earthcam.com/js/earthcam/common.js?20241120a" type="text/javascript"></script> <script language="JavaScript" src="https://static.earthcam.com/js/earthcam/functions.ecntemplate.js?20241120a" type="text/javascript"></script>--> <!--<script language="JavaScript" src="https://static.earthcam.com/js/earthcam/comments.js?20241120a" type="text/javascript"></script>--> <!--<script src="https://static.earthcam.com/js/emojione-master/js/emojione.min.js?20241120a"></script> <link rel="stylesheet" href="https://static.earthcam.com/js/emojione-master/assets/css/emojione.min.css?20241120a"/>--> <!-- JS Page Level --> <script language="JavaScript" type="text/javascript" nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" > <!-- if (top.location != self.location) {top.location = self.location;} //if(typeof($j)== "undefined") //{ var $j = jQuery.noConflict(); //} LOG = false; ECHO_DISPATCHEVENT = false; //var start = 0; var current_ecn_url; var hofid = 'all'; // load all pictures var scroll_to_top_thresshold = 800; // threshhold before showing the "scroll to top" icon on the right side var nearToBottom = 800; // threshold for detecting if user hit the bottom of the page var single_image_mode = false; var single_image = "-1"; if (single_image_mode == true) { hof_display_mode = "full"; max_auto_load = 0; } //Adjust threshold for loading in new items /*if(/Mobi|Android|iPhone|iPod|iPad|Blackberry/i.test(navigator.userAgent)) { if( window.matchMedia("only screen and (max-device-width: 575px)").matches ) { nearToBottom = 1900; } else if( window.matchMedia("only screen and (max-device-width: 767px)").matches ) { nearToBottom = 1800; } else if( window.matchMedia("only screen and (max-device-width: 991px)").matches ) { nearToBottom = 1650; } else if( window.matchMedia("only screen and (max-device-width: 1199px)").matches ) { nearToBottom = 1500; } }*/ var page_title = "EarthCam - Hall of Fame"; // document.ready function jQuery(function(){ //var current_ecn_url = History.getState().url; hof = new earthcam.HoF(); //hof.site_domain = "dotcom"; hof.init(); //Make sure only need to calculate once min_date_timestamp = new Date('07/09/1998').getTime(); max_date_timestamp = new Date('11/28/2024').getTime(); // listen for history change events History.Adapter.bind(window,'statechange',function() { // Note: We are using statechange instead of popstate //console.warn("state change"); //new url history manager: pageDispatcher(); }); // ------------------------------------------ /* WHEN USER SCROLLS TO BOTTOM OF SCREEN, LOAD MORE HOF */ /*jQuery(window).scroll(function() { earthcam.events.Event.dispatchEvent(new earthcam.events.ECNEvent(earthcam.events.ECNEvent.HOF_AUTO_LOAD)); //hofAutoLoad(); checkScrollToTopButton(); });*/ //Check for valid dates first (if relevant), then perform search function checkAndSearch() { hof.content_date_start = jQuery("#content_date_start").val(); hof.content_date_end = jQuery("#content_date_end").val(); hof.initial_hof_load = true; start_timestamp = new Date( hof.content_date_start ).getTime() end_timestamp = new Date( hof.content_date_end ).getTime(); //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.performSearch(); } /* HOF SEARCHING */ jQuery('#hof_magnifying_glass').on( 'click', function(){ checkAndSearch(); var search_term = "none"; if (jQuery('#hof_term').val().length > 0) { search_term = jQuery('#hof_term').val(); } ECNClickTracker('Hall of Fame', '/halloffame/search', search_term); //console.warn("mag glass click"); }); jQuery('#hof_term,#content_date_start,#content_date_end').on( 'blur', function(){ setTimeout( function(){ //Remind that is() returns true if any element matches if ( !jQuery('#hof_term,#content_date_start,#content_date_end').is(":focus") && jQuery('#hof_term').val().length == 0 && jQuery('#content_date_start').val().length == 0 && jQuery('#content_date_end').val().length == 0) { jQuery('#hof_search_bar_container').fadeOut('fast', function (){ hof.hof_search_box_visible = false; }); jQuery("#ui-datepicker-div").fadeOut('fast'); jQuery('#hof_magnifying_glass').children().attr('src','/cams/includes/images/HOF_SVG/search_icon_regular-04.svg' ) //search_box_visible = false; } }, 100); } ); jQuery(document).on( 'keyup', function(e) { if ( e.keyCode == 13 && ( jQuery('#hof_term,#content_date_start,#content_date_end').is(":focus") ) ) { checkAndSearch(); } }); jQuery('#content_date_start').datepicker({ dateFormat: "mm/dd/yy", minDate: '07/09/1998', maxDate: '11/28/2024', // maxDate: 0, // yearRange: "2010:+00", changeYear: true, changeMonth: true, showButtonPanel: true, closeText: 'Clear', //timeFormat: 'hh:mm:ss tt' create: function(event, ui) { jQuery('.ui-datepicker').wrap('<div class="earthcam-jquery-ui"></div>'); // jQuery('.ui-datepicker-current').hide(); }, beforeShow: function(input) { // hide today button setTimeout(function() { jQuery('.ui-datepicker-current').hide(); }, 1 ); // custom clear button setTimeout(function() { var clearButton = jQuery(input ) .datepicker( "widget" ) .find( ".ui-datepicker-close" ); clearButton.off("click").on("click",function(){jQuery.datepicker._clearDate( input );}); }, 1 ); }, onClose: function (selectedDate, ui) { console.warn("selected - ",selectedDate); console.warn("selected - ",ui); //.ui-datepicker-close | $.datepicker._clearDate(this); if( !selectedDate ) selectedDate = '07/09/1998'; jQuery('#content_date_end').datepicker('option', 'minDate', selectedDate ); jQuery('.ui-datepicker-current').hide(); }, }); jQuery('#content_date_end').datepicker({ dateFormat: "mm/dd/yy", minDate: '07/09/1998', maxDate: '11/28/2024', // maxDate: 0, // yearRange: "2010:+00", changeYear: true, changeMonth: true, showButtonPanel: true, closeText: 'Clear', //timeFormat: 'hh:mm:ss tt' create: function(event, ui) { jQuery('.ui-datepicker').wrap('<div class="earthcam-jquery-ui"></div>'); // jQuery('.ui-datepicker-current').hide() }, beforeShow: function(input) { setTimeout(function() { jQuery('.ui-datepicker-current').hide(); }, 1 ); // custom clear button setTimeout(function() { var clearButton = jQuery(input ) .datepicker( "widget" ) .find( ".ui-datepicker-close" ); clearButton.off("click").on("click",function(){jQuery.datepicker._clearDate( input );}); }, 1 ); }, onClose: function (selectedDate, ui) { console.warn("selected - ",selectedDate); //$.datepicker._clearDate(this); if( !selectedDate ) selectedDate = '11/28/2024'; jQuery('#content_date_start').datepicker('option', 'maxDate', selectedDate ); jQuery('.ui-datepicker-current').hide(); }, }); jQuery('#hof_search_bar_area').appendTo('#hof_display_selector'); /* MISC */ jQuery('#view_all').on( 'click', function(){ /*if (0 == ec_favorite) return(false);*/ hof.resetStart(); var ec_favorite = 0; jQuery('#view_all').addClass('all_staff_filter_selected'); jQuery('#staff_picks').removeClass('all_staff_filter_selected'); //manual_loadHallOfFame(hof_display_mode); earthcam.events.Event.dispatchEvent(new earthcam.events.ECNEvent(earthcam.events.ECNEvent.EC_FAVORITE_CHANGE, {ec_favorite:ec_favorite})); }); jQuery('#staff_picks').on( 'click', function(){ /*if (1 == ec_favorite) return(false);*/ hof.resetStart(); jQuery('#hof_term,#content_date_start,#content_date_end').val(''); hof.hof_term = ''; hof.content_date_start = 0; hof.content_date_end = 0; var ec_favorite = 1; jQuery('#view_all').removeClass('all_staff_filter_selected'); jQuery('#staff_picks').addClass('all_staff_filter_selected'); //manual_loadHallOfFame(hof_display_mode); earthcam.events.Event.dispatchEvent(new earthcam.events.ECNEvent(earthcam.events.ECNEvent.EC_FAVORITE_CHANGE, {ec_favorite:ec_favorite})); }); /* INIT HOF */ //hof_response = loadHallOfFame(hofid); earthcam.events.Event.dispatchEvent(new earthcam.events.ECNEvent(earthcam.events.ECNEvent.HOF_ID_CHANGE, {hofid:hofid})); }); --> </script> </head> <body class="css3"> <div id="fb-root"></div> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" >(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> <div id="blackoutOverlay"></div> <div id="hof_full_image_container"> <div id="close_full_image"><img src="/cams/includes/images/Close_X.png" width="24" height="24" alt="close" title="" /></div> <!-- <div id="prev_image"><< PREV</div> <div id="next_image">NEXT >></div> --> <div style="height: 18px;"></div> <div id="hof_thumb_full_div"></div> </div> <div id="reactRoot"></div> <div class="bodyContainer"> <!-- ////////////////////// Top Header area ////////////////////////////////// --> <!-- CSS set in prototypeGlobalCSS --> <div class="container-fluid center sticky" id="header-container"> <div class="row"> <!-- Header --> <!--<div class="col-xs-12 header"> <!--<div class="row header"> <div class="flexGroup" style="width:100%;"> <!-- Icons for links to social media -> <span style="display: none" class="hidden-xs verticalCenter socialIcons"><div class="verticalCenter" style="margin-top: 5px;">Follow Us:</div> <a href="https://www.facebook.com/earthcaminc"><i class="fa fa-facebook" alt="Facebook" title="Facebook"></i></a> <a href="https://www.twitter.com/earthcam"><i class="fa fa-twitter" alt="Twitter" title="Twitter"></i></a> <a href="https://instagram.com/earthcam/"><i class="fa fa-instagram" alt="Instagram" title="Instagram"></i></a> <a href="https://www.linkedin.com/company/earthcam-inc-"><i class="fa fa-linkedin" alt="LinkedIn" title="LinkedIn"></i></a> <a href="https://www.youtube.com/user/earthcam"><i class="fa fa-youtube-play" alt="Youtube" title="Youtube"></i></a> <a href="https://www.earthcam.com/mobile/"><i class="fa fa-phone" alt="Phone App" title="Mobile applications on your phone"></i></a> <a href="https://www.earthcam.com/rss.php"><i class="fa fa-rss" alt="RSS Feed" title="RSS Feed"></i></a> <a href="https://www.earthcam.com/newsletter/signup.php"><i class="fa fa-envelope" alt="Newsletter" title="Sign up for our newsletter"></i></a> </span> <!-- Link icons in dropdown for mobile -> <span style="display: none" class="hidden-sm hidden-md hidden-lg verticalCenter socialIcons"> <div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle header-dropdown" type="button" id="linkMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Follow Us <i class="fa fa-caret-down noMarg"></i></button> <ul class="dropdown-menu header-dropdown" aria-labelledby="linkMenu"> <li class="row no-gutters"> <div class="col-xs-12 text-center"> <a class="dropdown-item" href="https://www.facebook.com/earthcaminc"><i class="fa fa-facebook" alt="Facebook" title="Facebook"></i></a> <a class="dropdown-item" href="https://www.twitter.com/earthcam"><i class="fa fa-twitter" alt="Twitter" title="Twitter"></i></a> <a class="dropdown-item" href="https://instagram.com/earthcam/"><i class="fa fa-instagram" alt="Instagram" title="Instagram"></i></a> <a class="dropdown-item" href="https://www.linkedin.com/company/earthcam-inc-"><i class="fa fa-linkedin" alt="LinkedIn" title="LinkedIn"></i></a> </div> <div class="col-xs-12 text-center"> <a class="dropdown-item" href="https://www.youtube.com/user/earthcam"><i class="fa fa-youtube-play" alt="Youtube" title="Youtube"></i></a> <a class="dropdown-item" href="https://www.earthcam.com/mobile/"><i class="fa fa-phone" alt="Phone App" title="Mobile applications on your phone"></i></a> <a class="dropdown-item" href="https://www.earthcam.com/rss.php"><i class="fa fa-rss" alt="RSS Feed" title="RSS Feed"></i></a> <a class="dropdown-item" href="https://www.earthcam.com/newsletter/signup.php"><i class="fa fa-envelope" alt="Newsletter" title="Sign up for our newsletter"></i></a> </div> </li> </ul> </div> </span> </div>--> <!--<div class="col-xs-12" style="padding-right: 0px;"> <div class="flexgroup"> <!-- Search Bar -> <span class="searchbox"> <form id="searchBarSubmission" action="/search/ft_search.php?_sbox=1&s1=1&term="> <input type="text" class="form-control open" id="search-bar" name="term" placeholder="Search" value=""/> <span style="display: inline;"> <i class="fa fa-search text-center" alt="Search" id="searchClick"></i> </span> </form> <form> input </form> </span> <!--Earthcam.net Link-> <span class="earthcamNetButton"> <form action="https://www.earthcam.net"> <button type="submit" class="btn btn-default" href="https://www.earthcam.net">Earthcam.net</button> </form> </span> </div> </div> </div>-> </div>--> <!-- "underheader content" --> <div id="underheader-container" class="col-12 underheader "> <div class="row underheader"> <!-- Logo and Hamburger Icon --> <div id="leftHeaderSide" class="verticalCenter flexGroup col-lg-4 col-md-6 col-7" style="text-align: left;float: left;"> <span style="display: flex; align-items: center;"><i id="header-toggle" class="fa fa-bars fa-2x sidebar-toggle" alt="Click here for sidebar"></i></span> <div id="siteLogo"> <!-- regular --><a data-tracking="header-logo" href="https://www.earthcam.com"><img class="sitelogoimg" src="https://static.earthcam.com/images/holiday_logos/thanksgiving_logo.png" title="Happy Thanksgiving wishes from EarthCam" alt="Happy Thanksgiving wishes from EarthCam" border="0" /></a> <!-- **** Remember to update the logo link for the homepage index, so it does not have a link ***--> </div> </div> <!-- Search Bar --> <!--<span class="searchbox"> <form id="searchBarSubmission" action="/search/ft_search.php?_sbox=1&s1=1&term=" style="float:right;"> <input type="text" class="form-control open" id="search-bar" name="term" placeholder="Search" value=""/> <span style="display: inline;"> <i class="fa fa-search text-center" alt="Search" id="searchClick"></i> </span> </form> </span>--> <!-- Important Links --> <div id="topNav" class="center col-5 col-md-6 col-lg-8"> <div class="navbar-header"> <div class="nav navbar-right"> <div id="searchbar2" class="searchbox" style="margin-left: auto; margin-right: 10px;"> <form class="searchBarSubmission" action="/search/ft_search.php?_sbox=1&s1=1&term=" style=""> <input type="text" id="headerSearch" class="form-control search-bar" name="term" placeholder="Search" value=""/> <button id="submitSearchSmall" class="btn btn-secondary searchClick" style="display: inline;"> <i class="fa fa-search text-center" alt="Search"></i><span class="searchText">Search</span> </button> <!--<div id="dropButtonContainer" class="dropdown" style="width: 40px;"> <button id="dropButton" class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <a data-tracking="header" class="top" href="/halloffame/"><li>Hall of Fame</li></a> <a data-tracking="header" href="/myearthcam/"><li>My EarthCam</li></a> <!--<li><a href="/add_request.php"><i class="fa fa-plus-square" alt="Add a cam" title="Add a cam"></i> Add a Cam</a></li>-> <a href="https://www.earthcam.net" target="_blank"><li data-tracking="header" id="earthcamButton">EarthCam.net</li></a> </div> </div>--> </form> </div> <!--<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>--> </div> </div> <!-- larger full size--> <div class="collapse navbar-collapse navbar-right show" id="myNavbar"> <ul class="nav navbar-nav"> <li id="searchbar"> <span class="searchbox"> <form class="searchBarSubmission" action="/search/ft_search.php?_sbox=1&s1=1&term=" style="float:right;"> <input type="text" class="form-control search-bar" name="term" placeholder="Search" value=""/> <button id="submitSearchLarge" class="btn btn-secondary searchClick" style="display: inline;"> <i class="fa fa-search text-center" alt="Search"></i> Search </button> </form> </span> </li> <li><a data-tracking="header" class="top" href="/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="/myearthcam/"><i class="fa fa-video-camera" alt="My Earthcam" title="My Earthcam"></i> My EarthCam</a></li> <!--<li><a href="/add_request.php"><i class="fa fa-plus-square" alt="Add a cam" title="Add a cam"></i> Add a Cam</a></li>--> <li data-tracking="header" id="earthcamButton"><a href="https://www.earthcam.net" target="_blank">EarthCam.net</a></li> <!--<li><a href="#" class="adjust"><i class="fa fa-list" alt="Change video format" title="Change video format"></i></a></li>--> </ul> </div> </div> </div> </div> </div> </div> <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" class='selected' 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> <!--<script src="/js/jquery.3.2.1.min.js?"></script>--> <script type="text/javascript" src='https://static.earthcam.com/js/localStorageTest.js?20241120a' nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" ></script> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" > var cache = {}; var autocomplete_chosen = false; var autocomplete_partial = ""; //Beta search vars are set here storage = lsTest(); if( storage && window.localStorage.getItem('old_search') ) jQuery('.searchBarSubmission').attr('action', '/search/ft_search.php?_sbox=1&s1=1&term='); 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 () { var autoTimer; var doneAutoInterval = 500; var searching = false; function focusBar(){ if(window.innerWidth >= 1202) jQuery("#searchbar").find("input.search-bar").trigger( 'focus' ); else jQuery("#searchbar2").find("input.search-bar").trigger( 'focus' ); } //focusBar(); //Makes sure the dropdown and collapse always work, no matter what is running on the page jQuery(".dropdown-toggle").dropdown(); //jQuery(".selected").attr("href", "#"); jQuery(".sidebar-toggle, #scrim").on( 'click', function(e){ jQuery("#side-content-wrapper").toggleClass("toggled"); jQuery(".underheader").toggleClass("toggled"); jQuery(".mainContainer").toggleClass("toggled"); jQuery("#footer-container").toggleClass("toggled"); if (typeof ECNClickTracker != "undefined") { ECNClickTracker("Side Bar", 'toggle'); // console.warn("Search", "autocomplete", autocomplete_partial, jQuery("#headerSearch").val() ); } if (typeof gtag != "undefined") { // console.warn("gtag - event logged"); gtag('Side Bar', 'toggle', { 'click' : 'click' }); } } ); jQuery(".searchClick").on('click touchend', function(e){ e.preventDefault(); if (window.innerWidth >= 661) { checkAutocompleteSearchLogger(); jQuery(this).closest(".searchBarSubmission").submit(); } else { target = jQuery(this).closest(".searchBarSubmission").find(".search-bar"); if (target.hasClass("open") && (target.val().trim())){ checkAutocompleteSearchLogger(); jQuery(this).closest(".searchBarSubmission").submit(); } else if (searching == false) { target.addClass("open"); jQuery("#topNav, #searchbar2").addClass("open"); jQuery("#leftHeaderSide").addClass("close"); focusBar(); searching = true; } } }); jQuery(".search-bar").on( 'focusout', function(e){ if(searching == true){ if(e.relatedTarget != null && e.relatedTarget.id == "submitSearchSmall"){ checkAutocompleteSearchLogger(); // console.warn("BREAK | performing search"); // return false; jQuery(".searchClick").trigger( 'click' ); } else { target.removeClass("open"); jQuery("#topNav, #searchbar2").removeClass("open"); jQuery("#leftHeaderSide").removeClass("close"); } searching = false; } }) 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().toLowerCase(); data = JSON.parse(data); results = data['results']; array = jQuery.map(results, function(elem){ return elem; }); var items = jQuery.ui.autocomplete.filter(array, request.term); items = items.slice(0, maxResults); cache[ request.term ] = items; response(items); autocomplete_chosen = false; } }); } else{ response(cache[request.term]); } }, select: function(event,ui) { autocomplete_chosen = true; location.href = sUrl + 'term=' + ui.item.label; // console.log("autocomplete selected"); // console.warn(event); // console.warn(ui); } }); 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); }; } } ); /*jQuery(".search-bar").keyup(function(){ clearTimeout(autoTimer); term = jQuery(this).val(); console.log("Keyup term:"+term); if(term.length >= 4){ autoTimer = setTimeout('getAutocomplete(term)', doneAutoInterval); } });*/ fixed = false; jQuery(window).on( 'scroll', function(){ if (jQuery(this).scrollTop() > 90 && fixed == false){ jQuery("#underheader-container").addClass("fixed-top"); jQuery("#side-content-wrapper").addClass("fixed-top"); if( window.innerWidth <= 1400 ) { jQuery(".mainContainer").addClass("fixed-top"); //Commented out to fix strange behavior with switch to fixedheader } //jQuery(".mainContainer").css("margin-top", "0px"); //Commented out to fix strange behavior with switch to fixedheader fixed = true; } else if (jQuery(this).scrollTop() <= 90 && fixed == true){ jQuery("#underheader-container").removeClass("fixed-top"); jQuery("#side-content-wrapper").removeClass("fixed-top"); jQuery(".mainContainer").removeClass("fixed-top"); //Commented out to fix strange behavior with switch to fixedheader //jQuery(".mainContainer").css("margin-top", "0px"); fixed = false; } }); }); /*function getAutocomplete(term){ var queryUrl = "/includes/autocomplete.php?term="+term; var array = ""; console.log("Begin"); jQuery("#headerSearch").autocomplete({ maxResults: 10, source: function(request, response){ response([request.term]); } }); //Local cache check (cuts down a bit on database and function calls) /*if (term in cache){ console.log("Cache term: "+term); console.log("cache"); jQuery("#headerSearch").autocomplete({ source: cache[ term ] }); console.log("cache end"); } else{ console.log("data"); jQuery.ajax({ datatype: "json", url: queryUrl, success:function(data){ data = JSON.parse(data); console.log(data); array = jQuery.map(data, function(elem){ return elem; }); console.log("Data outer term:"+term); } }).done(function(){ jQuery("#headerSearch").autocomplete({ maxResults: 10, source: function(request, response){ var results = $.ui.autocomplete.filter(array, request.term); cache[ request.term ] = results; results = results.slice(0, this.options.maxResults); console.log(results); console.log("Data Term:"+request.term); response(results); } }); }); }/ console.log("End"); }*/ // jQuery(".header input").focus(function(e){ $(".header .input-group").addClass("full"); }); // jQuery(".header input").focusout(function(e){ $(".header .input-group").removeClass("full"); }); </script> <!-- ///////////////////////////////////////////////////////////////////////// --> <!-- ////////////////////// Main Content ///////////////////////////////////// --> <div class="container-fluid mainContainer"> <div class="row"> <div class="col-lg-12"> <div class="superWhiteWrapper"><!-- bandaid so the whole page is wrapped in a 1000 wide white background container --> <div class="borderContainer"> <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>--> <!--<div style="clear:left; height: 15px;"></div>--> <!-- intro *************************************************************************************************************** --> <div id="intro_top"><!-- style="height: 700px;" --> <div id="intro_text"> Discover the EarthCam Network through the eyes of our fans! </div> </div> <!--/intro *************************************************************************************************************** --> <div style="clear:left; height: 15px;"></div> <!-- bottom half *************************************************************************************************************** --> <div id="bottom_half" class=""> <div id="hof_segment"> <!--<div id="hof_title"><h3 class="blueTitle">Hall of Fame</h3></div>--> <!-- <div id="hof_display_selector"> <div onclick="javascript: gaRecordInternal(this, 'ECN Page', '/ECN/hof/gridmode',-1)" id="hof_display_grid" title="Grid Mode" class="hand_pointer hof_mode_grid_off"></div> <div onclick="javascript: gaRecordInternal(this, 'ECN Page', '/ECN/hof/fullmode',-1)" id="hof_display_full" title="Full Mode" class="hand_pointer hof_mode_full_off"></div> </div> --> <div id="all_staff_filter"> <span id="staff_picks">Editor's Choice</span> <span id="view_all" class="all_staff_filter_selected" >All Images</span> </div> <div id="hof_search_bar_area" style="float: left; "> <div id="hof_magnifying_glass" class="hand_pointer"><img src="https://static.earthcam.com/cams/includes/images/HOF_SVG/search_icon_regular-04.svg" width="23" height="24" alt="Search" title="Search" /></div> <div id="hof_search_bar_container" style="display: none;"> <!--<div id="hof_search_bg"></div>--> <input id="hof_term" placeholder="Search" type="text" name="term" style="margin-right: 15px; margin-bottom: 10px;"> <!--<span id="close-icon" class="hidden-md hidden-lg" title="Close Search"></span>--> <br class="hidden-sm hidden-md hidden-lg" /> <input id="content_date_start"style="margin-right: 5px;" type="text" name="term" pattern="^[0-9/]*?" placeholder="From" autocomplete="off"> - <input id="content_date_end"style="margin-left: 5px;" type="text" name="term" pattern="^[0-9/]*?" placeholder="To" autocomplete="off"> <span id="close-icon" title="Close Search" style="vertical-align: bottom;"></span> </div> </div> <div style="clear: both; height: 5px;"></div> <div class="blueBar" style="width: 100%;"></div> <div style="clear:left; height: 15px;"></div> <div id="hof_items_container"></div> <div style="clear:both;"></div> <div id="hof_load_more" class="fauxLink"> <div style="height: 10px;"></div> <div id="hof_load_more_button"></div> </div> <div id="hof_loader_icon"><img class="loader_icon" src="/images/search/ajax-loader-white.gif" alt="" border="0" /> <!--<br /><br /> <span id="loader_text">Loading Hall of Fame</span>--></div> </div> </div><!--/bottom_half--> <!--/bottom half ******************************************************************************************************* --> <div style="height:40px; clear: both;"></div> <div id='hof_load_point' style="height: 1px; clear: both;"></div> <div id="social_ad_segment"> <!-- left side **************************************************** --> <div id="left_ad_area"> <!-- version 1==<div id="grey_ad_box"><a onclick="javascript: gaRecordInternal(this, 'ECN Page', '/ECN/learnmore',1);return false;" href="http://www.earthcam.net/technology/" target="_blank"><img src="/cams/includes/images/CrossPromoAd.png" width="600" height="110" alt="Learn more about our latest camera technology" title="Learn more about our latest camera technology" border="0" /></a></div>--> <!-- version 1== <div style="height: 35px;"></div>--> <!-- version 1== <div id="twitter_box"> <a onclick="gaRecordInternal(this, 'ECN Page', '/ECN/page/twitterbox',-1);" href="https://twitter.com/EarthCam" class="twitter-follow-button">Follow @EarthCam</a> <script src="https://platform.twitter.com/widgets.js" type="text/javascript"></script> </div>--> <div id="earthcam_ad"> <a onclick="ECNClickTracker('ECN Page', '/ECN/page/earthcam_ad_dotnetlearnmore',1);" href="https://www.earthcam.com/company/join_network.php" target="_blank"><img style="width: 300px; height: 250px; border: 0px solid black;" src="https://static.earthcam.com/cams/includes/images/CrossPromoAd_square.png?2" alt="EarthCam.net Technology Solutions" title="EarthCam.net Technology Solutions" /></a> </div> <div id="bottom_google_ad"> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" 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=""> </ins> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420"> (adsbygoogle=window.adsbygoogle || []).push({}); </script> </div> <div id="bottom_google_ad"> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" 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=""> </ins> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420"> (adsbygoogle=window.adsbygoogle || []).push({}); </script> </div> </div> <!-- right side ********************************************************** --> <!--<div id="social_media"> <!--<div style="height: 10px;"></div> <div id="facebook_box"> <div class="fb-page" data-href="https://www.facebook.com/earthcaminc" data-width="318" data-height="180" data-small-header="true" data-hide-cover="true" data-show-facepile="true" data-show-posts="false"></div> </div> <!--<div style="height: 20px;"></div>-> <div id="twitter_box"> <a onclick="gaRecordInternal(this, 'ECN Page', '/ECN/page/twitterbox',-1);" href="https://twitter.com/EarthCam" class="twitter-follow-button">Follow @EarthCam</a> <script src="https://platform.twitter.com/widgets.js" type="text/javascript"></script> </div> <div style="height: 20px;"></div> <div id="social_icons"> <a onclick="javascript: gaRecordInternal(this, 'ECN Page', '/ECN/page/social/facebook',1);return false;" href="http://www.facebook.com/earthcaminc" target="_blank"><img style="margin-left: 0px;" class="social_icon" src="/images/header/facebook-icon_body.png" width="20" height="20" alt="Facebook" title="Facebook" border="0" /></a> <a onclick="javascript:gaRecordInternal(this, 'ECN Page', '/ECN/page/social/twitter',1);return false;" href="http://www.twitter.com/earthcam" target="_blank"><img class="social_icon" src="/images/header/twitter-icon_body.png" width="20" height="20" alt="Twitter" title="Twitter" border="0" /></a> <a onclick="javascript:gaRecordInternal(this, 'ECN Page', '/ECN/page/social/instagram',1);return false;" href="https://instagram.com/earthcam/" target="_blank"><img class="social_icon" src="/images/header/instagram-icon_body.png" width="20" height="20" alt="Instagram" title="Instagram" border="0" /></a> <a onclick="javascript: gaRecordInternal(this, 'ECN Page', '/ECN/page/social/linkedin',1);return false;" href="https://www.linkedin.com/company/earthcam-inc-" target="_blank"><img class="social_icon" src="/images/header/linkedin-icon.png" width="20" height="20" alt="LinkedIn" title="LinkedIn" border="0" /></a> <a onclick="javascript: gaRecordInternal(this, 'ECN Page', '/ECN/page/social/youtube',1);return false;" href="https://www.youtube.com/user/earthcam" target="_blank"><img class="social_icon" src="/images/header/youtube-icon_body.png" width="20" height="20" alt="YouTube" title="YouTube" border="0" /></a> <!--<a onclick="javascript: gaRecordInternal(this, 'ECN Page', '/ECN/page/social/pinterest',1);return false;" href="http://www.pinterest.com/earthcaminc/" target="_blank"><img class="social_icon" src="/images/socialnetworking/pinterest_badge_red_30x30.png" width="20" height="20" alt="Pinterest" title="Pinterest" border="0" /></a>-> <a onclick="javascript: gaRecordInternal(this, 'ECN Page', '/ECN/page/social/mobileapps');return false;" href="http://www.earthcam.com/mobile/" target="_blank"><img class="social_icon" src="/images/header/Apps-Icon_body.png" width="20" height="20" alt="Mobile Applications on your phone" title="Mobile Applications on your phone" border="0" /></a> <a onclick="javascript: gaRecordInternal(this, 'ECN Page', '/ECN/page/social/rss',1);return false;" href="http://www.earthcam.com/rss.php" target="_blank"><img class="social_icon" src="/images/header/RSSFeed-icon_body.png" width="20" height="20" alt="RSS Feed" title="RSS Feed" border="0" /></a> <a onclick="javascript: gaRecordInternal(this, 'ECN Page', '/ECN/page/social/newslettersignup');return false;" href="http://www.earthcam.com/newsletter/signup.php"><img class="social_icon" src="/images/header/Newsletter-icon_body.png" width="20" height="20" alt="Sign up for our free monthly Newsletter" title="Sign up for our Newsletter" border="0" /></a> </div>-> <div id="bottom_google_ad"> </div> </div>--> </div> <div style="clear: both; height: 30px;"></div> <!-- world webcam region ***************************************************************************************************** --> <div align="center" id="footer_segment"> <!-- <br style="clear: both;" /> --> <!-- ////////////////////// World Map and Google ///////////////////////////// --> <h3 class="blueTitle"><a onclick="javascript:gaRecordInternal(this, 'Homepage', '/internal/homepage/mapsearch/header');return false;" href="https://www.earthcam.com/mapsearch/">Webcams of the World</a></h3> <div style="clear:left; height: 5px;"></div> <div class="blueBar full_length"></div> <div style="clear:left; height: 18px;"></div> <!--<div id="google_map_search"> <div id="map_container"><a onclick="javascript: gaRecordInternal(this, 'Homepage', '/internal/homepage/mapsearch/graphic');return false;" href="http://www.earthcam.com/mapsearch/"><img src="https://static.earthcam.com/images/google_map_static.jpg" alt="View Webcams from all around the world" title="View Webcams from all around the world" border="0" /></a></div> </div>--> <div id=""> <div id="map_container"><a onclick="javascript: gaRecordInternal(this, 'Homepage', '/internal/homepage/mapsearch/graphic');return false;" href="https://www.earthcam.com/network/map.php"><img src="https://static.earthcam.com/images/map/GoogleWorldMap3_884x252.jpg" alt="View Webcams from all around the world" title="View Webcams from all around the world" border="0" /></a></div> </div> <!--<div id="google_ad_300x250"> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" 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=""> </ins> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420"> (adsbygoogle=window.adsbygoogle || []).push({}); </script> </div>--> <!-- ///////////////////////////////////////////////////////////////////////// --> <div style="clear:left; height: 35px;"></div> <!-- ////////////////////// News and Explore ///////////////////////////////// --> <!-- <div style="clear:left; height: 13px;"></div> --> <!-- ///////////////////////////////////////////////////////////////////////// --> </div> <!--/world webcam region ***************************************************************************************************** --> </div><!--/borderContainer --> </div><!--/superWhiteWrapper --> </div> </div> </div> <!-- ////////////////////// footer box area ////////////////////////////////// --> <!-- CSS set in prototypeGlobalCSS --> <div class="container-fluid" id="footer-container"> <div class="row footer"> <div class="col-xl-6 col-12 footerItem"> <div class="row"> <div class="col-4 cat"> <h4>Company</h4> <hr class="catHeader" /> <br> <a href="/company/aboutus.php" data-tracking="footer">About Us</a> <hr /> <a href="/company/mediapriorityaccess/" data-tracking="footer">Media Usage</a> <hr /> <!--<a href="/eventarchives/" data-tracking="footer">Event Archives</a> <hr />--> <a href="/press/" data-tracking="footer">Press Releases</a> <hr /> <a href="/inthenews.php" data-tracking="footer">In The News</a> <hr /> <a href="/company/privacy.php" data-tracking="footer">Privacy Policy</a> <hr /> <a href="/company/contact.php" data-tracking="footer">Contact Us</a> </div> <div class="col-4 cat"> <h4>Directory</h4> <hr class="catHeader" /> <br> <a href="/add_request.php" data-tracking="footer">Add a Cam</a> <hr /> <a href="/search/advanced_search.php" data-tracking="footer">Advanced Search</a> <hr /> <a href="/sitemap.php" data-tracking="footer">Site Map</a> <hr /> <a href="/company/join_network.php" data-tracking="footer">Join Network</a> <hr /> <!--<a href="/mapsearch/">World Map</a>--> <a href="/network/map.php" data-tracking="footer">World Map</a> <hr /> <a href="/faq.php" data-tracking="footer">FAQs</a> <!--<hr /> <a href="/halloffame/" data-tracking="footer">Hall Of Fame</a>--> </div> <div class="col-4 cat"> <h4>Explore</h4> <hr class="catHeader" /> <br> <a href="https://www.earthcam.net" target="_blank" rel="noopener" data-tracking="footer">EarthCam.net</a> <hr /> <span class="reduced"><a href="https://www.earthcamtv.com/" target="_blank" rel="noopener" data-tracking="footer">ECTV</a></span><span class="full"><a href="https://www.earthcamtv.com" target="_blank">EarthCamTV</a></span> <hr /> <a href="/myearthcam/" data-tracking="footer">My EarthCam</a> <hr /> <!--<a href="/network/" data-tracking="footer">EarthCam Network</a> <hr />--> <a href="https://www.earthcamhq.com" target="_blank" rel="noopener" data-tracking="footer">EarthCam HQ</a> <hr /> <a href="/mobile/" data-tracking="footer">Mobile Apps</a> <hr /> <!--<span class="reduced"><a href="https://www.constructioncamtv.com" target="_blank" rel="noopener" rel="noopener" data-tracking="footer">CCTV</a></span><span class="full"><a href="https://www.constructioncamtv.com/" target="_blank" rel="noopener">ConstructionCamTV</a></span>--> <a href="https://www.youtube.com/channel/UC6qrG3W8SMK0jior2olka3g" data-tracking="footer" target='_blank'>YouTube</a> </div> </div> </div> <div class="col-xl-3 col-md-6 col-12 ad-footer footerItem" style="text-align: center"> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" 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="3299928495"> </ins> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420"> (adsbygoogle=window.adsbygoogle || []).push({}); </script> </div> <div class="col-xl-3 col-md-6 col-12 footerItem" style="text-align: center"> <!--<img src="/images/holiday_logos/com_logo.svg" alt="Earthcam" title="Earthcam" style="max-width: 200px;"></img> <br/> <br/> <p> Earthcam is the global leader in providing webcam content, technology, and services. Founded in 1996, EarthCam provides live streaming video, time-phase construction and photography documentation for corporate and government clients in major cities around the world. <br> <br> Subscribe to our monthly newsletter and stay up to date with the latest news. </p> <form action="/newsletter/signup.php" method="get"> <div class="input-group"> <input action="/newsletter/signup.php" type="text" class="form-control" id="email" name="email" placeholder="Email Address" style="color: black;" /> <div class="input-group-btn"> <button class="btn btn-inverse" type="submit"> Subscribe </button> </div> </div> </form>--> <a href="https://www.earthcamtv.com/apps/" data-tracking="footer"><img src="/images/footer/ECTV_300x250.jpg" alt="Get Earthcam TV" title="Get Earthcam TV" /></a> <div style="clear:left; height: 10px;"></div> <!-- <h3 class="blueTitle"><span style="font-family: Arial Black;">EarthCam</span> Connect</h3> <div style="clear:left; height: 15px;"></div> --> <div style="text-align:center;"> <div style="margin-left: auto; margin-right: auto; width: 140px; display: inline-block;"> <a onclick="javascript: gaRecordInternal(this, 'Homepage', '/internal/homepage/social/facebook',1);return false;" href="https://www.facebook.com/earthcaminc" target="_blank" rel="noopener"><img style="margin-left: 0px;" class="social_icon" src="https://static.earthcam.com/images/header/facebook-icon_body.png" width="30" height="30" alt="Facebook" title="Facebook" border="0" /></a> <!-- <a onclick="javascript: gaRecordInternal(this, 'Homepage', '/internal/homepage/social/twitter',1);return false;" href="http://www.twitter.com/earthcam" target="_blank" rel="noopener"><img class="social_icon" src="https://static.earthcam.com/images/header/twitter-icon_body.png" width="30" height="30" alt="Twitter" title="Twitter" border="0" /></a> --> <a onclick="javascript: gaRecordInternal(this, 'Homepage', '/internal/homepage/social/twitter',1);return false;" href="https://www.twitter.com/earthcam" target="_blank" rel="noopener"><img class="social_icon" src="https://static.earthcam.com/images/header/x-icon_body.jpg" width="30" height="30" alt="Twitter" title="Twitter" border="0" /></a> <a onclick="javascript: gaRecordInternal(this, 'Homepage', '/internal/homepage/social/instagram',1);return false;" href="https://instagram.com/earthcam/" target="_blank" rel="noopener"><img class="social_icon" src="https://static.earthcam.com/images/header/instagram-icon_body.png" width="30" height="30" alt="Instagram" title="Instagram" border="0" /></a> <a onclick="javascript: gaRecordInternal(this, 'Homepage', '/internal/homepage/social/linkedin',1);return false;" href="https://www.linkedin.com/company/earthcam-inc-" target="_blank" rel="noopener"><img class="social_icon" src="https://static.earthcam.com/images/header/linkedin-icon.png" width="30" height="30" alt="LinkedIn" title="LinkedIn" border="0" /></a> </div> <div style="margin-left: auto; margin-right: auto; width: 140px; display: inline-block;"> <a onclick="javascript: gaRecordInternal(this, 'Homepage', '/internal/homepage/social/threads',1);return false;" href="https://threads.net/@earthcam" target="_blank" rel="noopener"><img class="social_icon" src="https://static.earthcam.com/images/header/Threads_icon.jpg" width="30" height="30" alt="Threads" title="Threads" border="0" /></a> <a onclick="javascript: gaRecordInternal(this, 'Homepage', '/internal/homepage/social/youtube',1);return false;" href="https://www.youtube.com/user/earthcam" target="_blank" rel="noopener"><img class="social_icon" src="https://static.earthcam.com/images/header/youtube-icon_body.png" width="30" height="30" alt="YouTube" title="YouTube" border="0" /></a> <a onclick="javascript: gaRecordInternal(this, 'Homepage', '/internal/homepage/social/mobileapps');return false;" href="https://www.earthcam.com/mobile/" target="_blank" rel="noopener"><img class="social_icon" src="https://static.earthcam.com/images/header/Apps-Icon_body.png" width="30" height="30" alt="Mobile Applications on your phone" title="Mobile Applications on your phone" border="0" /></a> <a onclick="javascript: gaRecordInternal(this, 'Homepage', '/internal/homepage/social/rss',1);return false;" href="https://www.earthcam.com/rss.php" target="_blank" rel="noopener"><img class="social_icon" src="https://static.earthcam.com/images/header/RSSFeed-icon_body.png" width="30" height="30" alt="RSS Feed" title="RSS Feed" border="0" /></a> <!--<a onclick="javascript:pageTracker._trackPageview('/internal/homepage/social/newslettersignup'); gaRecordInternal(this, 'Homepage', '/internal/homepage/social/newslettersignup');return false;" href="http://www.earthcam.com/newsletter/signup.php"><img class="social_icon" src="https://static.earthcam.com/images/header/Newsletter-icon_body.png" width="30" height="30" alt="Sign up for our free monthly Newsletter" title="Sign up for EarthCam messages" border="0" /></a>--> </div> </div> </div> </div> <div class="row footerBottom"> <div class="col-md-6 copyright">Copyright 1996-2024 EarthCam, Inc. All Rights Reserved</div> <div class="col-md-6 rightItem">EarthCam - Where The World Watches The World ®</div> </div> <!--<div class="row subfooter"> <div class="col-md-6 text-center"> <p>© 2017 EarthCam, Inc. All Rights Reserved. | <a href="#">Terms of Use</a></p> </div> <div class="col-md-6 text-center"> <p>Where The World Watches The World ®</p> </div> </div>--> </div> <div id="topScroll" class="text-center" style="display: none;"> <i class="fa fa-chevron-up fa-2x"></i> </div> <script type="text/javascript" nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" > jQuery(document).ready(function(){ jQuery("#topScroll").on( 'click', function() { if (typeof ECNClickTracker != "undefined") { ECNClickTracker("Scroll Up Arrow Blue", 'site', 'click'); // console.warn("Search", "autocomplete", autocomplete_partial, jQuery("#headerSearch").val() ); } if (typeof gtag != "undefined") { // console.warn("gtag - event logged"); gtag('event', 'Scroll Up Arrow Blue', { "click" : "click" }); } jQuery('html, body').animate({ scrollTop: 0 }, 1000); return false; }); jQuery(window).on( 'scroll', function(){ if (jQuery(this).scrollTop() > 100){ jQuery("#topScroll").fadeIn(200); } else{ jQuery("#topScroll").fadeOut(200); } }); // 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; }); } });*/ }); </script> <!-- GA 4: local site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-090EYW9131"></script> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-090EYW9131'); </script> <script nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420" type="text/javascript" nonce="3b5c3cfcced7a7f192069fa229a261e8d2da55927e5ea26a309b678c3dbe8420"> /* 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> --> <!-- ///////////////////////////////////////////////////////////////////////// --> </div> <iframe name="savenull" id="savenull" width="0" height="0" frameborder="0"></iframe> </body> </html>