CINXE.COM

<!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" content=""> <meta name="keywords" content="American History X,Tony Kaye,John Morrissey,David McKenna,Edward Norton,Edward Furlong,Beverly D'Angelo,Jennifer Lien,Ethan Suplee"> <link rel="canonical" href="https://catalog.afi.com/Catalog/moviedetails/60631" />  <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='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' 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">  <script>$(".top-menu").hide();</script> <script> $(document).ready(function () { // debugger; var editbtn = $("#editmoviebtn"); editbtn.attr("href", "/dataCapture/SelectProject/60631"); var anchors = document.querySelectorAll('a[href*="search"]'); Array.prototype.forEach.call(anchors, function (element, index) { var href = element.href; element.href = href.replace(/, +$/, ''); element.href = href.replace('%20%26%20', ' %26amp '); }); var ReleaseYear = 1998; document.title = 'AFI|Catalog - ' + $('<div/>').html('American History X').text(); if ( $(".viewIcon img").attr("src") == "/Content/Images/Partially-view.svg"){ $(".viewIcon").addClass("red-tooltip"); $(".viewIcon").attr("data-toggle","tooltip").attr("data-placement","bottom"); $(".viewIcon").tooltip({ title: 'This film was partially viewed by AFI for the Synopsis and Credits' }); } if ( $(".viewIcon img").attr("src") == "/Content/Images/Viewed-AFI.svg"){ $(".viewIcon").addClass("red-tooltip"); $(".viewIcon").attr("data-toggle","tooltip").attr("data-placement","bottom"); $(".viewIcon").tooltip({ title: 'Viewed by AFI: This film was viewed in its entirety by AFI for the Synopsis and Credits.' }); } //Icon tooltip Jquery $(".achievementAwardicon").append('<div class="awardLLA red-tooltip"></div>'); $(".awardLLA").attr("data-toggle","tooltip").attr("data-placement","bottom"); $(".awardLLA").attr({ title: "Life Achievement Award: This filmmaker received an AFI Life Achievement Award." }); $(".offscreenCrediticon").append('<div class="awardOF red-tooltip"></div>'); $(".awardOF").attr("data-toggle","tooltip").attr("data-placement","bottom"); $(".awardOF").attr({ title: "Offscreen Credit: This credit did not appear onscreen and was derived from contemporary sources." }); $(".partiallyViewIcon").append('<div class="awardPV red-tooltip"></div>'); $(".awardPV").attr("data-toggle","tooltip").attr("data-placement","bottom"); $(".awardPV").attr({ title: "Partially Viewed by AFI: This film was partially viewed by AFI for the Synopsis and Credits." }); $(".nameTitleicon").append('<div class="awardNA red-tooltip"></div>'); $(".awardNA").attr("data-toggle","tooltip").attr("data-placement","bottom"); $(".awardNA").attr({ title: "Name Occurs Before Title: This filmmaker's name was displayed before the title in onscreen credits." }); $(".viewbyAFIicon").append('<div class="awardAFI red-tooltip"></div>'); $(".awardAFI").attr("data-toggle","tooltip").attr("data-placement","bottom"); $(".awardAFI").attr({ title: "Viewed by AFI: This film was viewed in its entirety by AFI for the Synopsis and Credits." }); var Fullview; $(".fullviewheadings").hide(); var isPremium = ($("#modelIsPremium").val() == "True"); var isShowPoster = ($("#modelIsShowPoster").val() == "True"); var isShowVideo = ($("#modelIsShowVideo").val() == "True"); if (isPremium == true || isShowPoster == true) { //$(".blockMovies").addClass("col-md-7"); //$(".blockMovies").removeClass("col-xs-12"); } else { if (ReleaseYear >= 1994) { $(".blockMovies").removeClass("col-lg-8 col-sm-8"); $(".blockMovies").addClass("col-lg-12 col-sm-12"); $("#movieDetials").attr("class","col-md-12"); $("#search_header").addClass("searchheaderfullwidth"); // $("#movieDetials").addClass("col-lg-12"); // $(".bannerImg-container").css("display","none"); } else { $(".blockMovies").removeClass("col-md-7"); $(".blockMovies").addClass("col-lg-12 col-sm-12"); $("#search_header").addClass("searchheaderfullwidth"); $(".row").removeClass("imagerow"); if (($(window).width() < 768)) { $(".bannerImg-container").css("display","none"); $(".blockMovies h1, h3, .headerBg ").removeClass("nomobil"); $(".row").removeClass("imagerow"); } $(window).resize(function() { var width = $(document).width(); if (($(window).width() < 768)) { $(".bannerImg-container").css("display","none"); $(".blockMovies h1, h3, .headerBg ").removeClass("nomobil"); $(".row").removeClass("imagerow"); } }); //new line of code// } } function scrollToAnchor(aid){ var aTag = $("#"+aid); $('html,body').animate({scrollTop: aTag.offset().top},'slow'); } $(".morecastlink").click(function (e) { e.preventDefault(); $("#historytab").removeClass("active"); $("#detailstab").removeClass("active"); $("#creditstab").removeClass("active"); $("#synopsistab").removeClass("active"); $("#genretab").removeClass("active"); $("#creditstab").addClass("active"); if ((Fullview == false) || (typeof Fullview == 'undefined')) { scrollToAnchor("topofcastsection1"); } else { scrollToAnchor("topofcastsection2"); } }); if ($("#historytab").is(':visible') === false) { $("#historytab").removeClass("active"); $("#detailstab").removeClass("active"); $("#creditstab").removeClass("active"); $("#synopsistab").removeClass("active"); $("#genretab").removeClass("active"); $('#detailstablink').trigger('click'); $("#detailstab").addClass("active"); } $('.ccplus , .ccminus').click(function () { $(".ccresultgrid").toggle(); $(".ccminus").toggle(); $(".ccplus").toggle(); $("#limcredits").toggle(); }); $('#divhistplus , #divhistminus').click(function () { $("#exTab2 .histresultgrid").toggle(); $("#divhistminus").toggle(); $("#divhistplus").toggle(); $("#limhistory").toggle(); }); $("#fullhistory2").removeAttr("display"); $("#fullhistory2").attr("style", "display: none;"); $('#div2plus , #div2minus').click(function () { $("#exTab4 .simresultgrid").toggle(); $("#div2minus").toggle(); $("#div2plus").toggle(); $("#div2short").toggle(); $("#fullhistory2").toggle(); }); $('#div2plus, .sumplus, .summinus').click(function () { $("#fullhistory2 p").addClass('fullviewp'); // $("#fullhistory2").removeAttr("display"); //$("#fullhistory2").addAttr("display","block !importanat"); }); $('#div2minus').click(function () { // $("#fullhistory2").attr("display","none !importanat"); }); $('.sumplus , .summinus').click(function () { $("#exTab2 .sumresultgrid").toggle(); $(".summinus").toggle(); $(".sumplus").toggle(); $("#limsummary").toggle(); }); $('#divhistplus, .sumplus, .summinus').click(function () { $("#fullhistory p").addClass('fullviewp'); }); $('.ssplus , .ssminus').click(function () { $(".ssresultgrid").toggle(); $(".ssminus").toggle(); $(".ssplus").toggle(); $("#limsongsource").toggle(); }); $('.lsplus , .lsminus').click(function () { $(".lsresultgrid").toggle(); $(".lsminus").toggle(); $(".lsplus").toggle(); $("#limliterarysource").toggle(); }); $('.msplus , .msminus').click(function () { $(".msresultgrid").toggle(); $(".msminus").toggle(); $(".msplus").toggle(); $("#limmusicsource").toggle(); }); $('.authplus , .authminus').click(function () { $(".authresultgrid").toggle(); $(".authminus").toggle(); $(".authplus").toggle(); $("#limauthsource").toggle(); }); $('.compplus , .compminus').click(function () { $(".compresultgrid").toggle(); $(".compminus").toggle(); $(".compplus").toggle(); $("#limcompsource").toggle(); }); $('.perfplus , .perfminus').click(function () { $(".perfresultgrid").toggle(); $(".perfminus").toggle(); $(".perfplus").toggle(); $("#limperfsource").toggle(); }); $('.fullView , .fpvplus , .fpvminus').click(function () { var Credit_div = $("#2"); var Details_div = $("#3"); var History_div = $("#1"); var Genre_div = $("#5"); var Synopsis_div = $("#4"); var limhistory_div = $("#limhistory"); var div2short_div = $("#div2short"); var BibliographicSources_parent_div = $("#7"); var BibliographicSources_div = $("#6"); var NotesCredit_div = $("#7"); if ((Fullview == false) || (typeof Fullview == 'undefined')) { $("#tab-menu").toggle(); $("#tab-conentcontainer").removeClass("tab-content"); $(".fullviewheadings").show(); $(".fullView").addClass('minusview'); $("#exTab2").show(); $(".sumresultgrid").show(); $(".histresultgrid").show(); $(".simresultgrid").show(); $(".minus").hide(); $(".plus").hide(); $("#limhistory").hide(); $("#div2short").hide(); $("#limcredits").hide(); $("#limsummary").hide(); $(".ccresultgrid").show(); $(".ccminus").hide(); $(".ccplus").hide(); $(".ssresultgrid").show(); $(".ssminus").hide(); $(".ssplus").hide(); $("#limsongsource").show(); $(".lsresultgrid").show(); $(".lsminus").show(); $(".lsplus").hide(); $("#limliterarysource").show(); $(".msresultgrid").show(); $(".msminus").show(); $(".msplus").hide(); $("#limmusicsource").show(); $(".authresultgrid").show(); $(".authminus").show(); $(".authplus").hide(); $("#limauthsource").hide(); $(".compresultgrid").show(); $(".compminus").hide(); $(".compplus").hide(); $("#limcompsource").hide(); $(".perfresultgrid").show(); $(".perfminus").show(); $(".perfplus").hide(); $("#limperfsource").hide(); $("#fullhistory p").addClass('fullviewp'); $("#fullhistory2 p").addClass('fullviewp'); $('[class*="plus"]').hide(); $('[class*="minus"]').hide(); $(".fpvminus").show(); $(".fpvplus").hide(); $(".border-nav").toggleClass('border-top-0'); Details_div.insertAfter(Credit_div); if(History_div.is(':visible')) { History_div.insertAfter(Details_div); if(Genre_div.is(':visible')) { Genre_div.insertAfter(History_div); if(Synopsis_div.is(':visible')) { Synopsis_div.insertAfter(Genre_div); if(BibliographicSources_div.is(':visible')) { BibliographicSources_div.insertAfter(Synopsis_div); } } } } if(Genre_div.is(':visible')) { Genre_div.insertAfter(History_div); if(Synopsis_div.is(':visible')) { Synopsis_div.insertAfter(Genre_div); if(BibliographicSources_div.is(':visible')) { BibliographicSources_div.insertAfter(Synopsis_div); } } } if(Synopsis_div.is(':visible')) { Synopsis_div.insertAfter(Genre_div); if(BibliographicSources_div.is(':visible')) { BibliographicSources_div.insertAfter(Synopsis_div); } } if(BibliographicSources_div.is(':visible')) { BibliographicSources_div.insertAfter(Synopsis_div); } Fullview = true; } else { $("#tab-menu").toggle(); $(".fullView").removeClass('minusview'); $(".border-nav").toggleClass('border-top-0'); $("#tab-conentcontainer").addClass("tab-content"); $(".fullviewheadings").hide(); $("#exTab2").show(); $(".sumresultgrid").hide(); $(".histresultgrid").hide(); $(".simresultgrid").hide(); $(".minus").hide(); $(".plus").show(); $("#limhistory").show(); $("#div2short").show(); $("#limcredits").show(); $("#limsummary").show(); $(".ccresultgrid").hide(); $(".ccminus").hide(); $(".ccplus").show(); $(".ssresultgrid").hide(); $(".ssminus").hide(); $(".ssplus").show(); $("#limsongsource").show(); $(".lsresultgrid").hide(); $(".lsminus").hide(); $(".lsplus").show(); $("#limliterarysource").show(); $(".msresultgrid").hide(); $(".msminus").hide(); $(".msplus").show(); $("#limmusicsource").show(); $(".authresultgrid").hide(); $(".authminus").hide(); $(".authplus").show(); $("#limauthsource").show(); $(".compresultgrid").hide(); $(".compminus").hide(); $(".compplus").show(); $("#limcompsource").show(); $(".perfresultgrid").hide(); $(".perfminus").hide(); $(".perfplus").show(); $("#limperfsource").show(); $("#fullhistory p").addClass('fullviewp'); $("#fullhistory2 p").addClass('fullviewp'); $('[class*="plus"]').show(); $('[class*="minus"]').hide(); $(".fpvminus").hide(); $(".fpvplus").show(); if(BibliographicSources_div.is(':visible')) { NotesCredit_div.append(BibliographicSources_div); //BibliographicSources_div.insertAfter(limhistory_div); //BibliographicSources_div.insertAfter(div2short_div); } Fullview = false; } $(".fa-plus-square").show(); }); if (ReleaseYear <= 1910) { $(".fullView").trigger("click"); } if (ReleaseYear >= 1994) { $(".hedAfi").hide(); $(".subhedAfi").hide(); $("#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'); $(".blockMovies").attr('id','headerBgpost93'); $(".search-header-details").css("margin","0"); $(".tabdetail ").attr('id','tabpost93'); $(".more, .less").addClass("morepost93"); $(".icon-containerInner").css("right","33px"); $(".row-eq-height").attr("id","rowpost93"); $(".bannerImg-container").hide(); $("#movieDetials").removeClass("resultbg"); $("#movieDetials").removeClass("col-md-9"); $("#movieDetials").addClass("col-md-12"); $(".topsearch").css("display","none"); if ("STUB RECORD VERIFIED" == "STUB RECORD VERIFIED") { $(".fullView").trigger("click"); } if (($(window).width() < 991)) { $(".panelSearch").css("top","0"); //$(".bgpost93").css("display", "none"); $("#mobilsearch").css({ 'background' : '#263f66', }); $(".nav-search-scope").css("border","0"); $(".searchContainer").css("top","10px"); $(".addinfoList") $(".headcontainer").addClass("bgpost93Hed"); $('.addinfoList ul li').hide().filter(':lt(6)').show(); $("#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); }); } $(document).ready(function (){ var toolOptions2 var toolOptions; var isOS = /iPad|iPhone|iPod/.test(navigator.platform); var isAndroid = /(android)/i.test(navigator.userAgent); ///////////////////////////////////////// if OS if (isOS){ toolOptions = { animation: false, placement:"bottom", container:"body" }; $('.red-tooltip').tooltip(toolOptions); $('.red-tooltip').css( 'cursor', 'pointer' ); $('body').on("touchstart", function(e){ $(".red-tooltip").each(function () { // hide any open tooltips when the anywhere else in the body is clicked if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.tooltip').has(e.target).length === 0) { $(this).tooltip('hide'); }////end if }); }); ///////////////////////////////////////// if Android } else if(isAndroid){ toolOptions = { animation: false, placement:"bottom", container:"body" }; toolOptions2 = { animation: false, placement:"left", container:"body" }; $('.c_tool1').tooltip(toolOptions); $('.c_tool2').tooltip(toolOptions); $('.c_tool3').tooltip(toolOptions2); ///////////////////////////////////////// if another system } else { toolOptions = { animation: true, placement:"bottom", container:"body" }; $('.red-tooltip').tooltip(toolOptions); }//end if system }); var divs = $(".columndisplay > .col-sm-4"); for (var i = 0; i < divs.length; i += 3) { divs.slice(i, i + 3).wrapAll("<div class='row'></div>"); } //if (($(window).width() < 991)) { // var ndivs = $(".wrapper > .col-sm-4"); // for (var i = 0; i < ndivs.length; i += 3) { // ndivs.slice(i, i + 3).wrapAll("<div class='row row-eq-height'></div>"); // var iframe = $(".tabVideo >iframe"); // iframe.addClass("videoFrame"); // $(".row .row-eq-height").css("margin","0"); // } //} //debugger; $(window).resize(function() { if($(window).width() > 414){ $(".wrapper > div").removeClass("tabVideo col-sm-4 "); $(".wrapper > div").addClass("col-md-12") $(".topsearch").removeClass("col-sm-12 col-xs-12"); } if($(window).width() < 414){ $(".wrapper > div").addClass("tabVideo col-sm-4 "); $(".wrapper > div").removeClass("col-md-12") $(".topsearch").addClass("col-sm-12 col-xs-12"); } }); if($(window).width() > 414){ $(".wrapper > div").removeClass("tabVideo col-sm-4 "); $(".wrapper > div").addClass("col-md-12") $(".topsearch").removeClass("col-sm-12 col-xs-12"); } if($(window).width() < 414){ $(".wrapper > div").addClass("tabVideo col-sm-4 "); $(".wrapper > div").removeClass("col-md-12") $(".topsearch").addClass("col-sm-12 col-xs-12"); } //if (($(window).width() < 768)) { // $(".wrapper > div").removeClass("row row-eq-height"); // $(".wrapper > div").children().unwrap(); // $("#tab-menu li").click(function(){ // $('#tab-menu li').tooltip({ "data-placement": 'top' }); // }); //} // $("#preimumDetails ").find('.listMovies:not(:first)').remove(); $(window).resize(function() { var windowWidth = $(this).width(); if (($(window).width() > 414)) { //$('.listMovies:nth-child(2), .listMovies:nth-child(3)').css("display","none"); $(".thumbnails li:first-child").addClass("col-xs-3").removeClass("col-xs-5"); $(".thumbnails li:nth-child(2)").addClass("col-xs-9").removeClass("col-xs-7"); $('#preimumDetails .listMovies:nth-child(1)').removeClass("col-xs-12").addClass("col-xs-6"); $('#preimumDetails .listMovies:nth-child(2)').removeClass("col-xs-12").addClass("col-xs-6").css("display","block"); } if (($(window).width() < 414)) { //$('.listMovies:nth-child(2), .listMovies:nth-child(3)').css("display","none"); $(".thumbnails li:first-child").addClass("col-xs-5").removeClass("col-xs-3"); $(".thumbnails li:nth-child(2)").addClass("col-xs-7").removeClass("col-xs-9"); $('#preimumDetails .listMovies:nth-child(1)').removeClass("col-xs-6").addClass("col-xs-12"); $('#preimumDetails .listMovies:nth-child(2)').removeClass("col-xs-12").addClass("col-xs-6").css("display","none"); } }); if (($(window).width() > 414)) { //$('.listMovies:nth-child(2), .listMovies:nth-child(3)').css("display","none"); $(".thumbnails li:first-child").addClass("col-xs-3").removeClass("col-xs-5"); $(".thumbnails li:nth-child(2)").addClass("col-xs-9").removeClass("col-xs-7"); $('#preimumDetails .listMovies:nth-child(1)').removeClass("col-xs-12").addClass("col-xs-6"); $('#preimumDetails .listMovies:nth-child(2)').removeClass("col-xs-12").addClass("col-xs-6").css("display","block"); } if (($(window).width() < 414)) { //$('.listMovies:nth-child(2), .listMovies:nth-child(3)').css("display","none"); $(".thumbnails li:first-child").addClass("col-xs-5").removeClass("col-xs-3"); $(".thumbnails li:nth-child(2)").addClass("col-xs-7").removeClass("col-xs-9"); $('#preimumDetails .listMovies:nth-child(1)').removeClass("col-xs-6").addClass("col-xs-12"); $('#preimumDetails .listMovies:nth-child(2)').removeClass("col-xs-12").addClass("col-xs-6").css("display","none"); } // $(".result a").attr("data-toggle","tooltip").attr("class","red-tooltip").attr("data-placement","bottom"); //$(".result a").prop("title","Keep exploring the AFI Catalog for films with similar themes, subjects and filmmakers."); var tabs = $('.cd-tabs'); tabs.each(function(){ var tab = $(this), tabItems = tab.find('ul.cd-tabs-navigation'), tabContentWrapper = tab.children('ul.cd-tabs-content'), tabNavigation = tab.find('nav'); tabItems.on('click', 'a', function(event){ event.preventDefault(); var selectedItem = $(this); if( !selectedItem.hasClass('selected') ) { var selectedTab = selectedItem.data('content'), selectedContent = tabContentWrapper.find('li[data-content="'+selectedTab+'"]'), slectedContentHeight = selectedContent.innerHeight(); tabItems.find('a.selected').removeClass('selected'); selectedItem.addClass('selected'); selectedContent.addClass('selected').siblings('li').removeClass('selected'); //animate tabContentWrapper height when content changes tabContentWrapper.animate({ 'height': slectedContentHeight }, 200); } }); //hide the .cd-tabs::after element when tabbed navigation has scrolled to the end (mobile version) checkScrolling(tabNavigation); tabNavigation.on('scroll', function(){ checkScrolling($(this)); }); }); //debugger; //if ($(window).width() < 1990) { // if ( $('.cd-tabs-navigation li').length < 5 ) { // $(".nav-tabs").css("padding","0 0 0 150px") // } //}else{ // $(".nav-tabs").css("","") //} //if ($(window).width() < 430){ // $(".nav-tabs").css("padding","0") //} //var supportsOrientationChange = "onorientationchange" in window, //orientationEvent = supportsOrientationChange ? "orientationchange" : "resize"; //$(window).on(orientationEvent, function(evt){ // if ($(window).width() < 737) { // if ( $('.cd-tabs-navigation li').length < 5 ) { // $(".nav-tabs").css("padding","0 0 0 130px") // } // }if ($(window).width() < 430){ // $(".nav-tabs").css("padding","0") // } //}); $(window).on('resize', function(){ tabs.each(function(){ var tab = $(this); checkScrolling(tab.find('nav')); tab.find('.cd-tabs-content').css('height', 'auto'); }); }); function checkScrolling(tabs){ var totalTabWidth = parseInt(tabs.children('.cd-tabs-navigation').width()), tabsViewport = parseInt(tabs.width()); if( tabs.scrollLeft() >= totalTabWidth - tabsViewport) { tabs.parent('.cd-tabs').addClass('is-ended'); } else { tabs.parent('.cd-tabs').removeClass('is-ended'); } } $('#tab-menu #printnav a').click(function (){ var href = $('#printnav a').attr('href'); window.location.href = href; //$(href).attr( 'target', '_blank' ); }); }); </script> <div class="row newMargin"> <div class="col-lg-12 col-sm-12 col-xs-12 newPadding" style="padding:0;"> <div class="row-eq-height" style="background-color:#fff;">  <div id="movieDetials" class="resultbg col-xs-12 col-lg-9 col-sm-12">  <div class="bannerImg-container"> <div class="moviePoster"> <input data-val="true" data-val-required="The IsPremium field is required." id="modelIsPremium" name="IsPremium" type="hidden" value="False" /> <input data-val="true" data-val-required="The IsShowPoster field is required." id="modelIsShowPoster" name="IsShowPoster" type="hidden" value="False" /> <input data-val="true" data-val-required="The IsShowVideo field is required." id="modelIsShowVideo" name="IsShowVideo" type="hidden" value="False" />  </div> </div>   <div class="row imagerow"> <div class="headerBg" id="headerBackground"> <input id="modelIsPremium" name="IsPremium" type="hidden" value="False" /> <div class="search-header-details" id="search_header"> <div class="blockMovies col-xs-12 col-lg-8 col-sm-8 pull-right"> <h1 class="nomobil hedPost94"> <span class="searchtitle">American History X </span> <span class="yearHead">(<a class="clickableItem" href="/Search?searchField=ReleaseYear&searchText=1998">1998</a>)</span> </h1> <h3 class="nomobil hedPost94"> R<span> | </span> 119 mins<span> | </span> <a class="clickableItem" href="/Search?searchField=Genre&searchText=Drama">Drama</a><span> | </span> <a class="clickableItem" href="/Search?searchField=ReleaseDate&searchText=1998&SortType=sortByRelevance">1998</a> </h3> </div> </div> </div> <div class="col-xs-12 pull-right col-sm-12 col-lg-12"> <div class="search-container"> <div class="beyondMovie" id="beyondMovie"> <div class="col-md-12 beyondTop"> <span class="bHed">THIS TITLE IS OUTSIDE THE <i>AFI CATALOG OF FEATURE FILMS (1893-1993)</i></span> </div> <span class="bHedsub">You may also like these titles from the <i>AFI Catalog of Feature Films</i>, the most authoritative documentation of the First 100 Years of American filmmaking.</span> <section class="addinfoList"> <ul> <li> <a class="clickableItem" href="/Film/55190-ANNIE-HALL?cxt=ymal">ANNIE HALL (1977)</a> </li> <li> <a class="clickableItem" href="/Film/56127-HAIR?cxt=ymal">HAIR (1979)</a> </li> <li> <a class="clickableItem" href="/Film/56388-COAL-MINERS-DAUGHTER?cxt=ymal">COAL MINER'S DAUGHTER (1980)</a> </li> <li> <a class="clickableItem" href="/Film/67074-TERMINATOR-2--JUDGMENT-DAY?cxt=ymal">TERMINATOR 2: JUDGMENT DAY (1991)</a> </li> <li> <a class="clickableItem" href="/Film/538-LASSIE-COME-HOME?cxt=ymal">LASSIE COME HOME (1943)</a> </li> <li> <a class="clickableItem" href="/Film/1016-KNUTE-ROCKNE--ALL-AMERICAN?cxt=ymal">KNUTE ROCKNE--ALL AMERICAN (1940)</a> </li> <li> <a class="clickableItem" href="/Film/1125-LITTLE-CAESAR?cxt=ymal">LITTLE CAESAR (1931)</a> </li> <li> <a class="clickableItem" href="/Film/1134-SCARFACE?cxt=ymal">SCARFACE (1932)</a> </li> <li> <a class="clickableItem" href="/Film/2558-ALL-QUIET-ON-THE-WESTERN-FRONT?cxt=ymal">ALL QUIET ON THE WESTERN FRONT (1930)</a> </li> <li> <a class="clickableItem" href="/Film/3559-BOYS-TOWN?cxt=ymal">BOYS TOWN (1938)</a> </li> </ul> </section> </div> </div> </div> <div class="blockMovies col-xs-12 col-sm-8 pull-right col-lg-8"> <div class="search-container"> <div class="movieResult"> <div class="resultContainer"> <h4 class="resultHed"> Cast: </h4> <span class="resultItem"> <a class="" href="/Person/44894-Edward-Norton?isMiscCredit=False">Edward Norton</a>, <a class="" href="/Person/260558-Edward-Furlong?isMiscCredit=False">Edward Furlong</a>, <a class="" href="/Person/172674-Beverly-D'Angelo?isMiscCredit=False">Beverly D'Angelo</a> <a class="morecastlink" href="#2" data-toggle="tab">[ More <i class="fa fa-plus-square" aria-hidden="true"></i>]</a> </span> </div> <div class="resultContainer"> <h4 class="resultHed"> Director: </h4> <span class="resultItem"> <a class="" href="/Person/265520-Tony-Kaye?isMiscCredit=False">Tony Kaye</a> </span> </div> <div class="resultContainer"> <h4 class="resultHed">Writer: </h4> <span class="resultItem"> <a class="" href="/Person/244899-David-McKenna?isMiscCredit=False">David McKenna</a> </span> </div> <div class="resultContainer"> <h4 class="resultHed">Producer: </h4> <span class="resultItem"> <a class="" href="/Person/265003-John-Morrissey?isMiscCredit=False">John Morrissey</a> </span> </div> <div class="resultContainer"> <h4 class="resultHed">Cinematographer: </h4> <span class="resultItem"> <a class="" href="/Person/265520-Tony-Kaye?isMiscCredit=False">Tony Kaye</a> </span> </div> <div class="resultContainer"> <h4 class="resultHed">Editors: </h4> <span class="resultItem"> <a class="" href="/Person/81860-Jerry-Greenberg?isMiscCredit=False">Jerry Greenberg</a>, <a class="" href="/Person/8793-Alan-Heim?isMiscCredit=False">Alan Heim</a> </span> </div> <div class="resultContainer"> <h4 class="resultHed">Production Designer: </h4> <span class="resultItem"> <a class="" href="/Person/260837-Jon-Gary-Steele?isMiscCredit=False">Jon Gary Steele</a> </span> </div> <div class="resultContainer"> <h4 class="resultHed">Production Company: </h4> <span class="resultItem"> <a class="clickableItem" href="/Search?searchField=ProductionCompany&searchText=Turman-Morrissey%20Company&sortType=sortByRelevance">Turman-Morrissey Company</a> </span> </div> <div class="clearfix"> </div> </div> </div> </div> </div>   <div class="row"> <div class="containerDivider"> <div class="icon-containerInner pull-right"> <div class="addthis_inline_share_toolbox_lawo"></div> </div> </div> </div>   <div class="row"> <div class="tabdetail "> <div id="exTab2" class="cd-tabs">  <nav class="border-nav"> <ul class="nav nav-tabs shadow cd-tabs-navigation list-inline" id="tab-menu"> <li id="historytab" class="active red-tooltip" data-toggle="tooltip" data-placement="bottom" title="A production history of the film, as reported in newspapers and trade journals published at the time in which the film was made."><a href="#1" data-toggle="tab">HISTORY</a></li> <li id="detailstab" class="red-tooltip" data-toggle="tooltip" data-placement="bottom" title="Information about the film, including: Alternate title, release date, premiere, production dates, copyright information, physical properties, duration, MPAA rating, country of origin, language, and PCA number."><a href="#3" id="detailstablink" data-toggle="tab">DETAILS</a></li> <li id="creditstab" class="red-tooltip" data-toggle="tooltip" data-placement="bottom" title="Onscreen and offscreen credits for cast, companies and crew; literary, music & song sources."><a href="#2" data-toggle="tab">CREDITS</a></li> <li id="genretab" class="red-tooltip" data-toggle="tooltip" data-placement="bottom" title="Genres and Library of Congress Subject Headings."><a href="#5" data-toggle="tab">GENRE</a></li> <li id="printnav"><a href="/Catalog/MovieDetailsPrintView/60631"><i class="fa fa-print" aria-hidden="true"></i> Print Details</a></li> </ul> </nav>   <div class="viewContainer"> <div class="fullView red-tooltip" data-toggle="tooltip" data-placement="bottom" title="View the complete film record on one page.">Full page view</div> </div>  <div id="topofcastsection1"> </div> <div class="col-xs-12 col-md-12 col-lg-12"> <div class="tab-content cd-tabs-content" id="tab-conentcontainer">  <div class="tab-pane active" id="1"> <div id="7"> <div id="6"> <div id="tableheader" class=""> <div class="row"> <div class="col-xs-12">SOURCE CITATIONS</div> </div> </div> <div id="fullCredits" class=""> <div class="row"> <div class="col-xs-5 col-sm-6">SOURCE</div> <div class="col-xs-4 col-sm-3">DATE</div> <div class="col-xs-3 col-sm-3">PAGE</div> </div> <div class="row"> <div class="col-xs-5 col-sm-6 resultFullCrd">Los Angeles Times</div> <div class="col-xs-4 col-sm-3 resultFullCrd">28 Oct 1998</div> <div class="col-xs-3 col-sm-3 resultFullCrd">p. 1</div> </div> <div class="row"> <div class="col-xs-5 col-sm-6 resultFullCrd">New York Times</div> <div class="col-xs-4 col-sm-3 resultFullCrd">28 Oct 1998</div> <div class="col-xs-3 col-sm-3 resultFullCrd">p. 1</div> </div> <div class="row"> <div class="col-xs-5 col-sm-6 resultFullCrd">Variety</div> <div class="col-xs-4 col-sm-3 resultFullCrd">26 Oct 1998</div> <div class="col-xs-3 col-sm-3 resultFullCrd">p. 41, 47</div> </div> </div> </div> </div> </div>   <div class="tab-pane" id="2"> <div id="topofcastsection2"> </div> <div id="tableheader" class=""> <div class="row"> <div class="col-xs-12"> <span class="cast">CAST</span> </div> </div> </div> <div id="limcredits"> <div id="fullCreditshead" class=""> <div class="row"> <div class="col-xs-2 col-sm-2 nocol"></div> <div class="col-xs-6 col-lg-3 col-md-3 col-sm-3">NAME</div> <div class="col-xs-4 col-sm-2 nocol">CREDITED AS</div> <div class="col-xs-6 col-md-3 col-lg-3 col-sm-3">CREDIT</div> <div class="col-xs-2 col-md-2 col-lg-2 col-sm-2 nocol"></div> </div> </div> <div id="fullCredits" class="castHeader"> <div class="row"> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Person/44894-Edward-Norton">Edward Norton<span class=''></span></a> </div> <div class="col-xs-4 col-sm-2 nocol resultFullCrd"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Search?searchField=All&searchText=Derek&sortType=sortByRelevance">Derek<span class=''></span></a></div> <div class="col-xs-4 col-sm-2 resultFullCrd nocol"></div> </div> <div class="row"> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Person/260558-Edward-Furlong">Edward Furlong<span class=''></span></a> </div> <div class="col-xs-4 col-sm-2 nocol resultFullCrd"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Search?searchField=All&searchText=Danny&sortType=sortByRelevance">Danny<span class=''></span></a></div> <div class="col-xs-4 col-sm-2 resultFullCrd nocol"></div> </div> <div class="row"> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Person/172674-Beverly-DAngelo">Beverly D'Angelo<span class=''></span></a> </div> <div class="col-xs-4 col-sm-2 nocol resultFullCrd"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Search?searchField=All&searchText=Doris&sortType=sortByRelevance">Doris<span class=''></span></a></div> <div class="col-xs-4 col-sm-2 resultFullCrd nocol"></div> </div> <div class="row"> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Person/265523-Jennifer-Lien">Jennifer Lien<span class=''></span></a> </div> <div class="col-xs-4 col-sm-2 nocol resultFullCrd"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Search?searchField=All&searchText=Davina&sortType=sortByRelevance">Davina<span class=''></span></a></div> <div class="col-xs-4 col-sm-2 resultFullCrd nocol"></div> </div> <div class="row"> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Person/193755-Ethan-Suplee">Ethan Suplee<span class=''></span></a> </div> <div class="col-xs-4 col-sm-2 nocol resultFullCrd"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Search?searchField=All&searchText=Seth&sortType=sortByRelevance">Seth<span class=''></span></a></div> <div class="col-xs-4 col-sm-2 resultFullCrd nocol"></div> </div> </div> <br /> </div> <div class="ccresultgrid"> <div id="fullCreditshead" class=""> <div class="row"> <div class="col-xs-2 col-sm-2 nocol"></div> <div class="col-xs-6 col-lg-3 col-md-3 col-sm-3">NAME</div> <div class="col-xs-4 col-sm-2 nocol">CREDITED AS</div> <div class="col-xs-6 col-md-3 col-lg-3 col-sm-3">CREDIT</div> <div class="col-xs-2 col-md-2 col-lg-2 col-sm-2 nocol"></div> </div> </div> <div id="fullCredits" class="castHeader"> <div class="row"> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Person/44894-Edward-Norton">Edward Norton<span class=''></span></a> </div> <div class="col-xs-4 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Search?searchField=All&searchText=Derek&sortType=sortByRelevance">Derek<span class=''></span></a></div> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> </div> <div class="row"> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Person/260558-Edward-Furlong">Edward Furlong<span class=''></span></a> </div> <div class="col-xs-4 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Search?searchField=All&searchText=Danny&sortType=sortByRelevance">Danny<span class=''></span></a></div> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> </div> <div class="row"> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Person/172674-Beverly-DAngelo">Beverly D'Angelo<span class=''></span></a> </div> <div class="col-xs-4 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Search?searchField=All&searchText=Doris&sortType=sortByRelevance">Doris<span class=''></span></a></div> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> </div> <div class="row"> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Person/265523-Jennifer-Lien">Jennifer Lien<span class=''></span></a> </div> <div class="col-xs-4 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Search?searchField=All&searchText=Davina&sortType=sortByRelevance">Davina<span class=''></span></a></div> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> </div> <div class="row"> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Person/193755-Ethan-Suplee">Ethan Suplee<span class=''></span></a> </div> <div class="col-xs-4 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Search?searchField=All&searchText=Seth&sortType=sortByRelevance">Seth<span class=''></span></a></div> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> </div> <div class="toggleContainer"> <span class="ccplus">+</span> <span class="ccminus">−</span> </div> </div> </div> <div id="tableheader" class=""> <div class="row"> <div class="col-xs-12"> <span class="cast">PRODUCTION CREDITS</span> </div> </div> </div> <div id="fullCreditshead" class=""> <div class="row"> <div class="col-xs-2 col-sm-2 nocol"></div> <div class="col-xs-5 col-sm-5">NAME</div> <div class="col-xs-5 col-sm-5">PARENT COMPANY</div> </div> </div> <div id="fullCredits" class=""> <div class="row"> <div class="col-xs-12 col-sm-12">PRODUCTION COMPANY</div> </div> <div class="row"> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-5 col-sm-5 resultFullCrd"><a class="clickableItem" href="/Search?searchField=ProductionCompany&searchText=Turman-Morrissey%20Company&sortType=sortByRelevance">Turman-Morrissey Company</a></div> <div class="col-xs-5 col-sm-5 resultFullCrd"></div> </div> </div> <div id="fullCredits" class=""> <div class="row"> <div class="col-xs-12 col-sm-12">DISTRIBUTION COMPANY</div> </div> <div class="row"> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-5 col-sm-5 resultFullCrd"><a class="clickableItem" href="/Search?searchField=DistributionCompany&searchText=New%20Line%20Cinema%20&sortType=sortByRelevance">New Line Cinema </a></div> <div class="col-xs-5 col-sm-5 resultFullCrd"></div> </div> </div> <div id="fullCreditshead" class=""> <div class="row"> <div class="col-xs-2 col-sm-2 nocol"></div> <div class="col-xs-6 col-sm-3">NAME</div> <div class="col-xs-4 col-sm-2 nocol"> CREDITED AS</div> <div class="col-xs-6 col-sm-3">CREDIT</div> <div class="col-xs-1 col-sm-2 nocol"></div> </div> </div> <div id="fullCredits" class=""> <div class="row"> <div class="col-xs-12 col-sm-12">DIRECTOR</div> </div> <div class="row"> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Person/265520-Tony-Kaye">Tony Kaye<span class=''></span></a></div> <div class="col-xs-4 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd">Dir</div> <div class="col-xs-1 col-sm-2 resultFullCrd commentsaftername"></div> </div> </div> <div id="fullCredits" class=""> <div class="row"> <div class="col-xs-12 col-sm-12">PRODUCER</div> </div> <div class="row"> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Person/265003-John-Morrissey">John Morrissey<span class=''></span></a></div> <div class="col-xs-4 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd">Prod</div> <div class="col-xs-1 col-sm-2 resultFullCrd commentsaftername"></div> </div> </div> <div id="fullCredits" class=""> <div class="row"> <div class="col-xs-12 col-sm-12">WRITER</div> </div> <div class="row"> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Person/244899-David-McKenna">David McKenna<span class=''></span></a></div> <div class="col-xs-4 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd">Wrt</div> <div class="col-xs-1 col-sm-2 resultFullCrd commentsaftername"></div> </div> </div> <div id="fullCredits" class=""> <div class="row"> <div class="col-xs-12 col-sm-12">PHOTOGRAPHY</div> </div> <div class="row"> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Person/265520-Tony-Kaye">Tony Kaye<span class=''></span></a></div> <div class="col-xs-4 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd">Dir of photog</div> <div class="col-xs-1 col-sm-2 resultFullCrd commentsaftername"></div> </div> </div> <div id="fullCredits" class=""> <div class="row"> <div class="col-xs-12 col-sm-12">ART DIRECTOR</div> </div> <div class="row"> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Person/260837-Jon-Gary-Steele">Jon Gary Steele<span class=''></span></a></div> <div class="col-xs-4 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd">Prod des</div> <div class="col-xs-1 col-sm-2 resultFullCrd commentsaftername"></div> </div> </div> <div id="fullCredits" class=""> <div class="row"> <div class="col-xs-12 col-sm-12">FILM EDITORS</div> </div> <div class="row"> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Person/81860-Jerry-Greenberg">Jerry Greenberg<span class=''></span></a></div> <div class="col-xs-4 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd">Film ed</div> <div class="col-xs-1 col-sm-2 resultFullCrd commentsaftername"></div> </div> <div class="row"> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Person/8793-Alan-Heim">Alan Heim<span class=''></span></a></div> <div class="col-xs-4 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd">Film ed</div> <div class="col-xs-1 col-sm-2 resultFullCrd commentsaftername"></div> </div> </div> <div id="fullCredits" class=""> <div class="row"> <div class="col-xs-12 col-sm-12">MUSIC</div> </div> <div class="row"> <div class="col-xs-2 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd"><a class="clickableItem" href="/Person/256457-Anne-Dudley">Anne Dudley<span class=''></span></a></div> <div class="col-xs-4 col-sm-2 resultFullCrd nocol"></div> <div class="col-xs-6 col-sm-3 resultFullCrd">Mus</div> <div class="col-xs-1 col-sm-2 resultFullCrd commentsaftername"></div> </div> </div> </div>   <div class="tab-pane" id="3"> <div id="tableheader" class="fullviewheadings"> <div class="row"> <div class="col-xs-12 col-xs-12">DETAILS</div> </div> </div> <div id="fullCredits" class=""> <div class="row"> <div class="col-xs-6 col-sm-6 resultFullCrd"></div> </div> <div class="row"> <div class="col-xs-4 col-sm-4 resultFullCrd">Release Date:</div> <div class="col-xs-8 col-sm-8 resultFullCrd">1998</div> </div> <div class="row"> <div class="col-xs-4 col-sm-4 resultFullCrd">Premiere Information:</div> <div class="col-xs-8 col-sm-8 resultFullCrd">Los Angeles opening: 28 Oct 1998; New York opening: week of 28 Oct 1998<br/></div> </div> <div class="row"> <div class="col-xs-4 col-sm-4 resultFullCrd">Production Date:</div> <div class="col-xs-8 col-sm-8 resultFullCrd"><br/></div> </div> <div class="row"> <div class="col-xs-4 col-sm-4 resultFullCrd">Copyright Info</div> <div id="fullCredits" class=""> <div class="row new"> <div class="col-xs-5 col-sm-6">Claimant</div> <div class="col-xs-4 col-sm-3">Date</div> <div class="col-xs-3 col-sm-3">Copyright Number</div> </div> <div class="row" style="width: 100% !important; float: left !important;"> <div class="col-xs-5 col-sm-6 resultFullCrd" style="float: left !important;">New Line Productions, Inc.</div> <div class="col-xs-4 col-sm-3 resultFullCrd" style="float: left !important;">5 November 1998</div> <div class="col-xs-3 col-sm-3 resultFullCrd" style="float: left !important;">PA922931</div> </div> </div> </div> <div class="row"> <div class="col-xs-4 col-sm-4 resultFullCrd">Physical Properties:</div> <div class="col-xs-8 col-sm-8 resultFullCrd"> <div class="row physprop greybackground"> <div class="col-xs-5 col-sm-5 resultFullCrd">Sound</div> <div class="col-xs-7 col-sm-7 resultFullCrd"></div> </div> <div class="row physprop greybackground"> <div class="col-xs-5 col-sm-5 resultFullCrd">Color</div> <div class="col-xs-7 col-sm-7 resultFullCrd"></div> </div> </div> </div> <div class="row"> <div class="col-xs-4 col-sm-4 resultFullCrd">Duration(in mins):</div> <div class="col-xs-8 col-sm-8 resultFullCrd">119</div> </div> <div class="row"> <div class="col-xs-4 col-sm-4 resultFullCrd">MPAA Rating:</div> <div class="col-xs-8 col-sm-8 resultFullCrd">R</div> </div> <div class="row"> <div class="col-xs-4 col-sm-4 resultFullCrd"> Country: </div> <div class="col-xs-8 col-sm-8 resultFullCrd"> United States </div> </div> <div class="row"> <div class="col-xs-4 col-sm-4 resultFullCrd"> Language: </div> <div class="col-xs-8 col-sm-8 resultFullCrd"> English </div> </div> </div> </div>   <div class="tab-pane" id="4"> </div>   <div class="tab-pane" id="5"> <div id="genreContainer" class="genreContainer"> <div class="row genreHed hed"> <div class="col-md-12 col-xs-12"> GENRE </div> </div> <div class="row genreHed"> <div class="col-md-4 col-xs-4"> <span class="subHed">Genre:</span> </div> <div class="col-md-4 col-xs-4 hyperVal"> <span> <a class="clickableItem" href="/Search?searchField=Genre&searchText=Drama&sortType=sortByRelevance">Drama</a> </span> </div> </div> <br /> <br /> </div> </div>  </div> </div> </div> </div> </div>  <div class="row"> </div>   <div class="containerDivider"> <div class="row margin-5"> <div class="legend"> <div class="hedLegend">Legend</div> <div class="viewebyAFI red-tooltip" data-toggle="tooltip" data-placement="bottom" title="Viewed by AFI: This film was viewed in its entirety by AFI for the Synopsis and Credits."><img src="/Content/Images/Viewed-AFI.svg" />Viewed by AFI</div> <div class="partiallyviewebyAFI red-tooltip" data-toggle="tooltip" data-placement="bottom" title="Partially Viewed by AFI: This film was partially viewed by AFI for the Synopsis and Credits."><img src="/Content/Images/Partially-view.svg" />Partially Viewed</div> <div class="offscreenCredit red-tooltip" data-toggle="tooltip" data-placement="bottom" title="Offscreen Credit: This credit did not appear onscreen and was derived from contemporary sources."><img src="/Content/Images/Offscreen-Credit.svg" />Offscreen Credit</div> <div class="nameTitle red-tooltip" data-toggle="tooltip" data-placement="bottom" title="Name Occurs Before Title: This filmmaker's name was displayed before the title in onscreen credits."><img src="/Content/Images/Name-Occurs-B4-Title.svg" />Name Occurs Before Title</div> <div class="achievementAward red-tooltip" data-toggle="tooltip" data-placement="bottom" title="Life Achievement Award: This filmmaker received an AFI Life Achievement Award."><img src="/Content/Images/Achievement-Award.svg" />AFI Life Achievement Award</div> </div> <div class="icon-containerInner pull-right"> <div class="addthis_inline_share_toolbox_lawo"></div> </div> </div> <div class="row donatebutton"> <div class="col-lg-12 col-sm-12 col-xs-12"> <a href="https://www.afi.com/membership/donate.aspx" target="_blank" class="buttonDonate">DONATE</a> </div> </div> </div>  </div>    </div>  <div class="col-md-12 footertxt"> The American Film Institute is grateful to Sir Paul Getty KBE and the Sir Paul Getty KBE Estate for their dedication to the art of the moving image and their support for the AFI Catalog of Feature Films and without whose support AFI would not have been able to achieve this historical landmark in this epic scholarly endeavor. </div>  </div> </div> <script> //Mobile design script// if (($(window).width() < 768)) { $('.fullView').click(function () { $("#exTab2").toggleClass("noafter"); $("#exTab2").toggleClass("noborder"); $(".cd-tabs-content").toggleClass("cd-tabs-contentSpace"); }); $('.clickbg').click(function () { var myArr = $(".imgBG").css("background-image") myArr = myArr.replace(/.*\s?url$[\'\"]?/, '').replace(/[\'\"]?$.*/, '') var imgBg = document.getElementById('fullImg'); imgBg.src = myArr; $("#fullwidth").css("display", "block"); $('.fademe').css("display", "block"); $('.closeImg').click(function () { $("#fullwidth").css("display", "none"); $('.fademe').css("display", "none"); }); }); } </script>  <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#430a2d252c312e22372a2c2d0302050a6d202c2e"><span class="__cf_email__" data-cfemail="5c15323a332e313d283533321c1d1a15723f3331">[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>   <style> .k-chart.small-chart { display: inline-block; width: 120px; height: 120px; } .cast { float: left; display: inline-block; vertical-align: middle; padding-top: 23px; } #castGenderbalancechart, #prodscreenGenderbalancechart { position: relative; width: 150px; height: 75px; float: right; } div#limhistory > p, div#fullhistory > p.fullviewp { margin: 0px auto !important; max-width: 100%; word-wrap: break-word; overflow-wrap: break-word; white-space: normal; } </style>   <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="/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:'8e9a7daf9bc5833f',t:'MTczMjc5ODMwMy4wMDAwMDA='};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>