NPGallery NTS Archive Search Results

<!DOCTYPE html> <html lang="en"> <head>  <title>NPGallery NTS Archive Search Results</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="/Content/images/favicon.ico" rel="shortcut icon">  <link href="/Content/css/General?v=7-KokiIcfWp_EeSsm5l-oGPKWIbFa-7KD8R-fjaHC6w1" type="text/css" rel="stylesheet"/> <link rel="stylesheet" type="text/css" href="/Content/css/jquery.thumbs.css" />  <style type="text/css"> div.gallery > div.thumbs { float: left; width: 456px; margin-left: -100%; } div.gallery > div.detail-wrapper { float: left; width: 100%; } div.gallery div.detail { margin-left: 462px; } @media (max-width: 991px) { div.gallery > div.thumbs { width:346px } div.gallery div.detail { margin-left: 352px } } @media (max-width: 767px) { div.gallery > div.thumbs { width:236px } div.gallery div.detail { margin-left: 242px } } @media (max-width: 580px) { div.gallery > div.thumbs { width:126px } div.gallery div.detail { margin-left: 132px } } a { cursor:pointer; } ul.pagination li a { padding: 6px 8px; } </style> <script type="text/javascript" src="/Scripts/General?v=fxxdGWoD5aq1uw9cXzJ_1xbf0_KVU7pdip-rmuNwRpc1"></script> <script type="text/javascript"> var search = { "CacheResults": true, "CacheFilterCounts": true, "DisplayAttribute": "Related Collection contains 'Honey'", "Page": 0, "PageSize": 48, "SearchType": "MAIN", "Branding": "NTS", "Workflow": "DEFAULT", "SearchID": "cef320c1-1aa5-4e7c-a062-c46ef407ca5f", "IsUserQuery": false, "Save": true, "MergeGroups": false, "Operand": { "MatchType": "ContainsText", "Term": "RelatedCollections", "Attribute": "Honey" }, "ActionFilter": "Search", "StatusFilter": "Active", "SortTerms": [ { "Term": "Rating", "Ascending": false }, { "Term": "CategoryScenic", "Ascending": false }, { "Term": "CategoryHistoric", "Ascending": false }, { "Term": "SubmittedDateTime", "Ascending": false } ], "ResultTerms": [ "Title", "Copyright", "GroupsWithAssets", "Description", "Comment", "ImageCreateDate", "NPSUnits", "Submitter", "CustomTextFields", "PrimaryType", "SubType", "ResourceType", "AltText", "Roles", "Locked", "Brandings" ], "UnfilteredCount": 0, "ResultCount": 0, "UnfilteredPageCount": 0, "PageCount": 0 }; var params = { }; var routing_prefix = '/NTS/'; var i_min_filter_show_count = 10; var i_modal_index = null; var sort_entries = [["default", "Most--Relevant"], ["date-desc", "Newest First"], ["title", "Title A to Z"]]; if (params === null) { params = {}; } if (!$.isArray(search.Results)) { search.Results = []; } if (typeof params.view !== 'string') { params.view = 'grid'; } if (typeof params.sort !== 'string' && sort_entries !== null) { params.sort = 'default'; } var $results_area = null; var $nav_area = null; var $modal_image = null; function getSearchResultAsset(asset_id) { if (typeof asset_id !== 'string') { return null; } if (typeof search !== 'object' || search === null) { return; } if (!$.isArray(search.Results)) { return null; } for (var i = 0; i < search.Results.length; i++) { var asset = search.Results[i].Asset; if (typeof asset === 'object' && asset.AssetID && asset.AssetID === asset_id) { return asset; } } return null; } // object that may contain string values or arrays... var query_string_params = {}; function alterQueryStringParameter(item, value, b_remove, b_overwrite) { if (b_remove === undefined || typeof b_remove !== 'boolean') { b_remove = false; } if (b_overwrite === undefined || typeof b_overwrite !== 'boolean') { b_overwrite = true; } var str_query_item = item + '=' + value; var i = 0, check_val = null; if (b_remove) { check_val = query_string_params[item]; if (check_val === undefined) { return; } else if ($.isArray(check_val)) { for (i = 0; i < check_val.length; i++) { if (check_val[i] === value) { check_val.splice(i, 1); return; } } } else { delete query_string_params[item]; } } else { if (b_overwrite) { query_string_params[item] = value; } else { check_val = query_string_params[item]; if (!$.isArray(check_val)) { query_string_params[item] = [value]; } else { //look for existing item. for (i = 0; i < check_val.length; i++) { if (check_val[i] === value) { return; } } check_val.push(value); } } } } function refreshSearchPage() { var href = routing_prefix + 'SearchResults/' + search.SearchID; var query_string = ''; var temp = ''; //figure out query string for (var item in query_string_params) { if (query_string_params.hasOwnProperty(item)) { var value = query_string_params[item]; if (value === null || value.length === 0) { continue; } if ($.isArray(value)) { for (var i = 0, i_max = value.length; i < i_max; i++) { if (value[i] === null || value[i].length === 0) { continue; } if (query_string.length > 0) { query_string += '&'; } query_string += item + '=' + value[i]; } } else { if (query_string.length > 0) { query_string += '&'; } query_string += item + '=' + value; } } } window.location.assign(href + '?' + query_string); } function alterQueryStringParameterAndRefresh(item, value, b_remove, b_overwrite) { alterQueryStringParameter(item, value, b_remove, b_overwrite); refreshSearchPage(); } alterQueryStringParameter('page', search.Page.toString()); function setResultsArea(view) { $results_area.html(''); if (search.Results.length === 0) { $results_area.hide(); } else { $results_area.show(); if (search.SearchType === 'NRHP') { if (view === 'grid') { setResultsAreaGrid(); } else if (view === 'gallery') { setResultsAreaGallery(); } else if (view === 'list') { setResultsAreaNRHPList(); } else { $results_area.html('<p>NRHP ' + view + ' results</p>'); } } else { if (view === 'grid') { setResultsAreaGrid(); } else if (view === 'gallery') { setResultsAreaGallery(); } else if (view === 'list') { setResultsAreaList(); } else { $results_area.html('<p>' + view + ' results</p>'); } } } } function setResultsAreaGrid() { for (var i = 0; i < search.Results.length; i += 6) { var $row = $('<div class="row" style="background-color: #f9f9f9"></div>'); for (var j = 0; j < 6 && i + j < search.Results.length; j++) { var i_index = i + j; var asset = search.Results[i_index].Asset; var altText = asset.AltText; if (altText === undefined || altText === null || altText === '') { altText = asset.Title; } //change for small gif resized larger jgoodmann 7.2018 var str_thumb_img = null; if (asset.PrimaryType === "audio") { str_thumb_img = '<span class="fa fa-file-audio-o" style="font-size: 7.5em;" aria-hidden="true"></span>'; } else { str_thumb_img = '<img class="img-responsive" src="' + routing_prefix + 'GetAsset/' + asset.AssetID + '/thumbxlarge" alt="' + altText + '" style="overflow:hidden" />'; } var str_prefix = ''; if (asset.AssetBaseType === 'Album') { str_prefix = '<b>Album</b> - ' + asset.AssetCount.toString() + ' Items<br />'; } else if (asset.AssetBaseType === 'Exhibit') { str_prefix = '<b>Exhibit</b><br />'; } else if (asset.PrimaryType === 'video') { str_prefix = '<b>Video</b><br />'; } else if (asset.PrimaryType === 'audio') { str_prefix = '<b>Audio</b><br />' } var str_thumb = '<div class="col-md-2 col-sm-4 col-xs-6" style="padding-bottom:15px; height:200px; padding-left:7px;padding-right:7px;"> \ <div title="' + asset.Title + '" style="cursor:pointer" onclick="showModalPopup(' + i_index.toString() + ');"> \ <div style="max-height:200px;overflow:hidden"> \ <div style="max-height:160px;overflow:hidden">' + str_thumb_img + '</div> \ <p>' + str_prefix + asset.Title + '</p> \ </div> \ </div> \ </div>'; $row.append(str_thumb); if ((j + 1) % 2 == 0) { $row.append('<div class="clearfix visible-xs"></div>'); } } $results_area.append($row); } if (params.modalimage !== undefined) { if (params.modalimage === 'first') { showModalPopup(0); } else if (params.modalimage === 'last') { showModalPopup(search.Results.length - 1); } } } function iframeVideoLoaded($iframe, height) { $iframe.height(height); var inTimeout = false; $iframe[0].contentWindow.addEventListener('resize', function () { if (inTimeout === true) { return; } inTimeout = true; setTimeout(function () { $iframe.height($iframe[0].contentWindow.document.body.scrollHeight); inTimeout = false; }, 100); }); } var iframetimeoutcount = 0; function iframeVideoLoading() { setTimeout(function () { var $modal_container = $modal_image.find('div.modal-body div.container-fluid'); var $video_row = $modal_container.children('div[name="video-row"]'); var $iframe = $video_row.children('iframe'); var cw = $iframe[0].contentWindow.document; if (cw.readyState !== 'interactive' || cw.body.scrollHeight === 0) { if (iframetimeoutcount < 50) { iframeVideoLoading(); } else { //alert('too many timeouts: ' + cw.readyState + ', ' + cw.body.scrollHeight.toString() + ', ' + iframetimeoutcount.toString()); iframeVideoLoaded($iframe, 500); } iframetimeoutcount++; } else { //alert('video really loaded: ' + cw.readyState + ', ' + cw.body.scrollHeight.toString() + ', ' + iframetimeoutcount.toString()); iframeVideoLoaded($iframe, cw.body.scrollHeight); } }, 200); } function showModalPopup(i_index) { i_modal_index = i_index; var asset = search.Results[i_index].Asset; //Google Analytics ga('send', 'event', 'Image Popup', 'AssetId', asset.AssetID); var $modal_container = $modal_image.find('div.modal-body div.container-fluid'); var $title_row = $modal_container.children('div[name="title-row"]'); $title_row.find('div[name="title"]').html('Title: ' + asset.Title); if (asset.AssetType === "Hopewell Furnace File" || asset.AssetType === "Hopewell Furnace") { $title_row.find('div[name="hofu-filename"]').show().html('Original File Name: ' + asset.OriginalFileName); $title_row.find('div[name="hofu-description"]').show().html('Page: ' + asset.BookPageNumber + ', ' + asset.BookSummaryName); } else { $title_row.find('div[name="hofu-filename"]').hide(); $title_row.find('div[name="hofu-description"]').hide(); } var $link_row = $modal_container.children('div[name="link-row"]'); //always shown var $link_row2 = $modal_container.children('div[name="link-row2"]'); var $navigation_row = $modal_container.children('div[name="navigation-row"]'); //always shown var $image_row = $modal_container.children('div[name="image-row"]'); var $video_row = $modal_container.children('div[name="video-row"]'); var $audio_row = $modal_container.children('div[name="audio-row"]'); //clear out video every time $video_row.html(''); if (asset.AssetBaseType === 'Album') { $video_row.hide(); $audio_row.hide(); $link_row.find('a').attr('href', routing_prefix + 'SearchResults/albumid/' + asset.AssetID).text('View Album'); $link_row2.find('a').attr('href', routing_prefix + 'AssetDetail/' + asset.AssetID).text('Album Information'); $link_row2.show(); $image_row.find('img').attr('src', routing_prefix + 'GetAsset/' + asset.AssetID + '/popupimage'); $image_row.find('a').attr('href', routing_prefix + 'SearchResults/albumid/' + asset.AssetID); $image_row.show(); } else if (asset.AssetBaseType === 'Exhibit') { $video_row.hide(); $audio_row.hide(); $link_row.find('a').attr('href', routing_prefix + 'Exhibition/' + asset.AssetID).text('View Exhibition'); $link_row2.find('a').attr('href', routing_prefix + 'AssetDetail/' + asset.AssetID).text('Exhibition Information'); $link_row2.show(); $image_row.find('img').attr('src', routing_prefix + 'GetAsset/' + asset.AssetID + '/popupimage'); $image_row.find('a').attr('href', routing_prefix + 'Exhibition/' + asset.AssetID); $image_row.show(); } else if (asset.PrimaryType === "video") { $audio_row.hide(); $image_row.hide(); $link_row2.hide(); $link_row.find('a').attr('href', routing_prefix + 'AssetDetail/' + asset.AssetID).text('Video Information and Downloads'); $video_row.show(); $video_row.html('<iframe src="/AssetViewer/video/' + asset.AssetID + '/proxylores" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" scrolling="no" width="100%" frameBorder="0"></iframe>'); var $iframe = $video_row.children('iframe'); iframetimeoutcount = 0; iframeVideoLoading(); } else if (asset.PrimaryType === "audio") { $video_row.hide(); $image_row.hide(); $link_row2.hide(); $link_row.find('a').attr('href', routing_prefix + 'AssetDetail/' + asset.AssetID).text('Audio Information and Downloads'); if (asset.SubType === "mp3") { $("#really-cool-audio-src").prop("src", routing_prefix + "GetAsset/" + asset.AssetID + "/Original.mp3"); } else { $("#really-cool-audio-src").prop("src", routing_prefix + "GetAsset/" + asset.AssetID + "/Compressed.mp3"); } $("#really-cool-audio")[0].load(); $audio_row.css("display", "table"); $audio_row.show(); } else { $audio_row.hide(); $image_row.hide(); $link_row2.hide(); var assetDetailDescription = 'Asset'; if (asset.PrimaryType === "image") { assetDetailDescription = 'Image'; } else if (asset.PrimaryType === "application" && typeof asset.ResourceType === 'string' && asset.ResourceType.length > 0) { assetDetailDescription = asset.ResourceType; } $link_row.find('a').attr('href', routing_prefix + 'AssetDetail/' + asset.AssetID).text(assetDetailDescription + " Information and Downloads"); if (asset.AltText) { $image_row.find('img').attr('alt', asset.AltText); } else { $image_row.find('img').attr('alt', asset.Title); } // get thumb for some types like indd, indt - jgoodmann // popupimage version should always return something safe for a img tag src attribute $image_row.find('img').attr('src', routing_prefix + 'GetAsset/' + asset.AssetID + '/popupimage'); $image_row.find('a').attr('href', routing_prefix + 'AssetDetail/' + asset.AssetID); $image_row.show(); } $("#copyrightLink").click(function () { copyrightModalDisplay(asset.Copyright); }); if (search.Page === 1 && i_index === 0) { $navigation_row.find('button[name="btn-previous"]').hide(); } else { $navigation_row.find('button[name="btn-previous"]').show(); } if (search.Page === search.PageCount && i_index === search.Results.length - 1) { $navigation_row.find('button[name="btn-next"]').hide(); } else { $navigation_row.find('button[name="btn-next"]').show(); } $modal_image.modal(); } function setResultsAreaGallery() { var $internal = $('<div name="gallery" class="gallery clearfix" style="background-color:#f9f9f9;"> \ <div class="detail-wrapper"><div name="detail" class="detail" style="height:600px;overflow-y:auto"> \ </div></div> \ <div name="thumbs" class="thumbs" style="height:600px;overflow-y:auto"> \ </div> \ </div>'); $results_area.append($internal); var $small_imgs_div = $internal.children('div[name="thumbs"]'); for (var i = 0; i < search.Results.length; i++) { var asset = search.Results[i].Asset; var altText = asset.AltText; if (altText === undefined || altText === null || altText === '') { altText = asset.Title; } var str_thumb_img = null; if (asset.PrimaryType === "audio") { str_thumb_img = '<span class="fa fa-file-audio-o fa-4x" aria-hidden="true"></span>'; } else { str_thumb_img = '<img src="' + routing_prefix + 'GetAsset/' + asset.AssetID + '/thumb/medium" alt="' + altText + '" style="overflow:hidden" />'; } var str_thumb = '<div title="' + asset.Title + '" style="height:100px;width:100px;overflow:hidden;margin:5px;display:inline-block;cursor:pointer" onclick="changeLargeGalleryArea(' + i.toString() + ');">' + str_thumb_img + '</div>'; $small_imgs_div.append(str_thumb); } changeLargeGalleryArea(0); } function changeLargeGalleryArea(i_index) { var $detail_area = $results_area.children('div[name="gallery"]').children('div.detail-wrapper').children('div[name="detail"]'); var asset = search.Results[i_index].Asset; var altText = asset.AltText; if (altText === undefined || altText === null || altText === '') { altText = asset.Title; } var str_thumb_img = null; if (asset.PrimaryType === "audio") { str_thumb_img = '<span class="fa fa-file-audio-o" style="font-size:15em;margin-right:auto;margin-left:auto;" aria-hidden="true"></span>'; } else { str_thumb_img = '<img src="' + routing_prefix + 'GetAsset/' + asset.AssetID + '/proxylores" alt="' + altText + '" style="width:100%" />'; } var $internal = $('<div title="' + asset.Title + '" style="margin-bottom: 10px;"> \ <a href="' + routing_prefix + 'AssetDetail/' + asset.AssetID + '" target="new">' + str_thumb_img + '</a> \ </div>'); $detail_area.html($internal); var str_detail = '<b>' + asset.Title + '</b></br>'; if (typeof asset.Comment === 'string' && asset.Comment.length > 0) { str_detail += '<p>' + asset.Comment + '</p>'; } if (typeof asset.Description === 'string' && asset.Description.length > 0) { str_detail += '<p>' + asset.Description + '</p>'; } if ($.isArray(asset.NPSUnits) && asset.NPSUnits.length > 0) { for (var i = 0; i < asset.NPSUnits.length; i++) { str_detail += '<p>' + asset.NPSUnits[i].Name + '</p > '; } } $detail_area.append(str_detail); } function setResultsAreaList() { var $internal = $('<div name="list" class="clearfix" style="background-color:#f9f9f9;"> \ <div name="header" class="row"> \ <div class="col-md-2 hidden-xs hidden-sm"><span></span></div> \ <div class="col-md-3 hidden-xs hidden-sm"><span>Title</span></div> \ <div class="col-md-2 hidden-xs hidden-sm"><span>NPS Unit(s)</span></div> \ <div class="col-md-5 hidden-xs hidden-sm"><span>Description</span></div> \ </div > \ </div>'); $results_area.append($internal); for (var i = 0; i < search.Results.length; i++) { var asset = search.Results[i].Asset; var altText = asset.AltText; if (altText === undefined || altText === null || altText === '') { altText = asset.Title; } var str_thumb_img = null; if (asset.PrimaryType === "audio") { str_thumb_img = '<span class="fa fa-file-audio-o fa-4x" aria-hidden="true"></span>'; } else { str_thumb_img = '<img src="' + routing_prefix + 'GetAsset/' + asset.AssetID + '/thumb/large" alt="' + altText + '" style="overflow:hidden" />'; } var str_units = ''; if (asset.NPSUnits !== undefined && $.isArray(asset.NPSUnits)) { for (var j = 0; j < asset.NPSUnits.length; j++) { if (str_units.length > 0) { str_units += '</br>'; } str_units += asset.NPSUnits[j].Name; } } var $row = $('<div class="row" style="margin-bottom:5px;padding:10px;"> \ <div class="col-md-2 col-sm-12" title="' + asset.Title + '" style="cursor:pointer" onclick="showModalPopup(' + i.toString() + ');">' + str_thumb_img + '</div > \ <div class="col-md-3 col-sm-12">' + asset.Title + '</div> \ <div class="col-md-2 hidden-xs hidden-sm">' + str_units + '</div> \ <div class="col-md-5 hidden-xs hidden-sm">' + asset.Description + '</div> \ </div>'); $internal.append($row); } } function setResultsAreaNRHPList() { var $internal = $('<div name="list" class="clearfix" style="background-color:#f9f9f9;"> \ <div name="header" class="row"> \ <div class="col-md-2 hidden-xs hidden-sm"><span>Photos</span></div> \ <div class="col-md-2 hidden-xs hidden-sm"><span>Text</span></div> \ <div class="col-md-4 hidden-xs hidden-sm"><span>Name</span></div> \ <div class="col-md-4 hidden-xs hidden-sm"><span>Location</span></div> \ </div > \ </div>'); $results_area.append($internal); for (var i = 0; i < search.Results.length; i++) { var asset = search.Results[i].Asset; if (asset.AssetType !== 'National Register File') { continue; } var str_photo_asset_id = asset.PhotoAssetID || null var str_text_asset_id = asset.TextAssetID || null; var str_title = asset.Title; var altText = asset.AltText; if (altText === undefined || altText === null || altText === '') { altText = str_title; } var str_photo_thumb_img = ''; if (str_photo_asset_id !== null) { str_photo_thumb_img = '<img src="' + routing_prefix + 'GetAsset/' + str_photo_asset_id + '/thumbxlarge" alt="' + altText + '" style="overflow:hidden" />'; } var str_text_thumb_img = ''; if (str_text_asset_id !== null) { str_text_thumb_img = '<img src="' + routing_prefix + 'GetAsset/' + str_text_asset_id + '/thumbxlarge" alt="' + altText + '" style="overflow:hidden" />'; } var str_location = ''; if ($.isArray(asset.Locations) && asset.Locations.length > 0) { var loc = asset.Locations[0]; if (typeof loc.SpecificLocation === 'string' && loc.SpecificLocation.length > 0) { str_location = loc.SpecificLocation.replace(/;.*/,''); } if (typeof loc.StateName === 'string' && loc.StateName.length > 0) { if (str_location.length > 0) { str_location += " - "; } str_location += loc.StateName; } } var $row = $('<div class="row" style="margin-bottom:5px;padding:10px;"> \ <div class="col-md-2 col-sm-12" title="' + str_title + '" style="cursor:pointer" onclick="showModalPopup(' + i.toString() + ');">' + str_photo_thumb_img + '</div > \ <div class="col-md-2 col-sm-12" title="' + str_title + '" style="cursor:pointer" onclick="showModalPopup(' + i.toString() + ');">' + str_text_thumb_img + '</div > \ <div class="col-md-4 col-sm-12">' + str_title + '</div> \ <div class="col-md-4 hidden-xs hidden-sm">' + str_location + '</div> \ </div>'); $internal.append($row); } } function navigateImageButtonEvent(button, direction) { if (direction === "next") { if (i_modal_index === search.Results.length - 1) { alterQueryStringParameter('page', (search.Page + 1).toString()); alterQueryStringParameterAndRefresh('modalimage', 'first'); } else { showModalPopup(i_modal_index + 1); } } else { if (i_modal_index === 0) { alterQueryStringParameter('page', (search.Page - 1).toString()); alterQueryStringParameterAndRefresh('modalimage', 'last'); } else { showModalPopup(i_modal_index - 1); } } } function gotoPage(event) { var str_page = $(event.target).prev().val(); // = $nav_area.find('div[name="goto"] input').val(); var page = parseInt(str_page, 10); if (!isNaN(page)) { alterQueryStringParameterAndRefresh('page', str_page); } } function setNavigationArea() { $nav_area.addClass("form-horizontal"); $nav_area.css({ 'max-width': '920px', 'margin': '0px auto' }); var $nav_internal = $('<div class="clearfix form-group"> \ <div name="nav-container" class="col-sm-12" style="padding-left:0px !important; padding-right:0px !important"> \ <ul name="pages" class="pagination" style="margin-top:0px;margin-bottom:15px;margin-right:15px;float:left;"></ul> \ <div name="goto" style="display:inline-block;margin-bottom:15px;margin-right:15px;float:left;"> \ <span>Page#: </span> \ <input type="number" maxlength="6" style="width:50px" />\ <button class="btn btn-primary" type="button" onclick="gotoPage(event)">GO</button> \ </div>\ <div name="view-dropdown" class="dropdown" style="display:inline-block;margin-bottom:15px;margin-right:15px;float:left;"> \ <span>View: </span> \ <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown"> \ <span name="label"></span>  <span class="caret"></span> \ </button> \ <ul name="menu" class="dropdown-menu"> \ <li name="grid"><a onclick="updateViewDropdown(\'grid\')">Grid</a></li> \ <li name="list"><a onclick="updateViewDropdown(\'list\')">List</a></li> \ <li name="gallery"><a onclick="updateViewDropdown(\'gallery\')">Gallery</a></li> \ </ul> \ </div> \ <div name="sort-dropdown" class="dropdown" style="display:inline-block;margin-bottom:15px;margin-right:15px;float:left;"> \ <span>Sort: </span> \ <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown"> \ <span name="label"></span>  <span class="caret"></span> \ </button> \ <ul name="menu" class="dropdown-menu"> \ </ul> \ </div> \ </div> \ </div>'); $nav_area.append($nav_internal); if (search.SearchType === 'NRHP') { sort_entries = [['default', 'Name'], ['state', 'State'], ['listeddate-desc', 'Newest Entries']]; } if (search.SearchType === 'HOFU' || search.SearchType === 'Album') { sort_entries = null; } if (sort_entries === null) { $nav_area.find('div[name="sort-dropdown"]').hide(); } else { var $sort_entry_list = $nav_area.find('div[name="sort-dropdown"]>ul'); for (var i = 0; i < sort_entries.length; i++) { var str_sort_entry = '<li name="' + sort_entries[i][0] + '"><a onclick="alterQueryStringParameterAndRefresh(\'sort\', \'' + sort_entries[i][0] + '\')">' + sort_entries[i][1] + '</a></li>'; /* <li name="default"><a onclick="alterQueryStringParameterAndRefresh(\'sort\', \'default\')">Most Relevant</a></li> \ <li name="date-desc"><a onclick="alterQueryStringParameterAndRefresh(\'sort\', \'date-desc\')">Newest First</a></li> \ <li name="title"><a onclick="alterQueryStringParameterAndRefresh(\'sort\', \'title\')">Title A to Z</a></li> \ */ $sort_entry_list.append(str_sort_entry); } } if (search.PageCount < 8) { $nav_area.find('div[name="goto"]').hide(); } else { $nav_area.find('div[name="goto"]').show(); } if (search.PageCount < 2) { $nav_area.find('ul[name="pages"]').hide(); } else { var $page_ul = $nav_area.find('ul[name="pages"]'); var i_page = search.Page; var i_page_count = search.PageCount; if (i_page > 11) { $page_ul.append('<li><a onclick="alterQueryStringParameterAndRefresh(\'page\', \'1\')"><<<</a></li>'); } if (i_page > 4) { $page_ul.append('<li><a onclick="alterQueryStringParameterAndRefresh(\'page\', \'' + (i_page > 10 ? i_page - 10 : 1).toString() + '\')"><<</a></li>'); } if (i_page > 1) { $page_ul.append('<li><a onclick="alterQueryStringParameterAndRefresh(\'page\', \'' + (i_page - 1).toString() + '\')"><</a></li>'); } for (var i = i_page - 2; i <= i_page + 2; i++) { if (i <= 0 || i > i_page_count) { continue; } var i_str = i.toString(); if (i == i_page) { $page_ul.append('<li class="active"><a onclick="return false;">' + i_str + '</a></li>'); } else { $page_ul.append('<li><a onclick="alterQueryStringParameterAndRefresh(\'page\', \'' + i_str + '\')">' + i_str + '</a></li>'); } } if (i_page < (i_page_count)) { $page_ul.append('<li><a onclick="alterQueryStringParameterAndRefresh(\'page\', \'' + (i_page + 1).toString() + '\')">></a></li>'); } if (i_page < (i_page_count - 3)) { $page_ul.append('<li><a onclick="alterQueryStringParameterAndRefresh(\'page\', \'' + (i_page < (i_page_count - 10) ? i_page + 10 : i_page_count).toString() + '\')">>></a></li>'); } if (i_page < (i_page_count - 10)) { $page_ul.append('<li><a onclick="alterQueryStringParameterAndRefresh(\'page\', \'' + (i_page_count).toString() + '\')">>>></a></li>'); } } updateViewDropdown(params.view); if (sort_entries !== null) { updateSortDropdown(params.sort); } } function updateViewDropdown(item) { var $dropdown = $nav_area.find('div[name="view-dropdown"]'); var $item = $dropdown.find('ul[name="menu"]>li[name="' + item + '"]'); var str_label = $($item.find('a').get(0)).text(); $dropdown.find('button>span[name="label"]').text(str_label); $dropdown.find('ul[name="menu"]>li').show(); $item.hide(); alterQueryStringParameter('view', item); setResultsArea(item); } function updateSortDropdown(item) { var $dropdown = $nav_area.find('div[name="sort-dropdown"]'); var $item = $dropdown.find('ul[name="menu"]>li[name="' + item + '"]'); var str_label = $($item.find('a').get(0)).text(); $dropdown.find('button>span[name="label"]').text(str_label); $dropdown.find('ul[name="menu"]>li').show(); $item.hide(); alterQueryStringParameter('sort', item); } function setFilterArea() { var $filter_area = $('div[name="filter-area"]'); var i_active_filters = 0; $filter_area.show(); var $filter_header = $filter_area.find('div[name="filter-header"]'); var $caret_span = $filter_header.find('span'); var $filter_body = $filter_area.find('div[name="filter-body"]'); $filter_header.on('click', function () { if ($filter_body.is(':visible')) { hideFilters($filter_body, $caret_span); } else { showFilters($filter_body, $caret_span); } }); if (params.showfilters !== undefined) { if (params.showfilters === 'true') { showFilters($filter_body, $caret_span); } else { hideFilters($filter_body, $caret_span); } } else { hideFilters($filter_body, $caret_span); } var i, j; for (i = 0; i < search.Filters.length; i++) { var filter = search.Filters[i]; if (filter.Items == null || filter.Items.length == 0) { continue; } var filter_item = null; var i_max_length = 10; var i_count = 0; for (j = 0; j < filter.Items.length; j++) { filter_item = filter.Items[j]; if (filter_item.Count == 0 && filter_item.Apply == false) { continue; } i_count++; var i_ct = (filter_item.DisplayName === undefined ? filter_item.Attribute.length : filter_item.DisplayName.length); if (i_ct > i_max_length) { i_max_length = i_ct; } } var i_size = Math.floor((i_max_length + 5) / 15) + 1; var i_show_count = i_min_filter_show_count; var b_show_more = false; var b_show_less = false; if (i_count > i_show_count) { var ttt = 'filter' + filter.Term + 'sc'; if (params[ttt] !== undefined) { i_show_count = parseInt(params[ttt]); } else { i_show_count = (i_count >= i_min_filter_show_count ? i_min_filter_show_count : i_count); } if (i_show_count < i_count) { b_show_more = true; } if (i_show_count > i_min_filter_show_count) { b_show_less = true; } alterQueryStringParameter(ttt, i_show_count.toString()); } var $filter = $('<div name="filter" class="col-xs-12 col-sm-' + i_size.toString() + '" style="margin-bottom:10px;" data-term="' + filter.Term + '" ' + (b_show_more || b_show_less ? 'data-showcount="' + i_show_count + '" data-count="' + i_count + '"' : '') + '> \ <h5>' + filter.DisplayName + '</h5> \ <div name="filter-entries" style="margin-left: 10px;"></div> \ <div name="more-or-less"> \ <a name="more" style="float:left;margin-right:10px;display:' + (b_show_more ? 'block' : 'none') + '">Show More...</a> \ <a name="less" style="float:left;display:' + (b_show_less ? 'block' : 'none') + '">Show Less...</a> \ </div > \ </div>'); var $filter_entries = $filter.children('div[name="filter-entries"]'); for (j = 0; j < filter.Items.length; j++) { filter_item = filter.Items[j]; if (filter_item.Count == 0 && filter_item.Apply == false) { continue; } var str_apply = (filter_item.Apply == true ? 'checked="checked"' : ''); var str_value = filter.Term + ':' + filter_item.Attribute; var str_name = (filter_item.DisplayName === undefined ? filter_item.Attribute : filter_item.DisplayName); $filter_entries.append( '<div name="filter-item" style="display:' + (j >= i_show_count ? 'none' : 'block') + '"> \ <label><input type="checkbox" data-val="' + str_value + '" ' + str_apply + ' /> \ <span>' + str_name + ' (' + filter_item.Count.toString() + ')</span> \ </label> \ </div>'); if (filter_item.Apply) { i_active_filters++; alterQueryStringParameter('filter', str_value, false, false); } } $filter_body.append($filter); if (i_active_filters === 0) { alterQueryStringParameter('filter', 'none', false, false); } if (b_show_more || b_show_less) { var $more_or_less = $filter.children('div[name="more-or-less"]'); $more_or_less.children('a[name="more"]').on('click', function (event) { var $mfilter = $(event.target).closest('div[name="filter"]'); var m_ct = $mfilter.data('count'); var ms_ct = $mfilter.data('showcount') + 10; if (ms_ct > m_ct) { ms_ct = m_ct; } $mfilter.data('showcount', ms_ct); updateFilterShowCount($mfilter); }); $more_or_less.children('a[name="less"]').on('click', function (event) { var $lfilter = $(event.target).closest('div[name="filter"]'); var ls_ct = $lfilter.data('showcount') - 10; if (ls_ct < i_min_filter_show_count) { ls_ct = i_min_filter_show_count; } $lfilter.data('showcount', ls_ct); updateFilterShowCount($lfilter); }); } } var $filter_checkboxes = $filter_area.find('input[type="checkbox"]'); $filter_checkboxes.on('change', function (event) { var str_value = $(event.target).data('val'); var b_checked = $(event.target).is(':checked'); if (b_checked === false) { if (i_active_filters === 1) { alterQueryStringParameter('filter', 'none', false, false); } } else { if (i_active_filters === 0) { alterQueryStringParameter('filter', 'none', true, false); } } alterQueryStringParameterAndRefresh('filter', str_value, !b_checked, false); }); } function showFilters($filter_body, $caret_span) { $filter_body.show(); $caret_span.removeClass('fa-caret-down'); $caret_span.addClass('fa-caret-up'); alterQueryStringParameter('showfilters', 'true'); } function updateFilterShowCount($filter) { var showcount = $filter.data('showcount'); var count = $filter.data('count'); var term = $filter.data('term'); $filter.children('div[name="filter-entries"]').children('div[name="filter-item"]').each(function (index) { var $this = $(this); if ($this.is(':visible')) { if ((index + 1) > showcount) { $this.hide(); } } else { if ((index + 1) <= showcount) { $this.show(); } } }); var $more_or_less = $filter.children('div[name="more-or-less"]'); if (showcount > i_min_filter_show_count) { //show less is visible. $more_or_less.children('a[name="less"]').show(); } else { //show less is invisible. $more_or_less.children('a[name="less"]').hide(); } if (count > showcount) { //show more is visible $more_or_less.children('a[name="more"]').show(); } else { //show more is invisible $more_or_less.children('a[name="more"]').hide(); } alterQueryStringParameter('filter' + term + 'sc', showcount.toString()); } function hideFilters($filter_body, $caret_span) { $filter_body.hide(); $caret_span.removeClass('fa-caret-up'); $caret_span.addClass('fa-caret-down'); alterQueryStringParameter('showfilters', 'false'); } </script>    <script type="text/javascript"> $(document).ready(function () { if (search === undefined || search === null || typeof search !== 'object') { return; } if (search.Filters !== undefined && search.Filters !== null && search.Filters.length > 0) { setFilterArea(); } $nav_area = $('div[name="navigation"]'); $results_area = $('div[name="results-area"]'); $modal_image = $("#imageModal"); if (search.Page !== null && search.PageCount !== null) { setNavigationArea(); } else { $nav_area.hide(); } $modal_image.on('hidden.bs.modal', function () { $('audio').each(function () { this.pause(); }); $modal_image.find('div[name="video-row"]').html(''); }); }); </script>  <script src="https://www.nps.gov/common/commonspot/templates/js/federated-analytics-uav1.js?ver=true&agency=DOI&subagency=NPS&exts=rtf,odt,ods,odp&dclink=true&enhlink=true" id="_fed_an_ua_tag"></script> <script type="text/javascript" src="/Scripts/NPGallery/layout.js?v=1.2"></script> </head> <body id="body">  <nav name="mobile-nav" class="navbar navbar-inverse"> <div class="container" style="position:relative;"> <div class="navbar-header"> <a class="navbar-brand" href="https://www.nps.gov"> <img src="/Content/images/logo.png" alt="National Park Service logo" style="display:inline-block;height:35px; width: 30px;" /> <div style="display:inline-block">National Park Service</div> </a> <button style="float: right;" id="buttonMenu" type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div name="header-menu" class="navbar-collapse collapse"> <ul class="nav navbar-nav hidden-sm hidden-md hidden-lg"></ul> </div> </div> </nav > <div name="jumbotron" class="jumbotron container-fluid" style="position:relative;"> <div name="banner" style="height: 150px; background-position:50% 50%; background-repeat: no-repeat; background-size:cover;"></div> <div class="hero-banner" style="width:100%;"> <div class="container"> <div class="row"> <div class="col-sm-12"> <span name="hero-title" class="hero-title" style="white-space:nowrap"></span> <span name="hero-subtitle" class="hero-subtitle" style="white-space:nowrap"></span> <span name="hero-subtitle-right" class="hero-subtitle hero-textRight" style="white-space:nowrap;"></span> </div> </div> </div> </div> </div> <nav name="wide-menu" class="navbar navbar-inverse hidden-xs"> <div class="container"> <ul name="left" class="nav navbar-nav"></ul> <ul name="right" class="nav navbar-nav navbar-right"></ul> </div> </nav> <div name="filter-area" style="background-color: #515a5a;color:white;width: 100%;padding-top:5px; display:none;"> <div class="container"> <div class="row" name="filter-header" style="padding-bottom:5px;"> <div class="col-xs-12"> Filter Results <span style="margin-left: 5px;" class="fa fa-caret-down"></span> </div> </div> <div class="row" name="filter-body" style="display:none;"> </div> </div> </div> <div class="container body-content">  <div class="form-horizontal" style="max-width: 900px;"> <div class="form-group"> <input type="hidden" name="view" /> </div> <div id="app" style="display:none; float:left; clear:both; width: 900px;"></div> <div class="form-group"> <p class="col-sm-10 col-md-10 col-lg-10"> Your search on <span style="color:#8b0000;"><i>Related Collection contains 'Honey'</i></span> returned no results, please try again </p> </div> </div> <script> var termToSet = $("#searchTerm"); if (typeof termToSet[0] !== "undefined") { if (termToSet[0].value !== "") { $("#allFields").val(termToSet[0].value); } } </script> </div> <footer class="GlobalFooter"> <div class="container"> <div class="row"> <div class="col-sm-12"> <img style="max-width: 250px; width:100%" src="/Content/images/nps-footer-slogan.png" srcset="/Content/images/nps-footer-slogan.png 1x, /Content/images/nps-footer-slogan.png") 2x" alt="Experience Your America"> </div> </div> <hr /> <div class="row"> <div class="col-12 col-md-4 order-md-2"> <div class="GlobalFooter-nps-logo"> <div class="GlobalFooter-nps-logo-text"> <a href="//www.nps.gov">National Park Service</a> <a href="//www.doi.gov">U.S. Department of the Interior</a> </div> <div class="GlobalFooter-nps-logo-image"> <a href="//www.nps.gov"> <img src="/Content/images/logo.png" height="50" alt="National Park Service Logo" /> </a> </div> </div> </div> <div class="col-12 col-md-8 order-md-1"> <ul class="GlobalFooter-generalLinks"> <li><a href="//www.nps.gov/aboutus/accessibility.htm">ACCESSIBILITY</a></li> <li><a href="//www.nps.gov/aboutus/privacy.htm">PRIVACY POLICY</a></li> <li><a href="//www.nps.gov/aboutus/foia/index.htm ">FOIA</a></li> <li><a href="//www.nps.gov/aboutus/notices.htm">NOTICES</a></li> <li><a href="//www.nps.gov/aboutus/disclaimer.htm">DISCLAIMER</a> </li> </ul> <ul class="GlobalFooter-generalLinks"> <li><a href="//www.nps.gov/aboutus/faqs.htm">FAQ</a></li> <li><a href="//www.doi.gov/pmb/eeo/no-fear-act">NO FEAR ACT</a></li> <li><a href="//www.nps.gov/aboutus/contactus.htm">CONTACT US</a></li> <li><a href="//www.usa.gov">USA.GOV</a></li> </ul> <ul class="GlobalFooter-socialLinks"> <li><a href="//www.facebook.com/nationalparkservice" onclick="return confirm('You are leaving the National Park site, do you want to continue?')" target="_blank"> <i class="fa fa-facebook"></i> FACEBOOK</a></li> <li><a href="//www.youtube.com/nationalparkservice" onclick="return confirm('You are leaving the National Park site, do you want to continue?')" target="_blank"> <i class="fa fa-youtube"></i> YOUTUBE</a></li> <li><a href="//www.twitter.com/natlparkservice" onclick="return confirm('You are leaving the National Park site, do you want to continue?')" target="_blank"> <i class="fa fa-twitter"></i> TWITTER</a></li> <li><a href="//www.instagram.com/nationalparkservice/" onclick="return confirm('You are leaving the National Park site, do you want to continue?')" target="_blank"> <i class="fa fa-instagram"></i> INSTAGRAM</a></li> <li><a href="//www.flickr.com/photos/nationalparkservice" onclick="return confirm('You are leaving the National Park site, do you want to continue?')" target="_blank"> <i class="fa fa-flickr"></i> FLICKR</a></li> <li><a href="//itunes.apple.com/WebObjects/MZStore.woa/wa/viewArtistLegacy?cc=us&id=216751324" onclick="return confirm('You are leaving the National Park site, do you want to continue?')" target="_blank"> <i class="fa fa-apple"></i> ITUNES</a></li> </ul> </div> </div> </div> </footer> <script type="text/javascript"> console.log("portal layout 1"); var view_name = 'SearchResults'; var branding_name = 'NTS'; var layout_options = {"MenuItemsLeft":[{"DisplayName":"Discover and Explore Digital Assets","Target":null,"Link":"/NTS/","AttributeName":"BasicSearch"}],"MenuItemsRight":[{"DisplayName":"About","Target":null,"Link":"/NTS/About","AttributeName":"About"},{"DisplayName":"Contact","Target":null,"Link":"/NTS/Contact","AttributeName":"Contact"}],"HeroTitle":"National Trails System ","HeroSubtitle":"","HeroSubtitleRight":"Digital Archive on NPGallery","HeroSubtitleRightLink":"https://npgallery.nps.gov","BannerHeight":250,"BannerImage":"/Areas/NTS/Content/Images/nts_banner.jpg","GoogleAnalyticsID":"National Trails System - NTS"}; window.name = "_NPGallery_Search"; //Google Analytics for portals only if (branding_name !== 'MAIN' && layout_options.GoogleAnalyticsID !== null) { ga('send', 'event', 'Branding', 'Portal', layout_options.GoogleAnalyticsID); } </script> </body> </html>

CINXE.COM

NPGallery NTS Archive Search Results