AFI|Catalog

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>AFI|Catalog</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="width=device-width, initial-scale=1" name="viewport" /> <meta name="description"> <meta name="keywords"> <link rel="canonical" />  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" /> <link href="/Content/Theme/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link href="/Content/Theme/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" /> <link href="/Content/Theme/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="/Content/Theme/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />   <link href="/Content/kendo/css2?v=DnJ6np2tL_W_eiAd2qA-IWCukn8CmOcKvd2fGbn_4Zo1" rel="stylesheet"/>   <link href="/Content/Theme/assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" /> <link href="/Content/Theme/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" /> <link href="/Content/publictheme.css" rel="stylesheet" type="text/css" />   <link href="/Content/Theme/assets/global/css/components.css" rel="stylesheet" id="style_components" type="text/css" /> <link href="/Content/Theme/assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" /> <link href="/Content/Theme/assets/pages/css/search.css" rel="stylesheet" type="text/css" />   <link href="/Content/Theme/assets/layouts/layout/css/layout.css" rel="stylesheet" type="text/css" /> <link href="/Content/Theme/assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" /> <link href="/Content/Theme/assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />  <link rel="shortcut icon" href="/favicon.ico" /> <link href="/Content/style.css" rel="stylesheet" /> <link href="/Content/megamenu.css" rel="stylesheet" />  <link href="/Content/Site.css?v1.0.0" rel="stylesheet" />  <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script type='text/javascript'> $(document).ready(function () { $("input").attr("autocomplete", "off"); }); $.ajaxSetup({ cache: false }); var appInsights = window.appInsights || function (config) { function r(config) { t[config] = function () { var i = arguments; t.queue.push(function () { t[config].apply(t, i) }) } } var t = { config: config }, u = document, e = window, o = 'script', s = u.createElement(o), i, f; for (s.src = config.url || '//az416426.vo.msecnd.net/scripts/a/ai.0.js', u.getElementsByTagName(o)[0].parentNode.appendChild(s), t.cookie = u.cookie, t.queue = [], i = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Ajax']; i.length;) r('track' + i.pop()); return r('setAuthenticatedUserContext'), r('clearAuthenticatedUserContext'), config.disableExceptionTracking || (i = 'onerror', r('_' + i), f = e[i], e[i] = function (config, r, u, e, o) { var s = f && f(config, r, u, e, o); return s !== !0 && t['_' + i](config, r, u, e, o), s }), t }({ instrumentationKey: 'a74066ef-61b4-4f63-9a50-c58810b83160' }); window.appInsights = appInsights; appInsights.trackPageView(); </script>  <script src="/bundles/kendo?v=CTQf01zRa5g3wppG5JYdcZSrI1qM1HY-5nRljW4VFeE1"></script>  <script src="/Scripts/kendo.modernizr.custom.js"></script> <link href="/Content/bootstrap-horizon.css" rel="stylesheet" /> </head>  <body class="page-content-white page-full-width" style="background-color:black;padding:0px;">  <div class='thetop'></div>  <div class="container for-fullwidth"> <div class="row" id="divMasterHeader">  <header> <div align="center" class="headcontainer" style="z-index:99999999;">  <nav id="headerNav" class="navbar home-sub-nav header" role="navigation"> <div class="nav-bg"> <div class="">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myNavbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="logoContainer"><a href="https://aficatalog.afi.com/"><img src="/Content/Images/afi_Logo.png" /></a></div> <div id="mobilesearchIcon" class="mobilesearchIcon"></div> </div>  <div id="myNavbar"> <div class="header_top"> <div class="container"> <div class="header_top_menu"> <div class="menu-top-menu-container"> <ul id="menu-top-menu" class="nav navbar-nav"> <li id="afi" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-has-children menu-item-11111"> <a href="javascript:void(0);">AFI</a> <span class="menu_arrow"></span> <ul class="sub-menu"> <li id="menu-item-11112" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11112"><a href="https://www.afi.com/">AFI HOME</a></li> <li id="menu-item-11112" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11112"><a href="https://www.afi.com/about-afi/">About AFI</a></li> <li id="menu-item-11113" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11113"><a href="https://www.afi.com/history/">History</a></li> <li id="menu-item-11115" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11115"><a href="https://www.afi.com/board-of-trustees/">Board of Trustees</a></li> <li id="menu-item-11116" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11116"><a href="https://www.afi.com/senior-staff/">Senior Staff</a></li> <li id="menu-item-11118" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11118"><a href="https://www.afi.com/directions/">Directions</a></li> <li id="menu-item-11119" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11119"><a href="https://www.afi.com/louis-b-mayer-library/">Louis B. Mayer Library</a></li> <li id="menu-item-11122" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11122"><a href="https://www.afi.com/contact/">Contact</a></li> </ul> </li> <li id="menu-item-12659" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12659"><a href="https://www.afi.com/wp-login.php">Login</a></li> <li id="menu-item-12724" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12724"><a href="https://www.afi.com/support/">Support</a></li> </ul> </div> </div> </div> </div> <div class="header_bottom" id="myHeader"> <div class="container"> <div class="header_bottom_left"> <div class="header_logo"> <a href="https://aficatalog.afi.com/"> <img src="/Content/Images/afi_Logo.png" alt="header logo" class="img_responsive"> <span>CATALOG</span> </a> </div> <div class="header_logo_hover"> <a href="https://aficatalog.afi.com/"> <img src="/Content/Images/afi_Logo.png" alt="header logo" class="img_responsive"> </a> </div> </div> <div class="header_bottom_right"> <div class="navbar_header"> <div id="navbar" class="header_center"> <div class="header_menu"> <div class="menu-main-menu-container"> <ul id="menu-main-menu" class="nav navbar-nav"> <li id="menu-item-359" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-359"><a href="https://aficatalog.afi.com/about/">ABOUT</a></li> <li id="menu-item-269" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-269"><a id="Randompick">RANDOM PICK</a></li> <li id="menu-item-358" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-358"><a href="https://aficatalog.afi.com/women-they-talk-about/">WOMEN THEY TALK ABOUT</a></li> <li id="menu-item-357" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-357"><a href="https://aficatalog.afi.com/faq/">FAQ</a></li> </ul> </div> </div> </div> </div> <div class="header_search"> <img src="/Content/Images/Icon/search.png" class="search_icon desktop_view" alt="" /> <img src="/Content/Images/Icon/white_search.png" class="search_icon mobile_view" alt="" /> <div class="header_search_box"> <div class="search_sec"> <img class="search_close" src="/Content/Images/Icon/search_close.png" alt="" /> <h2 class="blur">The world’s most comprehensive Film database</h2> <h3>SEARCH THE CATALOG</h3> <form action="/Search" class="search-form" method="get"> <select id="searchField" name="searchField" class="searchField" style="display: none;"> <option value="MovieName">Movie Title</option> <option value="Name_AltName_CharName">Search for People</option> <option value="Director">Movies by Director</option> <option value="Producer">Movies by Producer</option> <option value="Cast">Movies by Cast</option> <option value="ReleaseYear">Movies by Release Year</option> <option value="ProductionCompany">Movies by Production Company</option> <option value="Genre">Movies by Genre</option> <option value="Subjects">Movies by Subject</option> <option value="Sourcecitations">Movies by Source citations </option> <option value="ALL">All</option> </select> <div class="nice-select searchField" tabindex="0"> <span class="current">Movie Title</span> <ul class="list"> <li data-value="MovieName" class="option selected">Movie Title</li> <li data-value="Name_AltName_CharName" class="option">Search for People</li> <li data-value="Director" class="option">Movies by Director</li> <li data-value="Producer" class="option">Movies by Producer</li> <li data-value="Cast" class="option">Movies by Cast</li> <li data-value="ReleaseYear" class="option">Movies by Release Year</li> <li data-value="ProductionCompany" class="option">Movies by Production Company</li> <li data-value="Genre" class="option">Movies by Genre</li> <li data-value="Subjects" class="option">Movies by Subject</li> <li data-value="Sourcecitations" class="option">Movies by Source citations</li> <li data-value="ALL" class="option">All</li> </ul> </div> <input type="search" id="searchText" class="search-field" value="" name="searchText"> <input type="hidden" name="sortType" value="sortByRelevance" id="sortType"> <button type="submit" class="search-submit"><img src="/Content/Images/Icon/search_small_icon.png" class="search_open_icon" alt=""></button> </form> <h4 class="blur">Use the drop down menu to narrow your search.</h4> <span class="advSearchlink"><i class="fa fa-search-plus" aria-hidden="true"></i><a class="" href="/iSearch">Advanced Search</a></span> </div> </div> </div> <div class="header_toggle"> <img src="/Content/Images/Icon/toggle.png" class="toggle_icon desktop_view" alt=""> <img src="/Content/Images/Icon/white_toggle.png" class="toggle_icon mobile_view" alt=""> </div> </div> </div> <div class="mega-menu-dropdown"> <img class="toggle_close" src="/Content/Images/Icon/search_close.png" alt=""> <div class="container"> <div class="row"> <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-12 container-height"> <div class="text-white menu-head-border-bottom"><a href="#" class="title">CONSERVATORY</a></div> <ul class="nav flex-column custom-nav"> <li> <a href="https://conservatory.afi.com/" class="title">Masters Degree Program</a> </li> <li> <a href="https://conservatory.afi.com/alumni-home-2/" class="title">Alumni</a> </li> <li> <a href="https://conservatory.afi.com/innovative-programs/" class="title">Innovative Programs</a> </li> <li> <a href="https://www.afi.com/louis-b-mayer-library/" class="title">Library</a> </li> </ul> </div> <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-12 container-height"> <div class="text-white menu-head-border-bottom"><a href="#" class="title">FESTIVALS</a></div> <ul class="nav flex-column custom-nav"> <li> <a href="https://fest.afi.com/" class="title">AFI FEST</a> </li> <li> <a href="https://docs.afi.com/" class="title">AFI DOCS</a> </li> </ul> </div> <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-12 container-height"> <div class="text-white menu-head-border-bottom"><a href="#" class="title">AWARDS</a></div> <ul class="nav flex-column custom-nav"> <li> <a href="https://www.afi.com/afi-awards/" class="title">AFI AWARDS</a> </li> <li> <a href="https://www.afi.com/afi-life-achievement-award/" class="title">AFI Life Achievement Award</a> </li> </ul> </div> <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-12 container-height"> <div class="text-white menu-head-border-bottom"><a href="#" class="title">PRESERVATION</a></div> <ul class="nav flex-column custom-nav"> <li> <a href="https://aficatalog.afi.com/" class="title">AFI Catalog of Feature Films</a> </li> <li> <a href="https://www.afi.com/afi-archive/" class="title">Archive</a> </li> <li> <a href="https://www.afi.com/afi-collection-at-the-library-of-congress/" class="title">Collection at the Library of Congress</a> </li> <li> <a href="https://www.afi.com/robert-osborne/" class="title">The Robert Osborne Collection</a> </li> </ul> </div> <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-12 container-height1"> <div class="text-white menu-head-border-bottom"><a href="#" class="title">LISTS</a></div> <ul class="nav flex-column custom-nav"> <li> <a href="https://www.afi.com/afis-100-years-100-movies-10th-anniversary-edition/" class="title">AFI 100 Years…100 Movies</a> </li> <li> <a href="https://www.afi.com/afis-100-years-100-movie-quotes/" class="title">AFI 100 Years…100 Quotes</a> </li> <li> <a href="https://www.afi.com/afis-10-top-10/" class="title">TEN TOP TEN</a> </li> <li> <a href="https://www.afi.com/afi-lists/" class="title">See all lists</a> </li> </ul> </div> <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-12 container-height1"> <div class="text-white menu-head-border-bottom"><a href="#" class="title">SILVER THEATRE</a></div> <ul class="nav flex-column custom-nav"> <li> <a href="https://afisilver.afi.com/" class="title">Silver Theatre and Cultural Center</a> </li> </ul> </div> <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-12 container-height1"> <div class="text-white menu-head-border-bottom"><a href="#" class="title">SUPPORT</a></div> <ul class="nav flex-column custom-nav"> <li> <a href="https://www.afi.com/support/" class="title">Donate</a> </li> <li> <a href="https://www.afi.com/support/?Op=join" class="title">Join the Premiere Circle</a> </li> </ul> </div> <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-12 container-height1"> <div class="text-white menu-head-border-bottom"><a href="#" class="title">AFI</a></div> <ul class="nav flex-column custom-nav"> <li> <a href="https://www.afi.com/movieclub" class="title">AFI Movie Club</a> </li> <li> <a href="https://www.afi.com/news" class="title">News</a> </li> <li> <a href="https://www.afi.com/press/" class="title">Press</a> </li> <li> <a href="https://www.afi.com/sign-up/?method=signup" class="title">Newsletter Sign-up</a> </li> <li> <a href="https://www.afi.com/members/all-access/" class="title">AFI Member All-Access</a> </li> <li> <a href="https://www.afi.com/wp-login.php" class="title">Log In </a> </li> </ul> </div> </div> <div class="header_social_icon"> <h2>STAY CONNECTED</h2> <ul> <li class="fb_icon"><a href="https://www.facebook.com/americanfilminstitute/" target="_blank"></a></li> <li class="instagram_icon"><a href="https://www.instagram.com/americanfilminstitute/" target="_blank"></a></li> <li class="twitter_icon"><a href="https://twitter.com/americanfilm" target="_blank"></a></li> <li class="youtube_icon"><a href="https://www.youtube.com/AFI" target="_blank"></a></li> </ul> </div> </div> </div> </div> </div>  </div>  </div> </nav> </div> </header>   <link rel="stylesheet" href="/Content/AFIResources/css/megamenu.css"> <script type="text/javascript" src="/Content/AFIResources/js/megamenu_plugins.js"></script> <script type="text/javascript" src="/Content/AFIResources/js/megamenu.js"></script> <script> $(document).ready(function ($) { $("#Randompick").click(function () { $.ajax({ type: "POST", url: "/Home/RandomPicK", data: "{}", dataType: "json", contentType: 'application/json; charset=utf-8', cache: false, success: function (result) { if (result.success == true) { window.location = "/Film/" + result.returnUrl; } else { alert(result.returnUrl); } }, error: function (xhr) { alert("error"); } }); }); $('.megamenu').megaMenuCompleteSet({ menu_speed_show: 400, // Time (in milliseconds) to show a drop down menu_speed_hide: 400, // Time (in milliseconds) to hide a drop down menu_speed_delay: 50, // Time (in milliseconds) before showing a drop down menu_effect: 'hover_fade', // Drop down effect, choose between 'hover_fade', 'hover_slide', etc. menu_click_outside: 1, // Clicks outside the drop down close it (1 = true, 0 = false) menu_show_onload: 0, // Drop down to show on page load (type the number of the drop down, 0 for none) menu_responsive: 1 // 1 = Responsive, 0 = Not responsive }); $(".mobilesearchIcon").click(function(){ $("#mobilesearchIcon").toggleClass("closeSearch sb93"); }); var $slider = document.getElementById('mobilsearch'); var mobilesearchIcon = document.getElementById('mobilesearchIcon'); mobilesearchIcon.addEventListener('click', function () { var isOpen = $slider.classList.contains('slide-in'); $slider.setAttribute('class', isOpen ? 'slide-out' : 'slide-in'); }); //$('[data-toggle="tooltip"]').tooltip(); if (($(window).width() < 991)) { if (document.getElementById("mobilsearch")) { var mobileSearch = document.getElementById("mobilsearch").innerHTML; document.getElementById("mobilsearch").innerHTML = mobileSearch; } } if (($(window).width() > 991)) { $("#mobilsearch").html(""); } //$("#searchText").autocomplete({ // source: "/search/suggest", // minLength: 2, // select: function (event, ui) { // // document.getElementById('loginSubmit').submit(); // } //}); $('#searchText').autocomplete({ source: function (request, response) { $.ajax({ url: "/search/suggest", data: { term: request.term, searchField: $('#dropdownSearch').val(), maxRows: 12 }, success: function (data) { response($.map(data, function (item) { return { label: item.trim(), value: item.trim() } }) ) } }); }, minLength: 2 }); }); if ($(window).width() >= 1200) { $(document).ready(function () { $('#afi').hover(function (e) { $(this).addClass('open_content'); }, function (a) { $(this).removeClass('open_content'); }); }); } if ($(window).width() <= 1199) { $(document).ready(function () { $(".menu_arrow").click(function () { $(".menu_arrow").toggleClass("open"); $(".sub-menu").slideToggle(); }); }); } $(".search_icon").click(function () { $("body").addClass("search_open"); $("body").css("overflow", "hidden") }); $(".search_close").click(function () { $("body").removeClass("search_open"); $("body").css("overflow-y", "scroll") }); $(".toggle_icon").click(function () { $("body").addClass("toggle_open"); $("body").css("overflow", "hidden") }); $(".toggle_close").click(function () { $("body").removeClass("toggle_open"); $("body").css("overflow-y", "scroll") }); $(".nice-select ").click(function () { $(this).toggleClass("open"); }); $('.option ').on('click', function () { $('.option.selected').removeClass('selected'); $(this).addClass('selected'); }); $(window).scroll(function () { var scroll = $(window).scrollTop(); if (scroll >= 42) { $(".header_bottom").addClass("sticky"); } else { $(".header_bottom").removeClass("sticky"); } }); $("ul.list li").click(function (e) { e.preventDefault(); var searchtype = $(this).attr("data-value"); $("#searchField").val(searchtype); if (searchtype.toLowerCase() == "releaseyear" || searchtype.toLowerCase() == "genre") { $("#sortType").val('sortByTitle'); } else { if (searchtype.toLowerCase() == "name_altname_charname" || searchtype.toLowerCase() == "director" || searchtype.toLowerCase() == "producer" || searchtype.toLowerCase() == "cast" || searchtype.toLowerCase() == "productioncompany" || searchtype.toLowerCase() == "subjects") { $("#sortType").val('sortByExactMatch'); } else { $("#sortType").val('sortByRelevance'); } } var options = $("#searchField option"); var activeClass = $(this).attr("data-value"); options.each(function (i, e) { var t = $(this); if (t.val() == activeClass) { t.show(); } else { t.hide(); } }) $(".current").html($(this).html()); }); </script> </div> <div class="row">  <div class="page-wrapper">  <div class="page-header navbar bgblack" id="divMasterPageTop">  <div class="page-header-inner">  <div class="page-top"> <div class="container"> <div class="row"> <div class="col-md-8">   <h1 class="hedAfi"><a class = "hedAfi" href="https://aficatalog.afi.com/">AFI CATALOG OF FEATURE FILMS</a></h1> <h1 class="subhedAfi">THE FIRST 100 YEARS 1893–1993</h1> </div> <div class="col-md-4 pull-right"> <form action="/Search" method="get"> <div class="panelSearch notab"> <div class="nav-search-scope nav-sprite"> <div class="nav-search-facade" data-value="search-alias=aps"> <span id="selectedField" class="nav-search-label" style="width: auto;">Movie Title</span> <i class="fa fa-sort-desc" aria-hidden="true"></i> </div> <select id="dropdownSearch" class="nav-search-dropdown searchSelect" name="searchField"> <option value="MovieName">Movie Title</option> <option value="Name_AltName_CharName">Search for People</option> <option value="Director">Movies by Director</option> <option value="Producer">Movies by Producer</option> <option value="Cast">Movies by Cast</option> <option value="ReleaseYear">Movies by Release Year</option> <option value="ProductionCompany">Movies by Production Company</option> <option value="Genre">Movies by Genre</option> <option value="Subjects">Movies by Subject</option> <option>All</option> </select> </div> <div class="newSearch"> <input id="searchText" name="searchText" type="text" value="" /> <input id="sortType" name="sortType" type="hidden" value="sortByRelevance" /> <div class="searchContainer"> <input type="submit" value="" class="searchIcon" /> </div> </div> </div> </form>   <div class="top-menu loginButton"> <ul class="nav navbar-nav pull-right">  <li class="dropdown textWhite"> </li> <li class="dropdown"> <a href="/Account/SignIn" data-toggle="tooltip" title="Login to AFI Catalog System" class="dropdown-toggle"> <i class="icon-login"></i> </a> </li> </ul> </div>  </div> </div> </div> </div>  </div>  </div>   <div class="clearfix"> </div>   <div class="page-container" style="background-color:#eaeaea">  <div class="page-content-wrapper" style="max-width:1500px;width:100%; margin:auto !important;float:unset;background-color:#fff">  <style> #divMasterPageTop { display: none !important; } </style> <script type="text/javascript"> var searchId = ""; var bCompactView = false; $(document).ready(function () { // Blue Background css// $("#divMasterPageTop").addClass("bgpost93"); $(".panelSearch").css("top", "17px"); $(".nav-search-scope").css("background-color", "#263f66"); $("#headerBackground").removeClass("headerBg"); $("#headerBackground").addClass("headerBgpost93"); $(".search-header-details").attr('id', 'headerBgpost93'); $(".newSearch").attr('id', 'newSearch'); $(".search-header-details").css("margin", "0"); $(".hedAfi").hide(); $(".subhedAfi").hide(); if (($(window).width() < 991)) { $(".bgpost93").css("display", "none"); $(".panelSearch").css("top", "0"); $("#mobilsearch").css({ 'background': '#263f66', 'border-top': '1px solid rgba(255, 255, 255, 0.41)', 'border-bottom': '1px solid rgba(255, 255, 255, 0.41)', }); $(".icon-bar").css("background", "#5388db"); $(".closeSearch").css("background", "red"); $("#mobilesearchIcon").addClass("cp93"); $(".searchContainer").addClass("p93"); $(".nav-search-scope").css("border", "0"); $(".searchContainer").css("top", "10px"); $(".headcontainer").addClass("bgpost93Hed"); } var a; $(window).resize(function () { clearTimeout(a); a = setTimeout(function () { if (($(window).width() < 991)) { $(".bgpost93").css("display", "none"); $(".panelSearch").css("top", "0"); $("#mobilsearch").css({ 'background': '#263f66', 'border-top': '1px solid rgba(255, 255, 255, 0.41)', 'border-bottom': '1px solid rgba(255, 255, 255, 0.41)', }); $(".icon-bar").css("background", "#5388db"); $(".closeSearch").css("background", "red"); $("#mobilesearchIcon").addClass("cp93"); $(".searchContainer").addClass("p93"); $(".nav-search-scope").css("border", "0"); $(".searchContainer").css("top", "10px"); $(".headcontainer").addClass("bgpost93Hed"); } if (($(window).width() > 991)) { $(".bgpost93").css("display", "block"); $(".panelSearch").css("top", "15px"); //$("#mobilsearch").css({ // 'background': '#263f66', // 'border-top': '1px solid rgba(255, 255, 255, 0.41)', // 'border-bottom': '1px solid rgba(255, 255, 255, 0.41)', //}); //$(".icon-bar").css("background", "#5388db"); //$(".closeSearch").css("background", "red"); //$("#mobilesearchIcon").addClass("cp93"); //$(".searchContainer").addClass("p93"); $(".nav-search-scope").css("border", "2px solid #fff"); //$(".searchContainer").css("top", "10px"); $(".headcontainer").removeClass("bgpost93Hed"); } }, 150); }); var searchFieldInURL = urlText['searchField']; var sel = $("#cmbSortType").val(); if (sel == "") { sel = "sortByRelevance"; } $("#cmbSortType option[value='sortByTitle']").remove(); $("#cmbSortType option[value='sortDateAsc']").remove(); $("#cmbSortType option[value='sortDateDesc']").remove(); //$("#cmbSortType option[value='sortByRelevance']").remove(); $("#cmbSortType option[value='sortByExactMatch']").remove(); if (searchFieldInURL === "Name" || searchFieldInURL === "Name_AltName_CharName" || searchFieldInURL === "Name_AltName" || searchFieldInURL === "CharacterName") { // Name = People Search //$("#cmbSortType").append('<option value="sortByRelevance">Relevance</option>'); $("#cmbSortType").append('<option value="sortByTitle">Alphabetize</option>'); $("#cmbSortType").append('<option value="sortByExactMatch">Exact Phrase</option>'); } else {// Films Search if (searchFieldInURL == "ReleaseYear") { } else { $("#cmbSortType").append('<option value="sortByExactMatch">Exact Phrase</option>'); } //$("#cmbSortType").append('<option value="sortByRelevance">Relevance</option>') $("#cmbSortType").append('<option value="sortByTitle">Alphabetize</option>');; // Default: Add Date Sorting $("#cmbSortType").append('<option value="sortDateAsc">Date Ascending</option>'); $("#cmbSortType").append('<option value="sortDateDesc">Date Descending</option>'); } $("#cmbSortType").val(sel); }); //declare variables var directorFacet, producerFacet, releaseYearFacet, productionCompanyFacet, genreFacet, sortType, currentPage, filmTypeFacet; var moviesOnly = false; var peopleOnly = false; var urlText = getUrlVars(); document.title = 'AFI|Catalog - Search'; var searchTextInURL = ConvertSpecialChararcters(urlText['searchText']); var originalSearchText = searchTextInURL; var realSearchText = urlText['searchText']; var searchFieldInURL = urlText['searchField']; if (searchFieldInURL === "Name" || searchFieldInURL === "Name_AltName_CharName" || searchFieldInURL === "Name_AltName" || searchFieldInURL === "CharacterName") { peopleOnly = true; } else if (searchFieldInURL === "All") { moviesOnly = true; peopleOnly = true; } else { moviesOnly = true; } $(function () { // Load the initial data //debugger; directorFacet = ''; producerFacet = ''; releaseYearFacet = ''; productionCompanyFacet = ''; genreFacet = ''; filmTypeFacet = ''; var sortByInURL = urlText['sortType']; if (sortByInURL !== undefined) { if (searchFieldInURL && (searchFieldInURL.toLowerCase() == "subjects")) { sortType = "sortByExactMatch"; } else { sortType = sortByInURL; } $("#cmbSortType").val(sortType); setSortSearchText(); } else { sortType = ''; } currentPage = 1; Search(null); }); function Search(_callback) { $("#search_details_div").html('<img id="loadingImage" src="/Content/Images/giphy.gif" />'); $("#SortSearchDetailsResult").html('<img id="loadingImage" src="/Content/Images/giphy.gif" />'); if (peopleOnly === true || searchFieldInURL === "Name" || searchFieldInURL === "Name_AltName_CharName" || searchFieldInURL === "Name_AltName") { $("#cmbSortType option[value='sortDateAsc']").remove(); $("#cmbSortType option[value='sortDateDesc']").remove(); } else { var sel = $("#cmbSortType").val(); $("#cmbSortType option[value='sortDateAsc']").remove(); $("#cmbSortType option[value='sortDateDesc']").remove(); //$("#cmbSortType option[value='sortByRelevance']").remove(); $("#cmbSortType option[value='sortByTitle']").remove(); $("#cmbSortType option[value='sortByExactMatch']").remove(); // $("#cmbSortType").append('<option value="sortByRelevance">Relevance</option>'); $("#cmbSortType").append('<option value="sortByTitle">Alphabetize</option>'); $("#cmbSortType").append('<option value="sortDateAsc">Date Ascending</option>'); $("#cmbSortType").append('<option value="sortDateDesc">Date Descending</option>'); $("#cmbSortType").append('<option value="sortByExactMatch">Exact Phrase</option>'); $("#cmbSortType").val(sel); } var searchTxt = ReplaceSpecialCharactersforSearch(realSearchText); $.post('/Search/Search', { searchText: searchTxt, searchField: searchFieldInURL, directorFacet: directorFacet, producerFacet: producerFacet, releaseYearFacet: releaseYearFacet, productionCompanyFacet: productionCompanyFacet, genreFacet: genreFacet, filmTypeFacet: filmTypeFacet, moviesOnly: moviesOnly, peopleOnly: peopleOnly, sortType: sortType, currentPage: currentPage, searchId: searchId, logSearch: false, isCompact: bCompactView }, function (data) { if (searchId == "") searchId = data.SearchId; UpdateSearchHeader(data); ShowAllFacetsUI(); if (data.PeopleSearch != null && data.PeopleSearch.Count > 0) { //console.log("People count: " + data.PeopleSearch.Count); UpdateDirectorFacets(data.PeopleSearch.Facets.IsDirector); UpdateProducerFacets(data.PeopleSearch.Facets.IsProducer); } else { //remove the people categories from UI UpdatePeopleFacetsUI(); } if (data.MovieSearch != null && data.MovieSearch.Count > 0) { //console.log("Movie count: " + data.MovieSearch.Count); UpdateReleaseYearFacets(data.MovieSearch.Facets.ReleaseYear); UpdateProductionCompanyFacets(data.MovieSearch.Facets.ProductionCompany); UpdateGenreFacets(data.MovieSearch.Facets.Genre); UpdateFilmTypeFacets(data.MovieSearch.Facets.FilmType); } else { //remove the movies categories from UI UpdateMoviesFacetsUI(); } UpdateSearchResults(data); $('[data-toggle="tooltip"]').tooltip(); UpdateFilterReset(); if (peopleOnly && moviesOnly) { UpdatePagination(data.SearchResultCount); } else { if (moviesOnly) UpdatePagination(data.MovieSearchResultCount); if (peopleOnly) UpdatePagination(data.PeopleSearchResultCount); } if (_callback != null) _callback(); }); } // Read a page's GET URL variables and return them as an associative array. function getUrlVars() { var vars = [], hash; //var url = decodeURIComponent(window.location.href); //console.log("url: " + url); var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for (var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = hash[1]; } return vars; } function ConvertSpecialChararcters(text) { if (typeof text !== "undefined") { text = text.replace(/%20/g, " "); text = text.replace(/%2C/g, ","); text = text.replace(/%27/g, "'"); text = text.replace(/%E2%80%99/g, "'"); text = text.replace(/%21/g, " ");//! text = text.replace(/%3A/g, ' ');//: //text = text.replace(/%26/g, ' ');//& text = text.replace(/%3F/g, ' ');//? text = text.replace(/%28/g, ' ');//( text = text.replace(/%29/g, ' ');//) text = text.replace(/\+/g, ' '); text = text.replace(/\*/g, ' '); //text = text.replace('-', '+'); } else text = ''; return text; } function ReplaceSpecialCharacters(text) { if (typeof text !== "undefined") { text = text.replace(/%20/g, " "); text = text.replace(/%2C/g, ","); text = text.replace(/%27/g, "'"); text = text.replace(/%E2%80%99/g, "'"); text = text.replace(/%21/g, "!"); text = text.replace(/%3A/g, ':'); text = text.replace(/%26/g, '&'); text = text.replace(/%3F/g, '?'); text = text.replace(/%28/g, '('); text = text.replace(/%29/g, ')'); text = text.replace(/%5B/g, ''); text = text.replace(/%5D/g, ''); text = decodeURIComponent(text); text = text.replace(/\+/g, ' '); //text = text.replace('/', ' '); } else text = ''; return text; } function ReplaceSpecialCharactersforSearch(text) { if (typeof text !== "undefined") { text = text.replace(/%20/g, " "); text = text.replace(/%2C/g, ","); text = text.replace(/%27/g, "'"); text = text.replace(/%E2%80%99/g, "'"); text = text.replace(/%21/g, "!"); text = text.replace(/%3A/g, ':'); text = text.replace(/%26/g, '&amp'); text = text.replace(/%3F/g, '?'); text = text.replace(/%28/g, '('); text = text.replace(/%29/g, ')'); text = text.replace(/%5B/g, ''); text = text.replace(/%5D/g, ''); text = decodeURIComponent(text); text = text.replace(/\+/g, ' '); //text = text.replace('/', ' '); } else text = ''; return text; } function GetTextForDecadeSearch(text) { if (typeof text !== "undefined") { if (text.length > 4 && text.substring(0, 3) === "%2F") { text = text.substring(3, 6) + "0--" + (parseInt(text.substring(3, 6).trim() + "0") + 9); if (text.substring(0, 4) === "1890") text = text.replace("0", "3"); } } else text = ''; return text; } //Header function ShowAllFacetsUI() { $("#director_label").show(); $("#producer_label").show(); $("#releaseYear_label").show(); $("#productionCompany_label").show(); $("#genre_label").show(); $("#filmtype_label").show(); } function UpdateSearchHeader(data) { var totalCount = data.PeopleSearchResultCount + data.MovieSearchResultCount + data.CompanySearchResultCount; var urlText = getUrlVars(); var searchField = urlText['searchField']; if (searchField === "ReleaseYear") serchText = GetTextForDecadeSearch(urlText['searchText']) else serchText = ReplaceSpecialCharacters(urlText['searchText']); var lastChar = serchText.substr(serchText.length - 1); if (lastChar === ',') serchText = serchText.slice(0, -1); var searchHeaderHtml = ''; searchHeaderHtml += '<h1>SEARCH RESULTS FOR <span id="search-resultFor" class="searchtitle"> ' + serchText + ' </span></h1>'; var searchField = urlText['searchField']; $("#searchHeaderContainer").html(searchHeaderHtml); // start build result type narrow results var facetResultsHtml = ''; facetResultsHtml += '<h3><a href="javascript:void(0)" onclick="ClearAllFacets()" id="search-count-all">ALL (' + totalCount + ')</a>'; if (data.PeopleSearchResultCount !== null && data.PeopleSearchResultCount != 0) { facetResultsHtml += '<a href="javascript:void(0)" onclick="PopulatePeopleOnly()" id="search-count-people">PEOPLE (' + data.PeopleSearchResultCount + ')</a>'; } if (data.MovieSearchResultCount !== null && data.MovieSearchResultCount != 0) { facetResultsHtml += ' <a href="javascript:void(0)" onclick="PopulateMoviesOnly()" id="search-count-films">FILMS (' + data.MovieSearchResultCount + ')</a>'; } if (data.CompanySearchResultCount !== null && data.CompanySearchResultCount != 0) { facetResultsHtml += ' <a href="javascript:void(0)" onclick="PopulateCompanyOnly()" id="search-count-films">COMPANIES (' + data.CompanySearchResultCount + ')</a></h3>'; } $("#resulttype_facets").html(facetResultsHtml); // end UpdatePageTitle(serchText); } function UpdatePageTitle(Title) { document.title = 'AFI|Catalog - Search: ' + getSafeUrl(Title.toUpperCase()); //$('meta[name="description"]').attr("content", newDescription); } function PopulatePeopleOnly() { moviesOnly = false; peopleOnly = true; currentPage = 1; Search(null); } function PopulateMoviesOnly() { moviesOnly = true; peopleOnly = false; currentPage = 1; Search(null); } //directorFacet function UpdateDirectorFacets(data) { var facetResultsHTML = ''; for (var i = 0; i < data.length; i++) { if (data[i].Value) facetResultsHTML += '<li><a href="javascript:void(0)" onclick="ChooseDirectorFacet(\'' + data[i].Value.replace(/'/g, "\\'").replace(/"/g, '\\&#34') + '\');">' + data[i].Value.replace("'", "\'") + ' (' + data[i].Count + ')</span></a></li>'; } $("#dirctor_facets").html(facetResultsHTML); } function ChooseDirectorFacet(facet) { directorFacet = facet; Search(null); } //producerFacet function UpdateProducerFacets(data) { var facetResultsHTML = ''; for (var i = 0; i < data.length; i++) { if (data[i].Value) facetResultsHTML += '<li><a href="javascript:void(0)" onclick="ChooseProducerFacet(\'' + data[i].Value.replace(/'/g, "\\'").replace(/"/g, '\\&#34') + '\');">' + data[i].Value.replace("'", "\'") + ' (' + data[i].Count + ')</span></a></li>'; } $("#producer_facets").html(facetResultsHTML); } function ChooseProducerFacet(facet) { producerFacet = facet; Search(null); } //releaseYearFacet function UpdateReleaseYearFacets(data) { //alert("I am in UpdateReleaseYearFacets!"); var facetResultsHTML = ''; for (var i = 0; i < data.length; i++) { facetResultsHTML += '<li><a href="javascript:void(0)" onclick="ChooseReleaseYearFacet(\'' + data[i].Value.replace("'", "\'") + '\');">' + data[i].Value.replace("'", "\'") + ' (' + data[i].Count + ')</span></a></li>'; } $("#releaseYear_facets").html(facetResultsHTML); } function ChooseReleaseYearFacet(facet) { releaseYearFacet = facet; Search(null); } function addslashes(str) { return (str + '').replace(/[\\"']/g, '\\$&').replace(/\u0000/g, '\\0'); } //productionCompanyFacet function UpdateProductionCompanyFacets(data) { var facetResultsHTML = ''; for (var i = 0; i < data.length; i++) { facetResultsHTML += '<li><a href="javascript:void(0)" onclick="ChooseProductionCompanyFacet(\'' + data[i].Value.replace(/'/g, "\\'").replace(/"/g, '\\&#34') + '\');">' + data[i].Value.replace("'", "\'") + ' (' + data[i].Count + ')</span></a></li>'; } $("#productionCompany_facets").html(facetResultsHTML); } function ChooseProductionCompanyFacet(facet) { productionCompanyFacet = facet; Search(null); } //filmTypeFacet function UpdateFilmTypeFacets(data) { var facetResultsHTML = ''; for (var i = 0; i < data.length; i++) { facetResultsHTML += '<li><a href="javascript:void(0)" onclick="ChooseFilmTypeFacet(\'' + data[i].Value.replace(/'/g, "\\'").replace(/"/g, '\\&#34') + '\');">' + data[i].Value.replace("'", "\'") + ' (' + data[i].Count + ')</span></a></li>'; } $("#filmtype_facets").html(facetResultsHTML); } function ChooseFilmTypeFacet(facet) { filmTypeFacet = facet; Search(null); } //genreFacet function UpdateGenreFacets(data) { //alert("I am in UpdateReleaseYearFacets!"); var facetResultsHTML = ''; for (var i = 0; i < data.length; i++) { if (data[i].Value !== 'Sex film') { facetResultsHTML += '<li><a href="javascript:void(0)" onclick="ChooseGenreFacet(\'' + data[i].Value.replace(/'/g, "\\'").replace(/"/g, '\\&#34') + '\');">' + data[i].Value.replace("'", "\'") + ' (' + data[i].Count + ')</span></a></li>'; } } $("#genre_facets").html(facetResultsHTML); } function ChooseGenreFacet(facet) { genreFacet = facet; Search(null); } //UpdateFilters function UpdateFilterReset() { // This allows users to remove filters var htmlString = ''; if ((directorFacet != '') || (producerFacet != '') || (releaseYearFacet != '') || (productionCompanyFacet != '') || (genreFacet != '') || (filmTypeFacet != '')) { //alert("Release Year: " + releaseYearFacet); htmlString += '<b style="font-size:15px;">   Current Filters:</b>  '; if (directorFacet != '') htmlString += '<div class="filterHead">Director: ' + directorFacet + ' [<a href="javascript:void(0)" onclick="RemoveFacet(\'directorFacet\')"> X </a>]' + '</div>'; if (producerFacet != '') htmlString += '<div class="filterHead">Producer: ' + producerFacet + ' [<a href="javascript:void(0)" onclick="RemoveFacet(\'producerFacet\')">X</a>]' + '</div>'; if (releaseYearFacet != '') htmlString += '<div class="filterHead">' + releaseYearFacet + ' [<a href="javascript:void(0)" onclick="RemoveFacet(\'releaseYearFacet\')">X</a>]' + '</div>'; if (productionCompanyFacet != '') htmlString += '<div class="filterHead">' + productionCompanyFacet + ' [<a href="javascript:void(0)" onclick="RemoveFacet(\'productionCompanyFacet\')">X</a>]' + '</div>'; if (genreFacet != '') htmlString += '<div class="filterHead">' + genreFacet + ' [<a href="javascript:void(0)" onclick="RemoveFacet(\'genreFacet\')">X</a>]' + '</div>'; if (filmTypeFacet != '') htmlString += '<div class="filterHead">' + filmTypeFacet + ' [<a href="javascript:void(0)" onclick="RemoveFacet(\'filmTypeFacet\')">X</a>]' + '</div>'; htmlString += '<div class="filterHead">' + 'Clear All' + ' [<a href="javascript:void(0)" onclick="ClearAllFacets()">X</a>]' + '</div>'; } $("#filterReset").html(htmlString); } function RemoveFacet(facet) { // Remove a facet if (facet == "directorFacet") directorFacet = ''; if (facet == "producerFacet") producerFacet = ''; if (facet == "releaseYearFacet") releaseYearFacet = ''; if (facet == "productionCompanyFacet") productionCompanyFacet = ''; if (facet == "genreFacet") genreFacet = ''; if (facet == "filmTypeFacet") filmTypeFacet = ''; Search(null); } function ClearAllFacets() { moviesOnly = false; peopleOnly = false; directorFacet = ''; producerFacet = ''; releaseYearFacet = ''; productionCompanyFacet = ''; genreFacet = ''; filmTypeFacet = ''; ShowAllFacetsUI(); Search(null); } function UpdatePeopleFacetsUI() { $("#director_label").hide(); $("#producer_label").hide(); } function UpdateMoviesFacetsUI() { $("#releaseYear_label").hide(); $("#productionCompany_label").hide(); $("#genre_label").hide(); $("#filmtype_label").hide(); } function setSortSearchText() { sortType = $("#cmbSortType").val(); } //SortBy function setSortType() { setSortSearchText(); Search(null); } //Pagination function UpdatePagination(docCount) { var recordsPerPage = 10; if (bCompactView) recordsPerPage = 100; //console.log("Doc Count: " + docCount); // Update the pagination var totalPages = Math.ceil(docCount / recordsPerPage); //console.log("totalPages: " + totalPages); // Set a max of 5 items and set the current page in middle of pages var startPage = currentPage; //console.log("currentPage: " + startPage); if ((startPage == 1) || (startPage == 2)) startPage = 1; else startPage -= 2; //console.log("startPage: " + startPage); var maxPage = startPage + 5; //console.log("maxPage: " + maxPage); if (totalPages < maxPage) maxPage = totalPages + 1; //console.log("maxPage: " + maxPage); var backPage = parseInt(currentPage) - 1; if (backPage < 1) backPage = 1; //console.log("backPage: " + backPage); var forwardPage = parseInt(currentPage) + 1; if (forwardPage >= maxPage) forwardPage = maxPage - 1; //console.log("forwardPage: " + forwardPage); var htmlString = '<li><a href="javascript:void(0)" onclick="GoToPage(\'' + backPage + '\')" class="fa fa-angle-left"></a></li>'; for (var i = startPage; i < maxPage; i++) { if (i == currentPage) htmlString += '<li class="active"><a href="#">' + i + '</a></li>'; else htmlString += '<li><a href="javascript:void(0)" onclick="GoToPage(\'' + parseInt(i) + '\')">' + i + '</a></li>'; } //console.log("htmlString: " + htmlString); htmlString += '<li><a href="javascript:void(0)" onclick="GoToPage(\'' + forwardPage + '\')" class="fa fa-angle-right"></a></li>'; $("#pagination").html(htmlString); $("#paginationFooter").html(htmlString); } function scrollToAnchor(aid) { var aTag = $("#" + aid); $('html,body').animate({ scrollTop: aTag.offset().top }, 'slow'); } function GoToPage(page) { currentPage = page; Search(function () { scrollToAnchor("searchBreadcrum"); }); } function GetMouseHoverHTML() { var mouseHoverHTML = ''; mouseHoverHTML += '<div class="userDetail">'; // mouseHoverHTML += '<div class="col-md-4"><img src="/Content/Images/no-image.png" /></div>'; mouseHoverHTML += '<div>';// class="col-md-8" mouseHoverHTML += '<div class="titleBlock">'; mouseHoverHTML += '<h1 class="headingText">Diane Keaton</h1>'; mouseHoverHTML += '<span class="detailHeading"> Director <span>|</span> Producer <span>|</span> Cast <span>'; mouseHoverHTML += '</div>'; //mouseHoverHTML += '</b>'; // mouseHoverHTML += '<section class="titleDetail">Francis Ford Coppola was born in 1939 in Detroit, Michigan, but grew up in a New York suburb in a creative, supportive Italian-American family...</section>'; mouseHoverHTML += '<section class="titleDetail"></section>'; mouseHoverHTML += '<h1 class="headingText">FILMOGRAPHY</h1>'; mouseHoverHTML += '<ul class="filmList">'; mouseHoverHTML += '<li> HANGING UP (Director)</li>'; mouseHoverHTML += '<li> THE LEMON SISTERS (Producer)</li>'; mouseHoverHTML += '<li> ANNIE HALL (Cast)</li>'; //mouseHoverHTML += '<li> VISUAL ACOUSTICS: THE MODERNISM OF JULIUS SHULMAN(Cast)</li>' mouseHoverHTML += '</ul>'; mouseHoverHTML += '</div>'; mouseHoverHTML += '</div>'; return mouseHoverHTML; } function PopulatePerson(id, divId) { $.post('/Search/PeopleDetail', { id: id }, function (data) { //console.log("Hi: " + data); $('#' + divId).html(GetMouseHoverHTMLData(data)); }); } $(".top-menu").css("display", "none"); function SetCompactView(isCompact) { currentPage = 1; bCompactView = isCompact; setSortType(); }; function GetMouseHoverHTMLData(data) { if (data.PeopleDetail != null) { var personName = data.PeopleDetail.Name; //console.log(personName); var filmography1 = data.PeopleDetail.Filmography1; var filmography1Year = data.PeopleDetail.Filmography1Year; var filmography2 = data.PeopleDetail.Filmography2; var filmography2Year = data.PeopleDetail.Filmography2Year; var filmography3 = data.PeopleDetail.Filmography3; var filmography3Year = data.PeopleDetail.Filmography3Year; var cast = ''; var director = ''; var producer = ''; if (data.PeopleDetail.CastCount > 0) { var castCount = data.PeopleDetail.CastCount; cast = 'Cast'; } if (data.PeopleDetail.DirectorCount > 0) { var directorCount = data.PeopleDetail.DirectorCount; director = 'Director'; } if (data.PeopleDetail.ProducerCount > 0) { var producerCount = data.PeopleDetail.ProducerCount; producer = 'Producer'; } var mouseHoverHTML = ''; mouseHoverHTML += '<div class="userDetail">'; mouseHoverHTML += '<div>'; mouseHoverHTML += '<div class="titleBlock">'; mouseHoverHTML += '<h1 class="headingText">' + personName + '</h1>'; mouseHoverHTML += '<span class="detailHeading"> ' + director + ' <span> </span> ' + producer + ' <span> </span> ' + cast + ' <span>'; mouseHoverHTML += '</div>'; mouseHoverHTML += '</b>'; mouseHoverHTML += '<section class="titleDetail"></section>'; mouseHoverHTML += '<h1 class="headingText">FILMOGRAPHY</h1>'; mouseHoverHTML += '<ul class="filmList">'; if (filmography1 !== null && filmography1 !== '') mouseHoverHTML += '<li> ' + filmography1 + ' (' + filmography1Year + ')</li>'; if (filmography2 !== null && filmography2 !== '') mouseHoverHTML += '<li> ' + filmography2 + ' (' + filmography2Year + ')</li>'; if (filmography3 !== null && filmography3 !== '') mouseHoverHTML += '<li> ' + filmography3 + ' (' + filmography3Year + ')</li>'; mouseHoverHTML += '</ul>'; mouseHoverHTML += '</div>'; mouseHoverHTML += '</div>'; //console.log(mouseHoverHTML); return mouseHoverHTML; //<a href="/Catalog/moviedetails/' + filmography1Id + '">' + filmography1 + filmography1Year + '</a> } } function CapitalizeFirstLetter(string) { return string.charAt(0).toUpperCase() + string.slice(1); } function findMatchedTerm(searchTerm, termArray) { searchTerm = searchTerm.replace("*", ""); searchTerm = searchTerm.replace("%", ""); var arrayLength = termArray.length; for (var i = 0; i < arrayLength; i++) { if (termArray[i].split('|')[0].toLowerCase().trim().indexOf(searchTerm.toLowerCase().trim()) !== -1) return termArray[i].trim(); } return ""; } function clearTermForUrl(sInput) { return getSafeUrl(sInput); } //SearchResult function UpdateSearchResults(data) { var searchResultHTML = ''; var DeletedMovieIds = $("#hfDeletedMovieIds").val(); //update Movies results if (data.MovieSearch != null && data.MovieSearch.Count > 0) { for (var i = 0; i < data.MovieSearch.Results.length; i++) { var matchedOn = ''; var movieName = ''; var alternateMovieName = ''; //var director = ''; var directors = []; //var produer = ''; var produers = []; var cast1 = ''; var cast2 = ''; var cast3 = ''; var releaseYear = ''; var releaseDate = ''; var filmType = ''; var genre = ''; var genre1 = ''; var genre2 = ''; var genre3 = ''; var genreArray = []; var productionCompany = ''; var productionCompany1 = ''; var productionCompany2 = ''; var productionCompany3 = ''; var productionCompanyArray = []; var subjects = ''; var subject1 = ''; var subject2 = ''; var subject3 = ''; var subjectArray = []; var tmpMovieID = data.MovieSearch.Results[i].Document.MovieId; // Check if movie in list of films to not show in PUBLIC search results if (tmpMovieID == 71085) { continue; } isDeleted = (DeletedMovieIds.indexOf(tmpMovieID, 0) > -1); if (isDeleted === false) { var matchedOnInterim = ''; for (var xi in data.MovieSearch.Results[i].Highlights) { matchedOnInterim = matchedOnInterim + getCleanHighLightFieldName(xi) + ": " + getTrimmedMatchResult(data.MovieSearch.Results[i].Highlights[xi][0]) + '<br/>'; matchedOn = matchedOnInterim; }; if (data.MovieSearch.Results[i].Document.MovieName != null) movieName = data.MovieSearch.Results[i].Document.MovieName; if (data.MovieSearch.Results[i].Document.AlternateMovieName != null) alternateMovieName = data.MovieSearch.Results[i].Document.AlternateMovieName; if (data.MovieSearch.Results[i].Document.Director != null) { //director = data.MovieSearch.Results[i].Document.Director; if (data.MovieSearch.Results[i].Document.Director.indexOf('||') > -1) { //console.log("Movie_Id :-" + data.MovieSearch.Results[i].Document.MovieId); //console.log(data.MovieSearch.Results[i].Document.Director.split("||")); var splitdirectors = data.MovieSearch.Results[i].Document.Director.split("||"); $.each(splitdirectors, function (index, dir) { directors.push({ directorId: dir.split("|")[1], director: dir.split("|")[0] }); }) } else { // console.log("Movie_Id :-" + data.MovieSearch.Results[i].Document.MovieId); if (data.MovieSearch.Results[i].Document.Director) { var dir = data.MovieSearch.Results[i].Document.Director; directors.push({ directorId: dir.split("|")[1], director: dir.split("|")[0] }); } } } if (data.MovieSearch.Results[i].Document.Producer != null) { //produer = data.MovieSearch.Results[i].Document.Producer; if (data.MovieSearch.Results[i].Document.Producer.indexOf('||') > -1) { //console.log("Movie_Id :-" + data.MovieSearch.Results[i].Document.MovieId); //console.log(data.MovieSearch.Results[i].Document.Director.split("||")); var splitproducers = data.MovieSearch.Results[i].Document.Producer.split("||"); $.each(splitproducers, function (index, pro) { produers.push({ producerId: pro.split("|")[1], produer: pro.split("|")[0] }); }) } else { // console.log("Movie_Id :-" + data.MovieSearch.Results[i].Document.MovieId); if (data.MovieSearch.Results[i].Document.Producer) { var pro = data.MovieSearch.Results[i].Document.Producer; produers.push({ producerId: pro.split("|")[1], produer: pro.split("|")[0] }); } } } if (data.MovieSearch.Results[i].Document.Cast1 != null) { cast1 = data.MovieSearch.Results[i].Document.Cast1; cast1 = cast1.trim() + ','; } if (data.MovieSearch.Results[i].Document.Cast2 != null) { cast2 = data.MovieSearch.Results[i].Document.Cast2; cast2 = cast2.trim() + ','; } else cast1 = cast1.substring(0, cast1.length - 1) if (data.MovieSearch.Results[i].Document.Cast3 != null) { cast3 = data.MovieSearch.Results[i].Document.Cast3; } else cast2 = cast2.substring(0, cast2.length - 1) if (data.MovieSearch.Results[i].Document.ReleaseYear != null) releaseYear = data.MovieSearch.Results[i].Document.ReleaseYear; if (data.MovieSearch.Results[i].Document.ReleaseDate != null) releaseDate = data.MovieSearch.Results[i].Document.ReleaseDate; if (data.MovieSearch.Results[i].Document.FilmType != null) filmType = data.MovieSearch.Results[i].Document.FilmType; if (data.MovieSearch.Results[i].Document.Genre != null) genre = data.MovieSearch.Results[i].Document.Genre; if (genre === 'Sex film') break; if (data.MovieSearch.Results[i].Document.ProductionCompany != null) productionCompany = data.MovieSearch.Results[i].Document.ProductionCompany; if (data.MovieSearch.Results[i].Document.Subjects != null) { subjectArray = data.MovieSearch.Results[i].Document.Subjects.split('|'); //console.log("subjectArray: " + subjectArray.length) if (subjectArray != null) { var urlText = getUrlVars(); var searchSubject = CapitalizeFirstLetter(ReplaceSpecialCharacters(urlText['searchText'])); if (searchSubject !== undefined) { var lastCharacter = searchSubject.substr(searchSubject.length - 1); if (lastCharacter === ",") searchSubject = searchSubject.substring(0, searchSubject.length - 1); var searchCategory = urlText['searchField']; var matchedSubject = findMatchedTerm(searchSubject, subjectArray); if (subjectArray.length > 2) { if (typeof searchSubject !== "undefined" && searchCategory === "Subjects" && (subjectArray[0].toUpperCase().indexOf(matchedSubject.toUpperCase()) === -1) && (subjectArray[1].toUpperCase().indexOf(matchedSubject.toUpperCase()) === -1) && (subjectArray[2].toUpperCase().indexOf(matchedSubject.toUpperCase()) === -1)) { subjects = matchedSubject + ', ' + subjectArray[1].trim() + ', ' + subjectArray[2].trim(); subject1 = matchedSubject + ', '; subject2 = subjectArray[1].trim() + ', '; subject3 = subjectArray[2].trim(); } else { subjects = subjectArray[0].trim() + ', ' + subjectArray[1].trim() + ', ' + subjectArray[2].trim(); subject1 = subjectArray[0].trim() + ', '; subject2 = subjectArray[1].trim() + ', '; subject3 = subjectArray[2].trim(); } } else if (subjectArray.length > 1) { if (typeof searchSubject !== "undefined" && searchCategory === "Subjects" && (subjectArray[0].toUpperCase().indexOf(matchedSubject.toUpperCase()) === -1) && (subjectArray[1].toUpperCase().indexOf(matchedSubject.toUpperCase()) === -1)) { subjects = matchedSubject + ', ' + subjectArray[1].trim(); subject1 = matchedSubject + ', '; subject2 = subjectArray[1].trim(); } else { subjects = subjectArray[0].trim() + ', ' + subjectArray[1].trim(); subject1 = subjectArray[0].trim() + ', '; subject2 = subjectArray[1].trim(); } } else if (subjectArray.length > 0) { subjects = subjectArray[0].trim(); subject1 = subjectArray[0].trim(); } } } } } // genre if (data.MovieSearch.Results[i].Document.Genre != null) { genreArray = data.MovieSearch.Results[i].Document.Genre; if (genreArray != null) { var urlText = getUrlVars(); var searchGenre = CapitalizeFirstLetter(ReplaceSpecialCharacters(urlText['searchText'])); if (searchGenre !== undefined) { var lastCharacter = searchGenre.substr(searchGenre.length - 1); if (lastCharacter === ",") searchGenre = searchGenre.substring(0, searchGenre.length - 1); var searchCategory = urlText['searchField']; var matchedGenre = findMatchedTerm(searchGenre, genreArray); if (genreArray.length > 2) { if (typeof searchGenre !== "undefined" && searchCategory === "Genre" && (genreArray[0].toUpperCase().indexOf(matchedGenre.toUpperCase()) === -1) && (genreArray[1].toUpperCase().indexOf(matchedGenre.toUpperCase()) === -1) && (genreArray[2].toUpperCase().indexOf(matchedGenre.toUpperCase()) === -1)) { genre = matchedGenre + ', ' + genreArray[1].trim() + ', ' + genreArray[2].trim(); genre1 = matchedGenre + ', '; genre2 = genreArray[1].trim() + ', '; genre3 = genreArray[2].trim(); } else { genre = genreArray[0].trim() + ', ' + genreArray[1].trim() + ', ' + genreArray[2].trim(); genre1 = genreArray[0].trim() + ', '; genre2 = genreArray[1].trim() + ', '; genre3 = genreArray[2].trim(); } } else if (genreArray.length > 1) { if (typeof searchGenre !== "undefined" && searchCategory === "Genre" && (genreArray[0].toUpperCase().indexOf(matchedGenre.toUpperCase()) === -1) && (genreArray[1].toUpperCase().indexOf(matchedGenre.toUpperCase()) === -1)) { genre = matchedGenre + ', ' + genreArray[1].trim(); genre1 = matchedGenre + ', '; genre2 = genreArray[1].trim(); } else { genre = genreArray[0].trim() + ', ' + genreArray[1].trim(); genre1 = genreArray[0].trim() + ', '; genre2 = genreArray[1].trim(); } } else if (genreArray.length > 0) { genre = genreArray[0].trim(); genre1 = genreArray[0].trim(); } } } } // production company if (data.MovieSearch.Results[i].Document.ProductionCompany != null) { productionCompanyArray = data.MovieSearch.Results[i].Document.ProductionCompany; if (productionCompanyArray != null) { var urlText = getUrlVars(); var searchProductionCompany = CapitalizeFirstLetter(ReplaceSpecialCharacters(urlText['searchText'])); if (searchProductionCompany !== undefined) { var lastCharacter = searchProductionCompany.substr(searchProductionCompany.length - 1); if (lastCharacter === ",") searchProductionCompany = searchProductionCompany.substring(0, searchProductionCompany.length - 1); var searchCategory = urlText['searchField']; var matchedProductionCompany = findMatchedTerm(searchProductionCompany, productionCompanyArray); if (productionCompanyArray.length > 2) { if (typeof searchProductionCompany !== "undefined" && searchCategory === "ProductionCompany" && (productionCompanyArray[0].toUpperCase().indexOf(matchedProductionCompany.toUpperCase()) === -1) && (productionCompanyArray[1].toUpperCase().indexOf(matchedProductionCompany.toUpperCase()) === -1) && (productionCompanyArray[2].toUpperCase().indexOf(matchedProductionCompany.toUpperCase()) === -1)) { productionCompany = matchedProductionCompany + ', ' + productionCompanyArray[1].trim() + ', ' + productionCompanyArray[2].trim(); productionCompany1 = matchedProductionCompany + ', '; productionCompany2 = productionCompanyArray[1].trim() + ', '; productionCompany3 = productionCompanyArray[2].trim(); } else { productionCompany = productionCompanyArray[0].trim() + ', ' + productionCompanyArray[1].trim() + ', ' + productionCompanyArray[2].trim(); productionCompany1 = productionCompanyArray[0].trim() + ', '; productionCompany2 = productionCompanyArray[1].trim() + ', '; productionCompany3 = productionCompanyArray[2].trim(); } } else if (productionCompanyArray.length > 1) { if (typeof searchProductionCompany !== "undefined" && searchCategory === "ProductionCompany" && (productionCompanyArray[0].toUpperCase().indexOf(matchedProductionCompany.toUpperCase()) === -1) && (productionCompanyArray[1].toUpperCase().indexOf(matchedProductionCompany.toUpperCase()) === -1)) { productionCompany = matchedProductionCompany + ', ' + productionCompanyArray[1].trim(); productionCompany1 = matchedProductionCompany + ', '; productionCompany2 = productionCompanyArray[1].trim(); } else { productionCompany = productionCompanyArray[0].trim() + ', ' + productionCompanyArray[1].trim(); productionCompany1 = productionCompanyArray[0].trim() + ', '; productionCompany2 = productionCompanyArray[1].trim(); } } else if (productionCompanyArray.length > 0) { productionCompany = productionCompanyArray[0].trim(); productionCompany1 = productionCompanyArray[0].trim(); } } } } //Ids to handle click events var movieId = data.MovieSearch.Results[i].Document.MovieId; //var directorId = data.MovieSearch.Results[i].Document.DirectorId; //var producerId = data.MovieSearch.Results[i].Document.ProducerId; var cast1Id = data.MovieSearch.Results[i].Document.Cast1Id; var cast2Id = data.MovieSearch.Results[i].Document.Cast2Id; var cast3Id = data.MovieSearch.Results[i].Document.Cast3Id; //var directordivId = 'director' + directorId + i; //var producerdivId = 'producer' + producerId + i; var cast1divId = 'cast1' + cast1Id + i; var cast2divId = 'cast2' + cast2Id + i; var cast3divId = 'cast3' + cast3Id + i; var score = data.MovieSearch.Results[i].Score; var alternateMovieId = data.MovieSearch.Results[i].Document.alternateMovieId; var alternateMoviedivId = 'alternateMovieId' + alternateMovieId + i; if (releaseYear > 1993) { searchResultHTML += '<div class="post93movieheader">'; searchResultHTML += ' <label class="post93movieheadertext">THIS TITLE IS OUTSIDE THE <i>AFI CATALOG OF FEATURE FILMS: THE FIRST 100 YEARS (1893-1993)</i></label>'; searchResultHTML += '</div>'; searchResultHTML += '<div id="post93content" class="searchResult post93content">'; } else { searchResultHTML += '<div class="searchResult">'; } searchResultHTML += '<div class="col-md-12">'; searchResultHTML += '<h1 class="searchHeading uppercase sortHeading"><a class="clickableItem" href="/Film/' + movieId + '-' + clearTermForUrl(ConvertSpecialChararcters(movieName).toUpperCase()) + '?sid=' + searchId + '&sr=' + score + '&cp=' + currentPage.toString() + '&pos=' + i.toString() + '">' + movieName + '</a></h1>'; if (filmType != '') { searchResultHTML += '<div class="resultContainer">'; searchResultHTML += '<h4 class="resultHed"> Film Type: </h4>'; searchResultHTML += '<div class="rtResult">'; searchResultHTML += '<span class="resultItem">' + filmType + '</span>'; searchResultHTML += '</div>'; searchResultHTML += '</div>'; } if (alternateMovieName !== '') { //" class="detaiHover" searchResultHTML += '<div class="resultContainer">'; searchResultHTML += '<h4 class="resultHed"> Alternate Title: </h4>'; searchResultHTML += '<div class="rtResult">'; searchResultHTML += '<span class="resultItem"> <a href="/Film/' + movieId + '-' + clearTermForUrl(ConvertSpecialChararcters(movieName).toUpperCase()) + '?sid=' + searchId + '&sr=' + score + '&cp=' + currentPage.toString() + '&pos=' + i.toString() + '">' + alternateMovieName.replace(/(\||,)/g, ', ') + '</a>'; searchResultHTML += '<div id="' + alternateMoviedivId + '" class="detailresultBlock"></div></span>'; searchResultHTML += '</div>'; searchResultHTML += '</div>'; } if (directors.length > 0) { //" class="detaiHover" searchResultHTML += '<div class="resultContainer">'; searchResultHTML += '<h4 class="resultHed"> Director: </h4>'; searchResultHTML += '<div class="rtResult">'; $.each(directors, function (index, dir) { var directordivId = 'director' + dir.directorId + i; searchResultHTML += '<span class="resultItem LAAicons_tooltip"> <a onmouseover="PopulatePerson(\'' + dir.directorId + '\',\'' + directordivId + '\');" href="/Person/' + dir.directorId + '-' + getSafeUrl(dir.director) + '?sid=' + searchId + '&sr=' + score + '&cp=' + currentPage.toString() + '&pos=' + i.toString() + '&cxt=Director" >' + dir.director + '</a>'; searchResultHTML += '<div id="' + directordivId + '" class="detailresultBlock"></div>'; if (getLAAIcons(data.LAAIcons, dir.directorId)) { searchResultHTML += '<div class="awardLLA red-tooltip" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Life Achievement Award: This filmmaker received an AFI Life Achievement Award."></div>'; } if (directors.length > 1) { if (directors.length !== index + 1) { searchResultHTML += '<span class="commaspan">,</span>'; } } searchResultHTML += '</span>'; }); searchResultHTML += '</div>'; searchResultHTML += '</div>'; } if (produers.length > 0) { searchResultHTML += '<div class="resultContainer">'; searchResultHTML += '<h4 class="resultHed"> Producer: </h4>'; searchResultHTML += '<div class="rtResult">'; $.each(produers, function (index, pro) { var producerdivId = 'producer' + pro.producerId + i; searchResultHTML += '<span class="resultItem LAAicons_tooltip"> <a onmouseover="PopulatePerson(\'' + pro.producerId + '\',\'' + producerdivId + '\');" href="/Person/' + pro.producerId + '-' + getSafeUrl(pro.produer) + '?sid=' + searchId + '&sr=' + score + '&cp=' + currentPage.toString() + '&pos=' + i.toString() + '&cxt=Producer" >' + pro.produer + '</a>'; searchResultHTML += '<div id="' + producerdivId + '" class="detailresultBlock"></div>'; if (getLAAIcons(data.LAAIcons, pro.producerId)) { searchResultHTML += '<div class="awardLLA red-tooltip" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Life Achievement Award: This filmmaker received an AFI Life Achievement Award."></div>'; } if (produers.length > 1) { if (produers.length !== index + 1) { searchResultHTML += '<span class="commaspan">,</span>'; } } searchResultHTML += '</span>'; }); searchResultHTML += '</div>'; searchResultHTML += '</div>'; } if (cast1 !== '' || cast2 !== '' || cast3 !== '') { searchResultHTML += '<div class="resultContainer">'; searchResultHTML += '<h4 class="resultHed"> Cast: </h4>'; searchResultHTML += '<div class="rtResult">'; searchResultHTML += '<span class="resultItem LAAicons_tooltip"> <a onmouseover="PopulatePerson(\'' + cast1Id + '\',\'' + cast1divId + '\');" href="/Person/' + cast1Id + '-' + getSafeUrl(cast1) + '?sid=' + searchId + '&sr=' + score + '&cp=' + currentPage.toString() + '&pos=' + i.toString() + '&cxt=Cast1" >' + cast1.replace(',', '') + '</a>'; searchResultHTML += '<div id="' + cast1divId + '" class="detailresultBlock"></div>'; if (getLAAIcons(data.LAAIcons, cast1Id)) { searchResultHTML += '<div class="awardLLA red-tooltip" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Life Achievement Award: This filmmaker received an AFI Life Achievement Award."></div>'; } if (cast2 !== '') { searchResultHTML += '<span class="commaspan">,</span>'; } searchResultHTML += '</span>'; searchResultHTML += '<span class="resultItem LAAicons_tooltip"> <a onmouseover="PopulatePerson(\'' + cast2Id + '\',\'' + cast2divId + '\');" href="/Person/' + cast2Id + '-' + getSafeUrl(cast2) + '?sid=' + searchId + '&sr=' + score + '&cp=' + currentPage.toString() + '&pos=' + i.toString() + '&cxt=Cast2" >' + cast2.replace(',', '') + '</a>'; searchResultHTML += '<div id="' + cast2divId + '" class="detailresultBlock"></div>'; if (getLAAIcons(data.LAAIcons, cast2Id)) { searchResultHTML += '<div class="awardLLA red-tooltip" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Life Achievement Award: This filmmaker received an AFI Life Achievement Award."></div>'; } if (cast3 !== '') { searchResultHTML += '<span class="commaspan">,</span>'; } searchResultHTML += '</span>'; searchResultHTML += '<span class="resultItem LAAicons_tooltip"> <a onmouseover="PopulatePerson(\'' + cast3Id + '\',\'' + cast3divId + '\');" href="/Person/' + cast3Id + '-' + getSafeUrl(cast3) + '?sid=' + searchId + '&sr=' + score + '&cp=' + currentPage.toString() + '&pos=' + i.toString() + '&cxt=Cast3" >' + cast3 + '</a>'; searchResultHTML += '<div id="' + cast3divId + '" class="detailresultBlock"></div>'; if (getLAAIcons(data.LAAIcons, cast3Id)) { searchResultHTML += '<div class="awardLLA red-tooltip" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Life Achievement Award: This filmmaker received an AFI Life Achievement Award."></div>'; } searchResultHTML += '</span>'; searchResultHTML += '</div>'; searchResultHTML += '</div>'; } if (releaseDate !== '') { searchResultHTML += '<div class="resultContainer" id="compreleaseYear">'; searchResultHTML += '<h4 class="resultHed"> Release date: </h4>'; searchResultHTML += '<div class="rtResult">'; searchResultHTML += '<span class="resultItem"> <a href="/Search?searchField=ReleaseDate&searchText=' + releaseDate + '&sortType=sortByRelevance">' + releaseDate + '</a></span>'; searchResultHTML += '</div>'; searchResultHTML += '</div>'; } if (genre.length != 0) { searchResultHTML += '<div class="resultContainer">'; searchResultHTML += '<h4 class="resultHed"> Genre: </h4>'; searchResultHTML += '<div class="rtResult">'; searchResultHTML += '<span class="resultItem"> <a href="/Search?searchField=Genre&searchText=' + genre1.replace(/, +$/, '') + '">' + genre1 + '</a></span>'; if (genre2 !== '') searchResultHTML += '<span class="resultItem"> <a href="/Search?searchField=Genre&searchText=' + genre2.replace(/, +$/, '') + '">' + genre2 + '</a></span>'; if (genre3 !== '') searchResultHTML += '<span class="resultItem"> <a href="/Search?searchField=Genre&searchText=' + genre3.replace(/, +$/, '') + '">' + genre3 + '</a></span>'; searchResultHTML += '</div>'; searchResultHTML += '</div>'; } if (productionCompany.length != 0) { searchResultHTML += '<div class="resultContainer">'; searchResultHTML += '<h4 class="resultHed"> Production Company: </h4>'; searchResultHTML += '<div class="rtResult">'; searchResultHTML += '<span class="resultItem"> <a href="/Search?searchField=ProductionCompany&searchText=' + productionCompany1.replace(/, +$/, '').replace('&', '%26amp') + '&sortType=sortByRelevance">' + productionCompany1 + '</a></span>'; if (productionCompany2 !== '') searchResultHTML += '<span class="resultItem"> <a href="/Search?searchField=ProductionCompany&searchText=' + productionCompany2.replace(/, +$/, '').replace('&', '%26amp') + '&sortType=sortByRelevance">' + productionCompany2 + '</a></span>'; if (productionCompany3 !== '') searchResultHTML += '<span class="resultItem"> <a href="/Search?searchField=ProductionCompany&searchText=' + productionCompany3.replace(/, +$/, '').replace('&', '%26amp') + '&sortType=sortByRelevance">' + productionCompany3 + '</a></span>'; searchResultHTML += '</div>'; searchResultHTML += '</div>'; } if (subjects !== '') { searchResultHTML += '<div class="resultContainer">'; searchResultHTML += '<h4 class="resultHed"> Subjects: </h4>'; searchResultHTML += '<div class="rtResult">'; searchResultHTML += '<span class="resultItem"> <a href="/Search?searchField=Subjects&searchText=' + subject1.replace(/, +$/, '') + '&sortType=sortByRelevance">' + subject1 + '</a></span>'; if (subject2 !== '') searchResultHTML += '<span class="resultItem"> <a href="/Search?searchField=Subjects&searchText=' + subject2.replace(/, +$/, '') + '&sortType=sortByRelevance">' + subject2 + '</a></span>'; if (subject3 !== '') searchResultHTML += '<span class="resultItem"> <a href="/Search?searchField=Subjects&searchText=' + subject3.replace(/, +$/, '') + '&sortType=sortByRelevance">' + subject3 + '</a></span>'; searchResultHTML += '</div>'; searchResultHTML += '</div>'; } if (matchedOn !== '') { searchResultHTML += '<div class="resultContainer">'; searchResultHTML += '<h4 class="resultHed"> Data Matched: </h4>'; searchResultHTML += '<div class="rtResult">'; if (searchFieldInURL.toLowerCase() === 'cast' || searchFieldInURL.toLowerCase() === 'producer' || searchFieldInURL.toLowerCase() === 'director') { if (matchedOn.indexOf('||') > -1) { searchResultHTML += '<span class="resultItem"> ' + matchedOn.replace(/[0-9]+/g, '').replace(/(\||,)+/g, ', ').replace(/,\s*$/, ""); + '</span>'; } else { searchResultHTML += '<span class="resultItem"> ' + matchedOn.replace(/[0-9]+/g, '').replace(/(\||,)+/g, ''); + '</span>'; } } else { searchResultHTML += '<span class="resultItem"> ' + matchedOn + '</span>'; } searchResultHTML += '</div>'; searchResultHTML += '</div>'; } searchResultHTML += '</div>'; searchResultHTML += '<div class="clearfix"> </div>'; searchResultHTML += '</div>'; } } //Update Pople results if (data.PeopleSearch != null && data.PeopleSearch.Count > 0) { for (var j = 0; j < data.PeopleSearch.Results.length; j++) { var matchedOn = ''; var actorName = ''; var characterName = ''; var altName = ''; var actorId = ''; var filmography1 = ''; var filmography1Year = ''; var filmography2 = ''; var filmography2Year = ''; var filmography3 = ''; var filmography3Year = ''; var filmography1Id = ''; var filmography2Id = ''; var filmography3Id = ''; var rolesLabel = ''; var filmographyLabel = ''; var castCount = ''; var directorCount = ''; var producerCount = ''; var writerCount = ''; var editorCount = ''; var cinematographerCount = ''; var productionDesignerCount = ''; var productionMiscCount = ''; var standInsCount = ''; var setDecoratorsCount = ''; var specialEffectsCount = ''; var score = data.PeopleSearch.Results[j].Score; var isMiscCredit = 'false'; var matchedOnInterim = ''; for (var xi in data.PeopleSearch.Results[j].Highlights) { var cu = getCleanHighLightFieldName(xi); console.log(xi); console.log(cu); console.log(data.PeopleSearch.Results[j].Highlights[xi][0]); console.log(getTrimmedMatchResult(data.PeopleSearch.Results[j].Highlights[xi][0])); matchedOnInterim = matchedOnInterim + cu + ": " + getTrimmedMatchResult(data.PeopleSearch.Results[j].Highlights[xi][0]) + '<br/>'; //var resultMatchedOnIterim = matchedOnInterim.replace(/([A-Z])/g, " $1"); //var matchedOn = resultMatchedOnIterim.charAt(0).toUpperCase() + resultMatchedOnIterim.slice(1); matchedOn = matchedOnInterim; }; //debugger; if (data.PeopleSearch.Results[j].Document.Name != null) actorName = (data.PeopleSearch.Results[j].Document.NamePrefix == undefined ? '' : data.PeopleSearch.Results[j].Document.NamePrefix) + (data.PeopleSearch.Results[j].Document.NamePrefix == undefined ? '' : ' ') + data.PeopleSearch.Results[j].Document.Name; if (data.PeopleSearch.Results[j].Document.isMiscCredit == true) isMiscCredit = 'true'; if (data.PeopleSearch.Results[j].Document.AlternateName != null) { if (data.PeopleSearch.Results[j].Document.AlternateName.length > 0) { altName = ' (a.k.a. ' + data.PeopleSearch.Results[j].Document.AlternateName.join(', ').trim() + ')'; } } if (data.PeopleSearch.Results[j].Document.CharacterNames != null) { if (data.PeopleSearch.Results[j].Document.CharacterNames.length > 0) { var urlText = getUrlVars(); var searchNameText = ReplaceSpecialCharacters(urlText['searchText']); var charNames = data.PeopleSearch.Results[j].Document.CharacterNames; jQuery.each(charNames, function (i, val) { var scn = searchNameText.split(' '); jQuery.each(scn, function (q, qval) { if (qval.toLowerCase() == 'in' || qval.toLowerCase() == 'on' || qval.toLowerCase() == 'the' || qval.toLowerCase() == 'of' || qval.toLowerCase() == 'an' || qval.toLowerCase() == 'for' || qval.toLowerCase() == 'by' || qval.toLowerCase() == 'as') { //debugger; } else { //debugger; if (val.toLowerCase().indexOf(qval.toLowerCase()) > -1) { characterName = '(character: ' + val + ')'; } } }); return (characterName == ""); }); } } var actorId = data.PeopleSearch.Results[j].Document.PeopleId; if (data.PeopleSearch.Results[j].Document.Filmography1 != null) filmography1 = data.PeopleSearch.Results[j].Document.Filmography1; if (data.PeopleSearch.Results[j].Document.Filmography1Year != null) filmography1Year = ' (' + data.PeopleSearch.Results[j].Document.Filmography1Year + ')'; if (data.PeopleSearch.Results[j].Document.Filmography2 != null) filmography2 = data.PeopleSearch.Results[j].Document.Filmography2; if (data.PeopleSearch.Results[j].Document.Filmography2Year != null) filmography2Year = ' (' + data.PeopleSearch.Results[j].Document.Filmography2Year + ')'; if (data.PeopleSearch.Results[j].Document.Filmography3 != null) filmography3 = data.PeopleSearch.Results[j].Document.Filmography3; if (data.PeopleSearch.Results[j].Document.Filmography3Year != null) filmography3Year = ' (' + data.PeopleSearch.Results[j].Document.Filmography3Year + ')'; filmography1Id = data.PeopleSearch.Results[j].Document.Filmography1Id; filmography2Id = data.PeopleSearch.Results[j].Document.Filmography2Id; filmography3Id = data.PeopleSearch.Results[j].Document.Filmography3Id; if (data.PeopleSearch.Results[j].Document.CastCount > 0) { castCount = data.PeopleSearch.Results[j].Document.CastCount; } if (data.PeopleSearch.Results[j].Document.DirectorCount > 0) { directorCount = data.PeopleSearch.Results[j].Document.DirectorCount; } if (data.PeopleSearch.Results[j].Document.ProducerCount > 0) { producerCount = data.PeopleSearch.Results[j].Document.ProducerCount; } if (data.PeopleSearch.Results[j].Document.WriterCount > 0) { writerCount = data.PeopleSearch.Results[j].Document.WriterCount; } if (data.PeopleSearch.Results[j].Document.EditorCount > 0) { editorCount = data.PeopleSearch.Results[j].Document.EditorCount; } if (data.PeopleSearch.Results[j].Document.CinematographerCount > 0) { cinematographerCount = data.PeopleSearch.Results[j].Document.CinematographerCount; } if (data.PeopleSearch.Results[j].Document.ProductionDesignerCount > 0) { productionDesignerCount = data.PeopleSearch.Results[j].Document.ProductionDesignerCount; } if (data.PeopleSearch.Results[j].Document.ProductionMiscCount > 0) { productionMiscCount = data.PeopleSearch.Results[j].Document.ProductionMiscCount; } if (data.PeopleSearch.Results[j].Document.StandInsCount > 0) { standInsCount = data.PeopleSearch.Results[j].Document.StandInsCount; } if (data.PeopleSearch.Results[j].Document.SetDecoratorsCount > 0) { setDecoratorsCount = data.PeopleSearch.Results[j].Document.SetDecoratorsCount; } if (data.PeopleSearch.Results[j].Document.SpecialEffectsCount > 0) { specialEffectsCount = data.PeopleSearch.Results[j].Document.SpecialEffectsCount; } if ((actorName != '' || castCount > 0 || directorCount > 0 || producerCount > 0 || writerCount > 0 || editorCount > 0 || cinematographerCount > 0 || productionDesignerCount > 0 || productionMiscCount > 0 || standInsCount > 0 || setDecoratorsCount > 0 || specialEffectsCount > 0) || (filmography1Year !== '' || filmography2Year !== '' || filmography3Year !== '')) { searchResultHTML += '<div class="searchResult">'; searchResultHTML += '<div class="col-md-12">'; searchResultHTML += '<h1 class="searchHeading "><a class="achievementAwardicon" href="/Person/' + actorId + '-' + getSafeUrl(actorName) + '?sid=' + searchId + '&sr=' + score + '&cp=' + currentPage.toString() + '&pos=' + j.toString() + '&isMiscCredit=' + isMiscCredit + '">' + actorName + altName + (getLAAIcons(data.LAAIcons, parseInt(actorId)) ? '<div class="awardLLA red-tooltip" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Life Achievement Award: This filmmaker received an AFI Life Achievement Award."></div>' : '') + '</a></h1>'; //Roles div strart searchResultHTML += '<div class="resultContainer">'; if (castCount > 0 || directorCount > 0 || producerCount > 0 || writerCount > 0 || editorCount > 0) searchResultHTML += '<h4 class="resultHed"> Roles: </h4>'; searchResultHTML += '<div class="rtResult">'; if (castCount > 0) { searchResultHTML += '<span class="role1">Cast (' + castCount + ')</span>'; } if (directorCount > 0) { searchResultHTML += '<span class="role1"> Director (' + directorCount + ')</span>'; } if (producerCount > 0) { searchResultHTML += '<span class="role1"> Producer (' + producerCount + ')</span>'; } if (writerCount > 0) { searchResultHTML += '<span class="role1"> Writer (' + writerCount + ')</span>'; } if (editorCount > 0) { searchResultHTML += '<span class="role1"> Film Editor (' + editorCount + ')</span>'; } if (cinematographerCount > 0) { searchResultHTML += '<span class="role1">Cinematographer (' + cinematographerCount + ')</span>'; } if (productionDesignerCount > 0) { searchResultHTML += '<span class="role1">Production Designer (' + productionDesignerCount + ')</span>'; } if (productionMiscCount > 0) { searchResultHTML += '<span class="role1"> Production Misc (' + productionMiscCount + ')</span>'; } if (standInsCount > 0) { searchResultHTML += '<span class="role1"> Stand Ins (' + standInsCount + ')</span>'; } if (setDecoratorsCount > 0) { searchResultHTML += '<span class="role1"> Set Decorators (' + setDecoratorsCount + ')</span>'; } if (specialEffectsCount > 0) { searchResultHTML += '<span class="role1"> Special Effects (' + specialEffectsCount + ')</span>'; } searchResultHTML += '</div>'; searchResultHTML += '</div>'; //Roles div ends //Filmography div start searchResultHTML += '<div class="resultContainer">'; if (filmography1Year !== '' || filmography2Year !== '' || filmography3Year !== '') searchResultHTML += '<h4 class="resultHed"> Filmography: </h4>'; searchResultHTML += '<div class="rtResult">'; searchResultHTML += ' <span class="resultItemMovie"> <a href="/Film/' + filmography1Id + '-' + clearTermForUrl(ConvertSpecialChararcters(filmography1).toUpperCase()) + '?sid=' + searchId + '&sr=' + score + '&cp=' + currentPage.toString() + '&pos=' + j.toString() + '&cxt=Filmography1">' + filmography1 + filmography1Year + '</a></span>'; searchResultHTML += ' <span class="resultItemMovie"> <a href="/Film/' + filmography2Id + '-' + clearTermForUrl(ConvertSpecialChararcters(filmography2).toUpperCase()) + '?sid=' + searchId + '&sr=' + score + '&cp=' + currentPage.toString() + '&pos=' + j.toString() + '&cxt=Filmography2">' + filmography2 + filmography2Year + '</a></span>'; searchResultHTML += ' <span class="resultItemMovie"> <a href="/Film/' + filmography3Id + '-' + clearTermForUrl(ConvertSpecialChararcters(filmography3).toUpperCase()) + '?sid=' + searchId + '&sr=' + score + '&cp=' + currentPage.toString() + '&pos=' + j.toString() + '&cxt=Filmography3">' + filmography3 + filmography3Year + '</a></span>'; searchResultHTML += '</div>'; searchResultHTML += '</div>'; //Filmography div end if (matchedOn !== '') { searchResultHTML += '<div class="resultContainer">'; searchResultHTML += '<h4 class="resultHed"> Data Matched: </h4>'; searchResultHTML += '<div class="rtResult">'; searchResultHTML += '<span class="resultItem"> ' + matchedOn + '</span>'; searchResultHTML += '</div>'; searchResultHTML += '</div>'; } searchResultHTML += '</div>'; searchResultHTML += '<div class="clearfix"> </div>'; searchResultHTML += '</div>'; } } } // highlight the search terms - start $("#search_details_div").html(searchResultHTML); $("#SortSearchDetailsResult").html(searchResultHTML); var urlText = getUrlVars(); var terms = urlText['searchText']; var termr = terms.split(/[+ ]+/); $("#search_details_div a").each(function () { var src_str = $(this).text(); if (src_str != null) { for (var i = 0, len = termr.length; i < len; i++) { var term = decodeURIComponent(termr[i]).trim(); //term = term.replace(/(\s+)/, "(<[^>]+>)*$1(<[^>]+>)*"); //var pattern = new RegExp("(\\w*?" + term.toString() + "\\w*)", "gi"); //src_str = src_str.replace(pattern, "<mark>$1</mark>"); //src_str = src_str.replace(/(<mark>[^<>]*)((<[^>]+>)+)([^<>]*<\/mark>)/, "$1</mark>$2<mark>$4"); //$(this)[0].innerHTML = src_str; //$(this).mark([term, term + ",", term + "."], { accuracy: "exactly" }); } } }); // highlight the search terms - end // Narrow Result view more start $(document).ready(function () { //$("#productionCompany_facets, #releaseYear_facets, #dirctor_facetsdirector_label, #producer_facets, #genre_facets").each(function () { // size_li = $(this.li).size(); // x = 5; // $('li:lt(' + x + ')', this).show(); // $('#releaseYear_label .loadMore').click(function () { // size_li = $(this.li).size(); // x = 5; // x = (x + 5 <= size_li) ? x + 5 : size_li; // $('#releaseYear_facets li:lt(' + x + ')').show(); // }); // $('#showLess').click(function () { // x = (x - 5 < 0) ? 3 : x - 5; // $('#myList li').not(':lt(' + x + ')').hide(); // }); //}); $("#dirctor_facets li").slice(0, 5).show(); // select the first ten if ($("#dirctor_facets li").length > 5) { $("#dirctor_label .loadMore").show(); } else { $("#dirctor_label .loadMore").hide(); } $("#director_label .loadMore").click(function (e) { // click event for load more e.preventDefault(); $("#dirctor_facets li:hidden").slice(0, 5).show(); // select next 10 hidden divs and show them if ($("#dirctor_facets li:hidden").length == 0) { // check if any hidden divs still exist $("#dirctorr_label .hideless").css("display", "inline-block"); $("#dirctor_label .loadMore").hide(); } $("#dirctor_label .hideless").click(function (e) { $("#dirctor_facets li").slice(5).hide(); if ($("#dirctor_facets li:visible").length == 5) { $("#dirctor_label .hideless").css("display", "none"); $("#dirctor_label .loadMore").css("display", "inline-block"); } }); }); $("#producer_facets li").slice(0, 5).show(); // select the first ten if ($("#producer_facets li").length > 5) { $("#producer_label .loadMore").show(); } else { $("#producer_label .loadMore").hide(); } $("#producer_label .loadMore").click(function (e) { // click event for load more e.preventDefault(); $("#producer_facets li:hidden").slice(0, 5).show(); // select next 10 hidden divs and show them if ($("#producer_facets li:hidden").length == 0) { // check if any hidden divs still exist $("#producer_label .hideless").css("display", "inline-block"); $("#producer_label .loadMore").hide(); } $("#producer_label .hideless").click(function (e) { $("#producer_facets li").slice(5).hide(); if ($("#producer_facets li:visible").length == 5) { $("#producer_label .hideless").css("display", "none"); $("#producer_label .loadMore").css("display", "inline-block"); } }); }); $("#releaseYear_facets li").slice(0, 5).show(); // select the first ten if ($("#releaseYear_facets li").length > 5) { $("#releaseYear_label .loadMore").show(); } else { $("#releaseYear_label .loadMore").hide(); } $("#releaseYear_label .loadMore").click(function (e) { // click event for load more e.preventDefault(); $("#releaseYear_facets li:hidden").slice(0, 5).show(); // select next 10 hidden divs and show them if ($("#releaseYear_facets li:hidden").length == 0) { // check if any hidden divs still exist $("#releaseYear_label .hideless").css("display", "inline-block"); $("#releaseYear_label .loadMore").hide(); } $("#releaseYear_label .hideless").click(function (e) { $("#releaseYear_facets li").slice(5).hide(); if ($("#releaseYear_facets li:visible").length == 5) { $("#releaseYear_label .hideless").css("display", "none"); $("#releaseYear_label .loadMore").css("display", "inline-block"); } }); }); $("#productionCompany_facets li").slice(0, 5).show(); // select the first ten if ($("#productionCompany_facets li").length > 5) { $("#productionCompany_label .loadMore").show(); } else { $("#productionCompany_label .loadMore").hide(); } $("#productionCompany_label .loadMore").click(function (e) { // click event for load more e.preventDefault(); $("#productionCompany_facets li:hidden").slice(0, 5).show(); // select next 10 hidden divs and show them if ($("#productionCompany_facets li:hidden").length == 0) { // check if any hidden divs still exist $("#productionCompany_label .hideless").css("display", "inline-block"); $("#productionCompany_label .loadMore").hide(); } $("#productionCompany_label .hideless").click(function (e) { $("#productionCompany_facets li").slice(5).hide(); if ($("#productionCompany_facets li:visible").length == 5) { $("#productionCompany_label .hideless").css("display", "none"); $("#productionCompany_label .loadMore").css("display", "inline-block"); } }); }); $("#genre_facets li").slice(0, 5).show(); // select the first ten if ($("#genre_facets li").length > 5) { $("#genre_label .loadMore").show(); } else { $("#genre_label .loadMore").hide(); } $("#genre_label .loadMore").click(function (e) { // click event for load more e.preventDefault(); $("#genre_facets li:hidden").slice(0, 5).show(); // select next 10 hidden divs and show them if ($("#genre_facets li:hidden").length == 0) { // check if any hidden divs still exist $("#genre_label .hideless").css("display", "inline-block"); $("#genre_label .loadMore").hide(); } $("#genre_label .hideless").click(function (e) { $("#genre_facets li").slice(5).hide(); if ($("#genre_facets li:visible").length == 5) { $("#genre_label .hideless").css("display", "none"); $("#genre_label .loadMore").css("display", "inline-block"); } }); }); //film type section filter $("#filmtype_facets li").slice(0, 5).show(); // select the first ten if ($("#filmtype_facets li").length > 5) { $("#filmtype_label .loadMore").show(); } else { $("#filmtype_label .loadMore").hide(); } $("#filmtype_label .loadMore").click(function (e) { // click event for load more e.preventDefault(); $("#filmtype_facets li:hidden").slice(0, 5).show(); // select next 10 hidden divs and show them if ($("#filmtype_facets li:hidden").length == 0) { // check if any hidden divs still exist $("#filmtype_label .hideless").css("display", "inline-block"); $("#filmtype_label .loadMore").hide(); } $("#filmtype_label .hideless").click(function (e) { $("#filmtype_facets li").slice(5).hide(); if ($("#filmtype_facets li:visible").length == 5) { $("#filmtype_label .hideless").css("display", "none"); $("#filmtype_label .loadMore").css("display", "inline-block"); } }); }); //film type section filter $("#filmtype_facets li").slice(0, 5).show(); // select the first ten if ($("#filmtype_facets li").length > 5) { $("#filmtype_label .loadMore").show(); } else { $("#filmtype_label .loadMore").hide(); } $("#filmtype_label .loadMore").click(function (e) { // click event for load more e.preventDefault(); $("#filmtype_facets li:hidden").slice(0, 5).show(); // select next 10 hidden divs and show them if ($("#filmtype_facets li:hidden").length == 0) { // check if any hidden divs still exist $("#filmtype_label .hideless").css("display", "inline-block"); $("#filmtype_label .loadMore").hide(); } $("#filmtype_label .hideless").click(function (e) { $("#filmtype_facets li").slice(5).hide(); if ($("#filmtype_facets li:visible").length == 5) { $("#filmtype_label .hideless").css("display", "none"); $("#filmtype_label .loadMore").css("display", "inline-block"); } }); }); }); } // get LAAIcons function getLAAIcons(LAAdata, id) { var LaaIcons = $.grep(LAAdata, function (val, i) { return val.EntityReferenceId === id; }); if (!$.isEmptyObject(LaaIcons)) { return true; } else { return false; } } </script> <div id="mainContainer" class="row tabrow"> <input id="hfDeletedMovieIds" name="DeletedMovieIds" type="hidden" value="" /> <div class="col-md-12 col-sm-12 mobileSpace"> <div id="searchHeaderContainer" class="search-header bgpost93"> </div> <div class="portlet-body" style="padding: 10px 0 20px 0"> <div class="row tabrow row-eq-height"> <div class="col-xs-12 col-md-12 mobileSpace"> <div class="col-sm-3 col-md-3 notab"> <h3 class="filterHeading">NARROW RESULTS </h3> <div class="panel-group" id="accordion"> <div id="resulttype_label" class="panel panel-default"> <a data-toggle="collapse" data-parent="#accordion" id="resulttype" href="#collapseOne" aria-expanded="true"> <h4 class="panel-title"><span class="icon-block"><img src="/Content/Images/Director.svg"></span>Result Type</h4> </a> <div id="collapseOne" class="panel-collapse collapse in" aria-expanded="true"> <div class="panel-body"> <ul class="filter-list" id="resulttype_facets"></ul> </div> </div> </div> <div id="director_label" class="panel panel-default"> <a data-toggle="collapse" data-parent="#accordion" id="director" href="#collapseOne" aria-expanded="true"> <h4 class="panel-title"><span class="icon-block"><img src="/Content/Images/Director.svg"></span>Director</h4> </a> <div id="collapseOne" class="panel-collapse collapse in" aria-expanded="true"> <div class="panel-body"> <ul class="filter-list" id="dirctor_facets"></ul> <div id="dirloadMore" class="loadMore">More </div> <div class="hideless">Less </div> </div> </div> </div> <div id="producer_label" class="panel panel-default"> <a data-toggle="collapse" data-parent="#accordion" id="producer" href="#collapseTwo" aria-expanded="true"> <h4 class="panel-title"><span class="icon-block"><img src="/Content/Images/Producer.svg"></span>Producer</h4> </a> <div id="collapseTwo" class="panel-collapse collapse in" aria-expanded="true"> <div class="panel-body"> <ul class="filter-list" id="producer_facets"></ul> <div class="loadMore">More </div> <div class="hideless">Less </div> </div> </div> </div> <div id="releaseYear_label" class="panel panel-default"> <a data-toggle="collapse" data-parent="#accordion" id="releaseyear" href="#collapseThree" aria-expanded="true"> <h4 class="panel-title"><span class="icon-block"><img src="/Content/Images/Date.svg"></span>Release Year</h4> </a> <div id="collapseThree" class="panel-collapse collapse in" aria-expanded="true"> <div class="panel-body"> <ul class="filter-list" id="releaseYear_facets"></ul> <div class="loadMore">More </div> <div class="hideless">Less </div> </div> </div> </div> <div id="productionCompany_label" class="panel panel-default"> <a data-toggle="collapse" data-parent="#accordion" id="productioncompany" href="#collapseFour" aria-expanded="true"> <h4 class="panel-title"><span class="icon-block"><img src="/Content/Images/Product-Company.svg"></span>Production Company</h4> </a> <div id="collapseFour" class="panel-collapse collapse in" aria-expanded="true"> <ul class="filter-list" id="productionCompany_facets"></ul> <div class="loadMore">More </div> <div class="hideless">Less </div> </div> </div> <div id="genre_label" class="panel panel-default"> <a data-toggle="collapse" data-parent="#accordion" id="genre" href="#collapseFive" aria-expanded="true"> <h4 class="panel-title"><span class="icon-block"><img src="/Content/Images/Genre.svg"></span>Genre</h4> </a> <div id="collapseFive" class="panel-collapse collapse in" aria-expanded="true"> <ul class="filter-list" id="genre_facets"></ul> <div class="loadMore">More </div> <div class="hideless">Less </div> </div> </div> <div id="filmtype_label" class="panel panel-default"> <a data-toggle="collapse" data-parent="#accordion" id="filmtype" href="#collapseFive" aria-expanded="true"> <h4 class="panel-title"><span class="icon-block"><img src="/Content/Images/Genre.svg"></span>Film Type</h4> </a> <div id="collapseFive" class="panel-collapse collapse in" aria-expanded="true"> <ul class="filter-list" id="filmtype_facets"></ul> <div class="loadMore">More </div> <div class="hideless">Less </div> </div> </div> </div> </div> <div class="col-md-9 col-sm-12 mobileSpace"> <div class="search-container"> <div class="row tabrow"> <div class="col-md-12 mobileSpace"> <ul class="nav nav-tabs" id="compacView" role="tablist"> <li class="nav-item active"> <a class="nav-link FullSearchDetails" href="#FullSearchDetails" role="tab" data-toggle="tab" onclick="SetCompactView(false);"> <img src="/Content/Images/Full-blue.svg" width="15" /> Full View</a> </li> <li class="nav-item"> <a class="nav-link SortSearchDetails" href="#SortSearchDetails" role="tab" data-toggle="tab" onclick="SetCompactView(true);"><img src="/Content/Images/sort-blue.svg" width="15" /> Collapsed View</a> </li> </ul> <div id="searchBreadcrum" class="page-bar"> <p id="filterReset"></p> <div id="searchBlock" class="blockSearch"> <div class="col-md-5 pull-left"> <label class="sortByNew">Refine</label> <select class="form-control pull-left sortBy" id="cmbSortType" onchange="setSortType();"> <option value="sortByRelevance">Relevance</option> </select> </div> <div class="col-md-7 pull-right"> <ul id="pagination" class="pagination pull-right"></ul> </div> </div> </div> </div> </div> <div class="tab-content"> <div role="tabpanel" class="tab-pane fade in active" id="FullSearchDetails"> <div id="search_details_div"> <img id="loadingImage" src="/Content/Images/giphy.gif" /> </div> </div> <div role="tabpanel" class="tab-pane fade" id="SortSearchDetails"> <div id="SortSearchDetailsResult"> <img id="loadingImage" src="/Content/Images/giphy.gif" /> </div> </div> </div> <div class="row tabrow"> <div class="col-md-12 mobileSpace"> <div id="searchBlockFooter" class="searchBlockFooter"> <div class="col-md-12"> <ul id="paginationFooter" class="pagination pull-right"> <li class="ltArrow"><a href="javascript:void(0)" onclick="GoToPage('1')" class="fa fa-angle-left"></a></li> <li class="active"><a href="#">1</a></li> <li class="rtArrow"><a href="javascript:void(0)" onclick="GoToPage('2')" class="fa fa-angle-right"></a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  <div class='scrolltop'> <div class='scroll icon'> <img src="/Content/Images/Icon/top.png" /> </div> </div> </div>  </div>  </div>  </div> <div class="row" id="divFooter"> <footer> <div class="footer_top"> <div class="container"> <div class="row"> <div class="col-sm-3"> <div id="text-2" class="widget widget_text"> <h2 class="widgettitle">AMERICAN FILM INSTITUTE</h2> <div class="textwidget"> <p>The American Film Institute is a 501c3 nonprofit dedicated to celebrating excellence in the art form and to creating national education initiatives that inspire artists and audiences alike.</p> </div> </div> </div> <div class="col-sm-3"> <div id="text-3" class="widget widget_text"> <h2 class="widgettitle">CONTACT US</h2> <div class="textwidget"> <p> American Film Institute<br> 2021 North Western Avenue<br> Los Angeles, CA 90027-1657 </p> <p> <a href="tel:323.856.7600">323.856.7600</a><br> </p> <p><a href="/cdn-cgi/l/email-protection#743d1a121b061915001d1b1a3435323d5a171b19"><span class="__cf_email__" data-cfemail="84cdeae2ebf6e9e5f0edebeac4c5c2cdaae7ebe9">[email protected]</span></a></p> </div> </div> </div> <div class="col-sm-3"> <div id="text-4" class="widget widget_text"> <h2 class="widgettitle">PROGRAMS</h2> <div class="textwidget"> <ul> <li><a href="https://aficatalog.afi.com/">AFI Catalog</a></li> <li><a href="https://conservatory.afi.com/">AFI Conservatory</a></li> <li><a href="https://docs.afi.com/">AFI DOCS</a></li> <li><a href="https://fest.afi.com/ ">AFI FEST</a></li> <li><a href="https://www.afi.com/afi-lists/">AFI Lists</a></li> <li><a href="https://www.afi.com/silver">AFI Silver Theatre</a></li> <li><a href="https://www.afi.com/afi-awards/">AFI AWARDS</a></li> <li><a href="https://www.afi.com/afi-life-achievement-award/">AFI Life Achievement Award</a></li> <li><a href="https://www.afi.com/movieclub/">AFI Movie Club</a></li> <li><a href="https://conservatory.afi.com/innovative-programs/">AFI Innovative Programs</a></li> </ul> </div> </div><div id="text-5" class="widget widget_text"> <div class="textwidget"> <ul> <li> <h2 class="widgettitle">LEGAL</h2> <ul> <li><a href="https://www.afi.com/access">Events Access Disclaimer</a></li> <li><a href="https://www.afi.com/policy/">Privacy Policy</a></li> <li><a href="https://www.afi.com/safety-at-afi/">Safety at AFI</a></li> <li><a href="https://www.afi.com/title-ix/">Title IX</a></li> </ul> </li> </ul> </div> </div> </div> <div class="col-sm-3 last_footer_content"> <div id="text-6" class="widget widget_text"> <div class="textwidget"> <ul> <li><a href="https://www.afi.com/careers/">CAREERS</a></li> <li><a href="https://www.afi.com/press">PRESS</a></li> <li><a href="https://www.afi.com/news/">NEWS</a></li> <li><a href="https://www.youtube.com/AFI">VIDEOS</a></li> </ul> <ul> <h2 class="widgettitle"> MEMBER PORTAL </h2> <ul> <li><a href="https://www.afi.com/support/?Op=join">Join the Premiere Circle</a></li> <li><a href="https://www.afi.com/support/?Op=donate">Donate</a></li> <li><a href="https://www.afi.com/my-profile/">Update Profile</a></li> <li><a href="https://www.afi.com/members/all-access/">AFI Member All-Access</a></li> </ul> </ul> </ul> </div> </div> </div> </div> </div> </div> <div class="footer_bottom"> <span>©2024 AMERICAN FILM INSTITUTE. ALL RIGHTS RESERVED.</span> </div> </footer> </div> </div>    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/Content/Theme/Assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="/Content/Theme/Assets/global/plugins/js.cookie.min.js" type="text/javascript"></script> <script src="/Content/Theme/Assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script> <script src="/Content/Theme/Assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script> <script src="/Content/Theme/Assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>     <script src="/Content/Theme/Assets/global/scripts/app.min.js" type="text/javascript"></script>   <script src="/Content/AFICommonFunctions.js?v1.0.0"></script> <script src="/Scripts/jquery.mark.min.js"></script>   <script src="/Content/Theme/Assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script> <script src="/Content/Theme/Assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script> <script src="/Content/Theme/Assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script> <script src="/Content/Theme/Assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>   <script src='/Scripts/jquery.validate.js' type='text/javascript'></script> <script src='/Scripts/jquery.validate.unobtrusive.js' type='text/javascript'></script>   <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4df7ddd06f2f91f3"></script>  <script type="text/javascript"> //debugger;; $(document).ready(function () { //debugger;; $("#dropdownSearch").change(function () { var selectedFieldText = $("#dropdownSearch option:selected").text(); $("#selectedField").text(selectedFieldText); }); $('[data-toggle="tab"]').click(function () { $(".tooltip").hide(); }) $(".ui-autocomplete").appendTo(".search-form"); $(window).scroll(function () { if ($(this).scrollTop() > 50) { $('.scrolltop:hidden').stop(true, true).fadeIn(); } else { $('.scrolltop').stop(true, true).fadeOut(); } }); if ($(".headcontainer ").hasClass("bgpost93Hed")) { $(".ui-widget-content").css("background-color", "rgb(38, 63, 102)"); $(".ui-widget-content").addClass("pauto"); } $(function () { $(".scroll").click(function () { $("html,body").animate({ scrollTop: $(".thetop").offset().top }, "1000"); return false }) }) $('[data-toggle="tooltip"]').tooltip(); ////debugger;; if (($(window).width() < 991)) { // $("#mobilsearch").html(""); $("#mobilsearch").slice(1).remove() //$(".ui-autocomplete").slice(1).remove() } }); </script> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8e81536c2e46ce71',t:'MTczMjUzNDQyOC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body> </html>

CINXE.COM

AFI|Catalog