CINXE.COM

Othello - National Theatre Live

<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js ie lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js ie lt-ie9 lt-ie8" xmlns:fb="http://ogp.me/ns/fb#"> <![endif]--> <!--[if IE 8]> <html class="no-js ie lt-ie9"> <![endif]--> <!--[if gt IE 9]> <html class="no-js ie"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://ntlive.nationaltheatre.org.uk:80/productions/40168-othello","20140116144151","https://web.archive.org/","web","/_static/", "1389883311"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" /> <!-- End Wayback Rewrite JS Include --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Othello - National Theatre Live</title> <meta name="og:title" content="Othello"> <meta name="og:url" content="https://web.archive.org/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/productions/40168-othello"> <meta name="og:type" content="website"> <meta name="og:image" content="https://web.archive.org/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/productions/othello_square.jpg"> <meta name="viewport" content="width=device-width"> <script type="text/javascript">var NREUMQ=NREUMQ||[];NREUMQ.push(["mark","firstbyte",new Date().getTime()]);</script> <!-- Le styles --> <link href="/web/20140116144151cs_/http://ntlive.nationaltheatre.org.uk/css/normalize.min.css" media="screen" rel="stylesheet" type="text/css"> <link href="/web/20140116144151cs_/http://ntlive.nationaltheatre.org.uk/css/jquery.fancybox.css" media="screen" rel="stylesheet" type="text/css"> <link href="/web/20140116144151cs_/http://ntlive.nationaltheatre.org.uk/css/cookies.min.css" media="screen" rel="stylesheet" type="text/css"> <link href="/web/20140116144151cs_/http://ntlive.nationaltheatre.org.uk/css/main.css" media="screen" rel="stylesheet" type="text/css"> <link href="/web/20140116144151cs_/http://ntlive.nationaltheatre.org.uk/css/grid.css" media="screen" rel="stylesheet" type="text/css"> <link href="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon"> <!-- Scripts --> <script src="//web.archive.org/web/20140116144151js_/http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="/js/vendor/jquery-1.8.3.min.js"><\/script>')</script> <script type="text/javascript" src="/web/20140116144151js_/http://ntlive.nationaltheatre.org.uk/js/vendor/modernizr-2.6.2.min.js"></script> <!--[if !IE]><!--><script> if (/*@cc_on!@*/false) { document.documentElement.className+=' ie10'; } </script><!--<![endif]--> </head> <body class="full" data-twttr-rendered="true"> <div class="grid production" id="body-wrapper"> <nav class="primary desktop" role="navigation"> <ul class="clearfix"> <li> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/productions" class="haschild">What's on<span></span></a> <div class="dropdown" role="menu"> <h2>Now showing</h2> <ul> <li> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/productions/16546-frankenstein"> <span> Encore screenings <strong>Frankenstein</strong> </span> </a> </li><li> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/productions/11638-the-habit-of-art"> <span> Encore screening <strong>The Habit of Art</strong> </span> </a> </li><li> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/productions/15342-hamlet"> <span> Encore screening <strong>Hamlet</strong> </span> </a> </li><li> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/productions/ntlout4-macbeth"> <span> From 20 July <strong>Macbeth</strong> </span> </a> </li><li> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/productions/40168-othello"> <span> From 26 September <strong>Othello</strong> </span> </a> </li> </ul> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/productions"><span class="pointer right orange"></span>View all productions</a> </div> </li> <li> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/venues">Find a venue</a> </li> <li><a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/behind-the-scenes">Behind the scenes</a></li> <li><a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/about-us">About us</a></li> </ul> <a class="mobilenav expand" href=""></a> </nav> <div class="hero"> <header class="site clearfix" role="banner"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/" id="logo"> <div class="image" data-picture data-alt="National Theatre Live"> <div data-src="/web/20140116144151oe_/http://ntlive.nationaltheatre.org.uk/images/logo-desktop.png"></div> <div data-src="/web/20140116144151oe_/http://ntlive.nationaltheatre.org.uk/images/logo-mobile.png" data-media="(min-width: 300px)"></div> <!-- <div data-src="/images/logo-retina.png" data-media="(min-width: 300px) and (-webkit-min-device-pixel-ratio: 2)"></div> --> <div data-src="/web/20140116144151oe_/http://ntlive.nationaltheatre.org.uk/images/logo-desktop.png" data-media="(min-width: 769px)"></div> <noscript><img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/logo-desktop.png" alt="National Theatre Live"></noscript> </div> </a> </header> <div class="backstretch"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/productions/othello_large.jpg" alt="Othello"> </div> <div class="content"> <div class="info"> <div class="label">From 26 September</div> <h1>Othello</h1> <p>By William Shakespeare</p> <p>The National Theatre presents a major new production of William Shakespeare’s celebrated play about the destructive power of jealousy. Adrian Lester takes the title role, with Rory Kinnear as the duplicitous Iago.</p> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/synopsis/40168-othello" class="synopsis fancybox-content"><span class="pointer right"></span>Read full synopsis</a> </div> <![if gt IE 6]> <div class="social clearfix"> <div class="addthis_toolbox addthis_default_style"> <a class="addthis_button_facebook_like at300b" addthis:url="http://ntlive.nationaltheatre.org.uk/productions/40168-othello" fb:like:layout="button_count" style="display:block; width:100px;"></a> <a class="addthis_button_tweet at300b" addthis:url="http://bit.ly/XtgK2p"></a> <div class="geturl visuallyhidden"> <button>Get URL<span></span></button> <div class="url clearfix"> <div class="info"> <h3>Share this</h3> <p>Copy this URL link to share this content</p> </div> <div class="form"> <input class="clearfix" type="text" value="http://bit.ly/XtgK2p"> </div> </div> </div> <div class="atclear"></div></div> </div> <![endif]> </div> </div> <div class="content wrap nudge-up clearfix"> <div class="mason wrap clearfix masonry"> <section class="infobox"> <div class="column"> <h1>Looking for information on <em>Othello</em> schools screenings? <a href="https://web.archive.org/web/20140116144151/http://www.ntlive.com/schools">Click here</a></h1> <div class="map-wrap"> <div class="map" id="map_canvas" style="width: 100%; height: 183px;"> </div> </div> <div class="maplocation"> <form method="post"> <label for="searchBoxInput">Showing screenings closest to</label> <div class="wrap clearfix"> <input type="text" name="search" id="searchBoxInput" value="Ashburn, United States" data-value="Ashburn, United States"><a class="go location-submit" href="#">Go</a> </div> <p class="guessed">We've guessed your location, if it's wrong use the box above to tell us where you are</p> </form> </div> <div id="performance-venues"> <div class="production-loader loader"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/loader.gif" alt="loader"/> <p>loading venues</p> </div> <ol id="page-1"><li id="venue-2061857036-palace-cineplex-sovereign-shopping-centre"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/venues/2061857036-palace-cineplex-sovereign-shopping-centre/production/40168-othello" class="venue clearfix fancybox-venue" data-latitude="40.7051904" data-longitude="-73.7925339" data-fancybox-type="ajax" rel="venues"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/pins/a.png" width="16" height="24" alt="Pin a"/> <div> <h2>Palace Cineplex, Sovereign Shopping Centre</h2> <p>Within 227.5 miles</p> </div> <div class="tooltip-wrapper"> <span class="tooltip-favourites"> <strong>Added to favourites</strong> </span> </div> </a> <div class="toggle" title="Add to favourites"> <div class="tooltip-wrapper"><span class="tooltip-favourites"><strong>Added to favourites</strong><span class="favourites-tooltip-nail"></span></span></div> <input type="checkbox" name="" class="add-favourite" value="52d7cc6056b29da2726d219f"> </div> <div class="shows"> <p>Sunday 26 January</p> <p class="tickets"><a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/venues/2061857036-palace-cineplex-sovereign-shopping-centre/production/40168-othello" class="fancybox-venue" data-fancybox-type="ajax"><span></span>Buy tickets</a></p> </div> </li><li id="venue-2021214338-james-bridges-theater-u-c-l-a"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/venues/2021214338-james-bridges-theater-u-c-l-a/production/40168-othello" class="venue clearfix fancybox-venue" data-latitude="34.070264" data-longitude="-118.4440562" data-fancybox-type="ajax" rel="venues"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/pins/b.png" width="16" height="24" alt="Pin b"/> <div> <h2>James Bridges Theater (U.C.L.A.)</h2> <p>Within 2282 miles</p> </div> <div class="tooltip-wrapper"> <span class="tooltip-favourites"> <strong>Added to favourites</strong> </span> </div> </a> <div class="toggle" title="Add to favourites"> <div class="tooltip-wrapper"><span class="tooltip-favourites"><strong>Added to favourites</strong><span class="favourites-tooltip-nail"></span></span></div> <input type="checkbox" name="" class="add-favourite" value="51d59ab1f011d6554b060d01"> </div> <div class="shows"> <p>Sunday 4 May</p> <p class="tickets"><a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/venues/2021214338-james-bridges-theater-u-c-l-a/production/40168-othello" class="fancybox-venue" data-fancybox-type="ajax"><span></span>Buy tickets</a></p> </div> </li><li id="venue-2004133065-rialto-cinema-cerrito"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/venues/2004133065-rialto-cinema-cerrito/production/40168-othello" class="venue clearfix fancybox-venue" data-latitude="37.9202057" data-longitude="-122.2937428" data-fancybox-type="ajax" rel="venues"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/pins/c.png" width="16" height="24" alt="Pin c"/> <div> <h2>Rialto Cinema Cerrito</h2> <p>Within 2402.5 miles</p> </div> <div class="tooltip-wrapper"> <span class="tooltip-favourites"> <strong>Added to favourites</strong> </span> </div> </a> <div class="toggle" title="Add to favourites"> <div class="tooltip-wrapper"><span class="tooltip-favourites"><strong>Added to favourites</strong><span class="favourites-tooltip-nail"></span></span></div> <input type="checkbox" name="" class="add-favourite" value="51d59bacf011d6554b060da6"> </div> <div class="shows"> <p>Wednesday 19 February</p> <p class="tickets"><a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/venues/2004133065-rialto-cinema-cerrito/production/40168-othello" class="fancybox-venue" data-fancybox-type="ajax"><span></span>Buy tickets</a></p> </div> </li><li id="venue-2008014540-rialto-cinemas-sebastopol"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/venues/2008014540-rialto-cinemas-sebastopol/production/40168-othello" class="venue clearfix fancybox-venue" data-latitude="38.4067427" data-longitude="-122.8761309" data-fancybox-type="ajax" rel="venues"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/pins/d.png" width="16" height="24" alt="Pin d"/> <div> <h2>Rialto Cinemas Sebastopol</h2> <p>Within 2423.5 miles</p> </div> <div class="tooltip-wrapper"> <span class="tooltip-favourites"> <strong>Added to favourites</strong> </span> </div> </a> <div class="toggle" title="Add to favourites"> <div class="tooltip-wrapper"><span class="tooltip-favourites"><strong>Added to favourites</strong><span class="favourites-tooltip-nail"></span></span></div> <input type="checkbox" name="" class="add-favourite" value="51d59bc4f011d6554b060db6"> </div> <div class="shows"> <p>Saturday 1 February</p> <p class="tickets"><a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/venues/2008014540-rialto-cinemas-sebastopol/production/40168-othello" class="fancybox-venue" data-fancybox-type="ajax"><span></span>Buy tickets</a></p> </div> </li></ol> <div class="pagination clearfix"> <h2>Page <span class="page-of">1</span> of 1</h2> <ul id="venue-pages"> <li class="current" data-pslug="/production/40168-othello">1</li> </ul> </div> <script> var initialMarkers = new Array(); initialMarkers[0] = { "lat": 40.7051904, "lng": -73.7925339, "title": "Palace Cineplex, Sovereign Shopping Centre", "icon": '/images/pins/a.png', "url": '/venues/2061857036-palace-cineplex-sovereign-shopping-centre/production/40168-othello', "id": 'venue-2061857036-palace-cineplex-sovereign-shopping-centre', "class": 'fancybox-venue' }; initialMarkers[1] = { "lat": 34.070264, "lng": -118.4440562, "title": "James Bridges Theater (U.C.L.A.)", "icon": '/images/pins/b.png', "url": '/venues/2021214338-james-bridges-theater-u-c-l-a/production/40168-othello', "id": 'venue-2021214338-james-bridges-theater-u-c-l-a', "class": 'fancybox-venue' }; initialMarkers[2] = { "lat": 37.9202057, "lng": -122.2937428, "title": "Rialto Cinema Cerrito", "icon": '/images/pins/c.png', "url": '/venues/2004133065-rialto-cinema-cerrito/production/40168-othello', "id": 'venue-2004133065-rialto-cinema-cerrito', "class": 'fancybox-venue' }; initialMarkers[3] = { "lat": 38.4067427, "lng": -122.8761309, "title": "Rialto Cinemas Sebastopol", "icon": '/images/pins/d.png', "url": '/venues/2008014540-rialto-cinemas-sebastopol/production/40168-othello', "id": 'venue-2008014540-rialto-cinemas-sebastopol', "class": 'fancybox-venue' }; </script> </div> </div> </section> <article class="one-col orange featured clearfix"> <a class="item fancybox-content" href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/media/video/40168-othello/Cuza9jF7zgg"> <div class="image clearfix"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/productions/othello_thumb_0.jpg" width="100%" alt=""> <span class="icon center video"><span><span>Play</span></span></span> </div> <div class="media"> <h1>Othello trailer</h1> <h3>Watch the trailer</h3> <div class="action"> <span class="arrow"></span> </div> </div> </a> </article> <article class="one-col orange clearfix"> <a class="item expand closed" href=""> <div class="image clearfix"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/productions/othello_thumb.jpg" alt="Cast List"> </div> <div class="media"> <h1>Cast &amp; creative</h1> <h3 class="toggle">View details</h3> <div class="action"> <span class="arrow"></span> </div> </div> </a> <section class="expander cast closed" style="display: none;"> <h1>Cast</h1> <ul> <li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/20805-jonathan-bailey" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/BAILEY JONATHAN Karl Axon XX.jpg" alt="Jonathan Bailey"> <div> <h2>Jonathan Bailey</h2> <h3>Cassio</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/19059-sandy-batchelor" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/SANDY BATCHELOR Katie VandyckXX.jpg" alt="Sandy Batchelor"> <div> <h2>Sandy Batchelor</h2> <h3>Soldier</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/21411-adam-berry" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/BERRY ADAM Charlie CarterXX.jpg" alt="Adam Berry"> <div> <h2>Adam Berry</h2> <h3>Soldier</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/21251-david-carr" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/CARR DAVIDXX.jpg" alt="David Carr"> <div> <h2>David Carr</h2> <h3>Official</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/17313-william-chubb" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/CHUBB WILLIAM Fatimah Namdar.jpg" alt="William Chubb"> <div> <h2>William Chubb</h2> <h3>Brabantio</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/19061-robert-demeger" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/DEMEGER ROBERT Stephen BrayneXX.jpg" alt="Robert Demeger"> <div> <h2>Robert Demeger</h2> <h3>Duke of Venice</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/19913-jonathan-dryden-taylor" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/DRYDEN TAYLOR JONATHAN Hazel GardnerXX.jpg" alt="Jonathan Dryden Taylor"> <div> <h2>Jonathan Dryden Taylor</h2> <h3>Gratiano</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/21065-gabriel-fleary" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/FLEARY GABRIEL Garry LeeXX.jpg" alt="Gabriel Fleary"> <div> <h2>Gabriel Fleary</h2> <h3>Soldier</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/11242-rokhsaneh-ghawam-shahidi" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/GHAWAM-SHAHIDI ROKHSANEH Marco WindhamXX.jpg" alt="Rokhsaneh Ghawam-Shahidi"> <div> <h2>Rokhsaneh Ghawam-Shahidi</h2> <h3>Bianca</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/21414-scott-karim" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/KARIM SCOTT Kurt EgiawanXX.jpg" alt="Scott Karim"> <div> <h2>Scott Karim</h2> <h3>Officer</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/11238-rory-kinnear" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/KINNEAR RORY Peter Simpkin.jpg" alt="Rory Kinnear"> <div> <h2>Rory Kinnear</h2> <h3>Iago</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/21416-david-kirkbride" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/KIRKBRIDE DAVID Matt CaseXX.jpg" alt="David Kirkbride"> <div> <h2>David Kirkbride</h2> <h3>Soldier</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/20335-adrian-lester" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/LESTER ADRIAN Joseph SinclairXX.jpg" alt="Adrian Lester"> <div> <h2>Adrian Lester</h2> <h3>Othello</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/11469-lyndsey-marshal" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/MARSHAL LYNDSEY Chloe PaulXX.jpg" alt="Lyndsey Marshal"> <div> <h2>Lyndsey Marshal</h2> <h3>Emilia</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/23493-zackary-momoh" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/MOMOH ZACKARY Daniel Sutka X.jpg" alt="Zackary Momoh"> <div> <h2>Zackary Momoh</h2> <h3>U/S Othello</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/21422-tom-radford" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/RADFORD TOM Wolf MarlochXX.jpg" alt="Tom Radford"> <div> <h2>Tom Radford</h2> <h3>Soldier</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/16105-tom-robertson" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/ROBERTSON TOM Nick JamesXX.jpg" alt="Tom Robertson"> <div> <h2>Tom Robertson</h2> <h3>Roderigo</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/11364-nick-sampson" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/SAMPSON NICK Charlie CarterXX.jpg" alt="Nick Sampson"> <div> <h2>Nick Sampson</h2> <h3>Lodovico</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/20806-chook-sibtain" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/SIBTAIN CHOOK Faye ThomasXX.jpg" alt="Chook Sibtain"> <div> <h2>Chook Sibtain</h2> <h3>Montano</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/21419-rebecca-tanwen" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/TANWEN REBECCA Adam Hills MUGXX.jpg" alt="Rebecca Tanwen"> <div> <h2>Rebecca Tanwen</h2> <h3>Official</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/20336-olivia-vinall" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/VINALL OLIVIA Claire Newman-WilliamsXX.jpg" alt="Olivia Vinall"> <div> <h2>Olivia Vinall</h2> <h3>Desdemona</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/16116-joseph-wilkins" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/WILKINS JOSEPH Faye ThomasXX.jpg" alt="Joseph Wilkins"> <div> <h2>Joseph Wilkins</h2> <h3>Senator</h3> </div> </a> </li> </ul> <h1>Creative</h1> <ul> <li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/10475-nicholas-hytner" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/ntlive-default-profile.png" alt="Nicholas Hytner"> <div> <h2>Nicholas Hytner</h2> <h3>Director</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/10477-vicki-mortimer" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/ntlive-default-profile.png" alt="Vicki Mortimer"> <div> <h2>Vicki Mortimer</h2> <h3>Designer</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/10511-jon-clark" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/ntlive-default-profile.png" alt="Jon Clark"> <div> <h2>Jon Clark</h2> <h3>Lighting Designer</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/21568-nick-powell" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/ntlive-default-profile.png" alt="Nick Powell"> <div> <h2>Nick Powell</h2> <h3>Music</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/17802-gareth-fry" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/ntlive-default-profile.png" alt="Gareth Fry"> <div> <h2>Gareth Fry</h2> <h3>Sound Designer</h3> </div> </a> </li><li class="clearfix"> <a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/people/10499-kate-waters" class="fancybox-content" rel="cast-creative"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/people/thumbs/ntlive-default-profile.png" alt="Kate Waters"> <div> <h2>Kate Waters</h2> <h3>Fight Director</h3> </div> </a> </li> </ul> <div class="collapse"> <a class="block" href="">Hide details<span class="go"><span></span></span></a> </div> </section> </article> <article class="one-col orange clearfix"> <div class="review"> <div class="stars five"></div> <p class="comment">Witty, agile, lucid and deeply felt. A gripping production.</p> <p class="meta">Daily Telegraph</p> <p class="meta"><a href="https://web.archive.org/web/20140116144151/http://www.telegraph.co.uk/culture/theatre/william-shakespeare/10013155/Othello-National-Theatre-review.html" target="_blank"><span class="readfull"></span>Read full review</a></p> </div> </article><article class="one-col orange clearfix"> <div class="review"> <div class="stars five"></div> <p class="comment">Kinnear is a marvellously malevolent presence.</p> <p class="meta">Metro</p> <p class="meta"><a href="https://web.archive.org/web/20140116144151/http://metro.co.uk/2013/04/24/adrian-lesters-othello-at-national-theatre-is-worth-the-wait-3664425/" target="_blank"><span class="readfull"></span>Read full review</a></p> </div> </article><article class="one-col orange clearfix"> <div class="review"> <div class="stars five"></div> <p class="comment">A breathtaking show of emotional firepower. Adrian Lester and Rory Kinnear are superb</p> <p class="meta">The Times</p> </div> </article><article class="one-col orange clearfix"> <div class="review"> <div class=""></div> <p class="comment">Adrian Lester’s take on Othello will be unmissable.</p> <p class="meta">Susannah Clapp - Observer</p> </div> </article><article class="one-col orange clearfix"> <div class="review"> <div class=""></div> <p class="comment">ShortList magazine interviews Rory Kinnear</p> <p class="meta">ShortList</p> <p class="meta"><a href="https://web.archive.org/web/20140116144151/http://www.shortlist.com/entertainment/rory-kinnear" target="_blank"><span class="readfull"></span>Read full article</a></p> </div> </article><article class="one-col orange clearfix"> <div class="review"> <div class=""></div> <p class="comment">Adrian Lester and Rory Kinnear: 'Othello and Iago are a bit cracked'</p> <p class="meta">Guardian</p> <p class="meta"><a href="https://web.archive.org/web/20140116144151/http://www.guardian.co.uk/stage/2013/apr/10/adrian-lester-rory-kinnear-othello?CMP=twt_fd" target="_blank"><span class="readfull"></span>Read full article</a></p> </div> </article><article class="one-col orange clearfix"> <div class="review"> <div class=""></div> <p class="comment">Villain of the piece: An interview with Rory Kinnear</p> <p class="meta">Financial Times</p> <p class="meta"><a href="https://web.archive.org/web/20140116144151/http://www.ft.com/cms/s/2/dff3bb4a-a04c-11e2-a6e1-00144feabdc0.html#axzz2QWVHcsRW" target="_blank"><span class="readfull"></span>Read full review</a></p> </div> </article><article class="one-col orange clearfix"> <div class="review"> <div class=""></div> <p class="comment">Rory Kinnear, national treasure</p> <p class="meta">The Independent</p> <p class="meta"><a href="https://web.archive.org/web/20140116144151/http://www.independent.co.uk/arts-entertainment/theatre-dance/features/rory-kinnear-national-treasure-8572054.html" target="_blank"><span class="readfull"></span>Read full article</a></p> </div> </article><article class="one-col orange clearfix"> <div class="review"> <div class=""></div> <p class="comment">It's not just about his colour: Adrian Lester interview</p> <p class="meta">The Telegraph</p> <p class="meta"><a href="https://web.archive.org/web/20140116144151/http://www.telegraph.co.uk/culture/theatre/theatre-features/9998331/Adrian-Lester-interview-Othello-Its-not-just-about-his-colour.html" target="_blank"><span class="readfull"></span>Read full article</a></p> </div> </article><article class="one-col orange clearfix"> <div class="review"> <div class=""></div> <p class="comment">The 10 best Othellos: In pictures</p> <p class="meta">The Guardian</p> <p class="meta"><a href="https://web.archive.org/web/20140116144151/http://www.guardian.co.uk/culture/gallery/2013/apr/21/the-10-best-othellos-pictures" target="_blank"><span class="readfull"></span>Read full article</a></p> </div> </article><article class="one-col orange clearfix"> <div class="review"> <div class="stars four"></div> <p class="comment"></p> <p class="meta">Daily Mail</p> </div> </article><article class="one-col orange clearfix"> <div class="review"> <div class="stars four"></div> <p class="comment">A distinguished, lucid production.</p> <p class="meta">Evening Standard</p> <p class="meta"><a href="https://web.archive.org/web/20140116144151/http://www.standard.co.uk/goingout/theatre/othello-nationals-olivier--theatre-review-8585510.html" target="_blank"><span class="readfull"></span>Read full review</a></p> </div> </article><article class="one-col orange clearfix"> <div class="review"> <div class="stars four"></div> <p class="comment">A high-class production.</p> <p class="meta">Guardian</p> <p class="meta"><a href="https://web.archive.org/web/20140116144151/http://www.guardian.co.uk/culture/2013/apr/23/othello-iago-adrian-lester" target="_blank"><span class="readfull"></span>Read full review</a></p> </div> </article><article class="one-col orange clearfix"> <div class="review"> <div class="stars four"></div> <p class="comment"></p> <p class="meta">Independent</p> </div> </article><article class="one-col orange clearfix"> <div class="review"> <div class="stars four"></div> <p class="comment">Adrian Lester is powerful and poignant in the title role.</p> <p class="meta">Time Out</p> <p class="meta"><a href="https://web.archive.org/web/20140116144151/http://www.timeout.com/london/theatre/othello-19" target="_blank"><span class="readfull"></span>Read full review</a></p> </div> </article> <article class="one-col orange clearfix"> <blockquote class="tweet"> <p class="quote"><span class="quotemark"></span>First preview done. So glad that's over. Audience were great. Thanks to those who sent supportive tweets. Much appreciated. <a target="_blank" href="https://web.archive.org/web/20140116144151/https://twitter.com/search?q=%23ntOthello&amp;src=hash">#ntOthello</a></p> <div class="profile clearfix"> <div class="pic"> <span class="frame"></span> <img src="https://web.archive.org/web/20140116144151im_/http://pbs.twimg.com/profile_images/378800000438264432/c0d8b36d6fbced1f073cb262e2678902_normal.jpeg"> </div> <div class="username"> <p><a href="https://web.archive.org/web/20140116144151/http://twitter.com/AdrianLester" class="external">@AdrianLester</a></p> <p>8 months ago</p> </div> </div> </blockquote> </article><article class="one-col orange clearfix"> <a class="item fancybox-content" href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/gallery/22069/40168-othello"> <div class="image clearfix fancybox-gallery"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/gallery/NTothello2013JP_00042-Edit-copy.jpeg" alt="Othello Rehearsal Gallery"> <span class="icon center gallery"><span>Open</span></span> </div> <div class="media"> <h1>Othello Rehearsal Gallery</h1> <h3>View gallery</h3> <div class="action"> <span class="arrow"></span> </div> </div> </a> </article><article class="one-col orange clearfix"> <a class="item fancybox-content" href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/gallery/10151641059373857/40168-othello"> <div class="image clearfix fancybox-gallery"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/behind-the-scenes/1174897_10151641059508857_893893571_n.jpg" alt="Othello Production Images"> <span class="icon center gallery"><span>Open</span></span> </div> <div class="media"> <h1>Othello Production Images</h1> <h3>View gallery</h3> <div class="action"> <span class="arrow"></span> </div> </div> </a> </article><article class="one-col orange clearfix"> <blockquote class="tweet"> <p class="quote"><span class="quotemark"></span>RT <a target="_blank" href="https://web.archive.org/web/20140116144151/https://twitter.com/AdrianLester">@AdrianLester</a> We do our first run through on Monday morning....... (Gulp!) <a target="_blank" href="https://web.archive.org/web/20140116144151/https://twitter.com/search?q=%23ntOthello&amp;src=hash">#ntOthello</a></p> <div class="profile clearfix"> <div class="pic"> <span class="frame"></span> <img src="https://web.archive.org/web/20140116144151im_/http://pbs.twimg.com/profile_images/1631763744/National_Theatre_Liv_1CDDD6_normal.jpg"> </div> <div class="username"> <p><a href="https://web.archive.org/web/20140116144151/http://twitter.com/ntlive" class="external">@ntlive</a></p> <p>9 months ago</p> </div> </div> </blockquote> </article> <article class="one-col orange clearfix"> <a class="item fancybox-content" href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/media/html/40168-othello/page-page-108"> <div class="image clearfix"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/behind-the-scenes/othello_thumb.jpg" width="100%" alt="Othello: Nationwide screenings for schools"> </div> <div class="media"> <h1>Othello: Nationwide screenings for schools</h1> <div class="action"> <span class="arrow"></span> </div> </div> </a> </article><article class="one-col orange clearfix"> <blockquote class="tweet"> <p class="quote"><span class="quotemark"></span>Is anyone coming to see <a target="_blank" href="https://web.archive.org/web/20140116144151/https://twitter.com/search?q=%23ntOthello&amp;src=hash">#ntOthello</a> on the very big screen <a target="_blank" href="https://web.archive.org/web/20140116144151/https://twitter.com/BFI">@BFI</a> IMAX on 26 September?: <a target="_blank" href="https://web.archive.org/web/20140116144151/http://t.co/p6JpWP4zgY">http://ow.ly/i/38mxq</a></p> <div class="profile clearfix"> <div class="pic"> <span class="frame"></span> <img src="https://web.archive.org/web/20140116144151im_/http://pbs.twimg.com/profile_images/1631763744/National_Theatre_Liv_1CDDD6_normal.jpg"> </div> <div class="username"> <p><a href="https://web.archive.org/web/20140116144151/http://twitter.com/ntlive" class="external">@ntlive</a></p> <p>4 months ago</p> </div> </div> </blockquote> </article><article class="one-col orange clearfix"> <a class="item fancybox-content" href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/media/video/40168-othello/RSAOk8STD7c"> <div class="image clearfix"> <img src="https://web.archive.org/web/20140116144151im_/http://img.youtube.com/vi/RSAOk8STD7c/hqdefault.jpg" width="100%" alt=""> <span class="icon center video"><span><span>Play</span></span></span> </div> <div class="media"> <h1>'Othello' Rehearsals: Staging a Brawl</h1> <h3>Watch the video</h3> <div class="action"> <span class="arrow"></span> </div> </div> </a> </article><article class="one-col orange clearfix"> <div class="synopsis"> <h1 style="font-size:1.1em;line-height: 100%;margin: 0 0 0 0;">Supporting the National Theatre</h1><p>NT Future is transforming the National Theatre inside and out. Now you can play your part by making a donation to help us to make and share great theatre with audiences in cinemas in the UK and around world.</p><p><a href="https://web.archive.org/web/20140116144151/http://ntfuture.nationaltheatre.org.uk/">Donate here</a></p> </div> </article><article class="one-col orange clearfix"> <a class="item fancybox-content" href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/media/video/40168-othello/TByES0rK1RA"> <div class="image clearfix"> <img src="https://web.archive.org/web/20140116144151im_/http://img.youtube.com/vi/TByES0rK1RA/hqdefault.jpg" width="100%" alt=""> <span class="icon center video"><span><span>Play</span></span></span> </div> <div class="media"> <h1>Emilia and Desdemona: Women in 'Othello'</h1> <h3>Watch the video</h3> <div class="action"> <span class="arrow"></span> </div> </div> </a> </article><article class="mailing one-col orange"> <div class="item clearfix"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/behind-the-scenes/newsletter-thumb.jpg" alt="Join our mailing list"/> <div class="wrap"> <h1>Join our mailing list</h1> <p><p>Get email updates about the National Theatre Live productions</p></p> <p><a class="uline external" href="https://web.archive.org/web/20140116144151/https://secure.nationaltheatre.org.uk/ntliveRegister"><span class="pointer right orange"></span>Sign up</a></p> </div> </div> </article><article class="one-col orange clearfix"> <div class="synopsis"> <p>The National Theatre presents a major new production of William Shakespeare’s celebrated play about the destructive power of jealousy.</p><p>Olivier Award-winning actor Adrian Lester (<em>Henry V</em> at the National Theatre, BBC’s <em>Hustle</em>) takes the title role.</p><p>Playing opposite him as the duplicitous Iago is fellow Olivier Award-winner Rory Kinnear (<em>The Last of the Haussmans</em>, James Bond: <em>Skyfall</em>), who is reunited with director Nicholas Hytner (<em>Timon of Athens</em>, <em>One Man</em>, <em>Two Guvnors</em>) following their acclaimed collaboration on the National Theatre’s recent production of <em>Hamlet</em>.</p><p>Othello, newly married to Desdemona – who is half his age – is appointed leader of a major military operation. Iago, passed over for promotion by Othello in favour of the young Cassio, persuades Othello that Cassio and Desdemona are having an affair.</p><p>&nbsp;</p> </div> </article> </div> <a href="" class="topanchor" style="top: -33px; right: 179px;"><span class="arrow"></span><span class="label">Tickets and info</span></a> </div> <footer class="site clearfix"> <div class="wrap clearfix"> <img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/footer/footer02.png" alt="" id="bts-image"/> <section class="inspire"> <div> <h1>Behind the Scenes</h1> <p>Discover additional videos, podcasts and information about theatre-making</p> <p><a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/behind-the-scenes"><span class="pointer right orange"></span>Explore now</a></p> </div> </section> <section class="connect"> <div> <h1>Stay up to date</h1> <p>Follow our broadcasts from stage to screen with exclusive backstage updates</p> </div> <nav class="social"> <ul> <li class="facebook"> <a href="https://web.archive.org/web/20140116144151/http://www.facebook.com/ntlive" class="external">Like us on Facebook</a> </li> <li class="twitter"> <a href="https://web.archive.org/web/20140116144151/https://twitter.com/ntlive" class="external">Follow us on Twitter</a> </li> <li class="mail"> <a href="https://web.archive.org/web/20140116144151/https://secure.nationaltheatre.org.uk/ntliveRegister" class="external">Join our mailing list</a> </li> </ul> </nav> </section> </div> <div class="sponsor clearfix"> <a href="https://web.archive.org/web/20140116144151/http://www.artscouncil.org.uk/" class="ace external"><img src="/web/20140116144151im_/http://ntlive.nationaltheatre.org.uk/images/ace.png" alt="Supported by Arts Council England"/></a> </div> <ul class="internal" role="navigation"> <li><a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/feedback">Feedback</a></li> <li><a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/show-our-broadcasts">Show our broadcasts</a></li> <li><a href="https://web.archive.org/web/20140116144151/http://microsites.nationaltheatre.org.uk/ntlivepress" target="_blank">Press &amp; Marketing</a></li> </ul> <ul class="legal" role="contentinfo"> <li><a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/privacy">Privacy</a></li> <li><a class="edit-cookieconsent-settings" href="#">Cookie settings</a></li> <li><a href="/web/20140116144151/http://ntlive.nationaltheatre.org.uk/accessibility">Accessibility</a></li> <li><a href="https://web.archive.org/web/20140116144151/http://www.nationaltheatre.org.uk/" class="external">National Theatre</a></li> </ul> </footer> </div> <script src="/web/20140116144151js_/http://ntlive.nationaltheatre.org.uk/js/cookies.js"></script> <script type="text/javascript" src="//web.archive.org/web/20140116144151js_/http://s7.addthis.com/js/300/addthis_widget.js?domready=1#pubid=xa-50f6da9132a0c781"></script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-23825991-9']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = 'true'; ga.src = ('https:' == document.location.protocol ? 'https://web.archive.org/web/20140116144151/https://ssl' : 'https://web.archive.org/web/20140116144151/http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script src="/web/20140116144151js_/http://ntlive.nationaltheatre.org.uk/js/plugins.js"></script> <!--[if IE]> <script src="/js/columns.js"></script> <!--<![endif]--> <script src="/web/20140116144151js_/http://ntlive.nationaltheatre.org.uk/js/main.js"></script> <script type="text/javascript"> $(function(){ var cookieconsent = $.cookieconsent({ edit_settings_element: $('.edit-cookieconsent-settings') }); }); </script> <script src="//web.archive.org/web/20140116144151js_/http://fast.fonts.com/jsapi/ecd8eaec-d676-4b01-b4d1-c24b5956ee37.js"></script> <script type="text/javascript" src="//web.archive.org/web/20140116144151js_/http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places"></script> <script type="text/javascript"> //<!-- var map = null; var marker; var markers = []; var gEvents = []; var gEventsOver = []; var gEventsOut = []; var pins = new Array('a', 'b', 'c', 'd', 'e'); function initializeGoogleMap(latlng) { $('#performance-venues ol').hide(); $('#performance-venues div.pagination').hide(); $('.production-loader').show(); if (latlng == '') { latlng = new google.maps.LatLng( 39.043701171875, -77.487503051758 ); } var mapOptions = { center: latlng, zoom: 12, mapTypeId: google.maps.MapTypeId.ROADMAP, mapTypeControl: false, streetViewControl: false }; map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); var bounds = new google.maps.LatLngBounds(latlng, latlng); if (initialMarkers.length > 0) { for (var i = 0; i < initialMarkers.length; i++) { markerLatLng = new google.maps.LatLng( initialMarkers[i].lat, initialMarkers[i].lng ); bounds.extend(markerLatLng); marker = new google.maps.Marker({ position: markerLatLng, map: map, title: initialMarkers[i].title, icon: initialMarkers[i].icon, id: initialMarkers[i].id, url: initialMarkers[i].url }); markers.push( marker ); map.fitBounds(bounds); } // var locallatlng = new google.maps.LatLng( 39.043701171875, -77.487503051758 ); map.setCenter(latlng); } google.maps.event.addListener(map, 'idle', function() { updateVenues(); }); var loadLoop = 0; var initial_bounds = bounds; function updateVenues(){ var bounds = map.getBounds(); /* if (!loadLoop){ bounds = initial_bounds; }*/ var c1 = bounds.getNorthEast(); var c2 = bounds.getSouthWest(); $.get('/box-load-production/production/40168-othello', { c1:{ latitude:c1.lat(), longitude:c1.lng() }, c2:{ latitude:c2.lat(), longitude:c2.lng() },productionId: "e61fb7b60000000000000000" }, function(data) { //--- // Remove existing markers... $.each(markers, function(index, value) { value.setMap(null); }); //--- markers = []; $('#performance-venues ol').remove(); var favourites = getCookie('favourites'); if (favourites != null && favourites != "" && favourites != 'undefined') { favourites = $.parseJSON(favourites); } var mybounds = map.getBounds(); // Add new markers... for (var inc = 5; inc <= (data.results.length + 5); inc += 5) { var display = ''; if ((inc / 5) != 1) { display = 'style="display: none;"'; } var venueList = $('<ol id="page-' + (inc / 5) + '" ' + display + '>'); var results = data.results.slice((inc - 5), 5); var pinIndex = 0; for (index = (inc - 5); index < inc; index++) { if (data.results[index] != undefined) { var value = data.results[index]; tmplatlng = new google.maps.LatLng( value.coordinates.latitude, value.coordinates.longitude ); icon = '/images/pins/pin.png'; var performances = ''; if (value.performances.length) { $.each(value.performances, function(index2, performance) { if (performance.version != '') { performances = performances + '<p><strong>' + performance.version + '</strong> ' + performance.date + '</p>'; } else { performances = performances + '<p>' + performance.date + '</p>'; } }); } var checked = ''; if (favourites != null && favourites != "" && favourites != 'undefined') { for (var j = 0; j < favourites.favourites.length; j++ ){ if (favourites.favourites[j] && favourites.favourites[j] == value.id) { checked = ' checked="checked"'; } } } var markerIndex = markers.length; $('<li/>').attr('id', 'venue-' + value.slug).html( '<a href="/venues/' + value.slug + '/production/40168-othello" ' + 'class="venue clearfix fancybox-venue pinswitch" data-pin="' + pins[pinIndex] + '" data-marker="' + markerIndex + '" data-latitude="' + value.coordinates.latitude + '"' + 'data-longitude="' + value.coordinates.longitude + '" data-fancybox-type="ajax" rel="venues">' + '<img src="/images/pins/' + pins[pinIndex] + '.png" width="16" height="24" alt="Pin" />' + '<div>' + '<h2>' + value.name + '</h2>' + '<p>Within ' + (Math.round( value.distanceInMiles * 2 ) / 2) + ' miles</p>' + '</div></a>' + '<div class="toggle" title="Favourite this venue"><div class="tooltip-wrapper"><span class="tooltip-favourites"><strong>Added to favourites</strong><span class="favourites-tooltip-nail"></span></span></div>' + '<div class="styledCheckbox">' + '<input type="checkbox" name="" class="add-favourite" value="' + value.id + '"' + checked + '>' + '</div>' + '</div>' + '<div class="shows">' + performances + '<p class="tickets"><a href="/venues/' + value.slug + '/production/40168-othello" class="fancybox-venue" data-fancybox-type="ajax"><span></span>Buy tickets</a></p>' + '</div>' ).appendTo(venueList); if (index < 5) { if (loadLoop == 0) { mybounds.extend(tmplatlng); } icon = '/images/pins/' + pins[pinIndex] + '.png'; marker = new google.maps.Marker({ "position": tmplatlng, "map": map, "title": value.name, "icon": icon, "url": '/venues/' + value.slug + '/production/40168-othello', "id": 'venue-' + value.slug, "class": 'fancybox-venue', "venue": '/venues/' + value.slug + '/production/40168-othello' }); } else { marker = new google.maps.Marker({ "position": tmplatlng, "map": map, "title": value.name, "icon": icon, "id": 'venue-' + value.slug, "venue": '/venues/' + value.slug + '/production/40168-othello' }); } markers.push( marker ); pinIndex++; } } $('#performance-venues .pagination').before(venueList); } if (loadLoop == 0) { // map.fitBounds(mybounds); // var locallatlng = new google.maps.LatLng( 39.043701171875, -77.487503051758 ); // map.setCenter(latlng); } var totalPages = ((data.count / 5) > 5) ? 5 : (data.count / 5); if (totalPages == 0) { var venueList = $('<ol id="page-1">'); $('<li/>').addClass('error').text( 'No venues found' ).appendTo(venueList); $('#venues .pagination').before(venueList); // totalPages = 1; } $('#venue-pages *').remove(); for (var i = 1; i <= Math.ceil(totalPages); i++) { if (i == 1) { $('<li/>').attr('data-pslug', '40168-othello').addClass('current').text(i).appendTo('#venue-pages'); } else { $('<li/>').attr('data-pslug', '40168-othello').html('<a href="/production/page/' + i + '/40168-othello" class="venue-pagination" data-page="' + i + '">' + i + '</a>').appendTo('#venue-pages'); } } $('.page-of').parent().html('Page <span class="page-of">1</span> of ' + Math.ceil(totalPages)); $('.production-loader').hide(); $('#performance-venues div.pagination').show(); if (totalPages == 0) { $('.pagination').hide(); } for ( i = 0; i < markers.length; i++ ) { if (markers[i]['class']){ gEvents[i] = google.maps.event.addListener(markers[i], 'click', function() { $.fancybox({ href: this.url, type: 'ajax', margin : [20, 0, 20, 0], fitToView : false, minWidth : '90%', maxWidth : 960, width : '90%', autoHeight : true, closeClick : false, openEffect : 'none', closeEffect : 'none', padding : 0, ajax: { dataType : 'html', headers : { 'X-fancybox': true } }, afterShow : function() { if ($(".addthis_toolbox").length) { addthis.toolbox( $(".addthis_toolbox").get() ); initGetUrl(); } initAddFavourite(); } }); }); gEventsOver[i] = google.maps.event.addListener(markers[i], 'mouseover', function() { $('#' + this.id).addClass('highlight'); this.setIcon('/images/pins/alt' + $('#' + this.id + ' a.pinswitch').data('pin') + '.png'); }); gEventsOut[i] = google.maps.event.addListener(markers[i], 'mouseout', function() { $('#' + this.id).removeClass('highlight'); this.setIcon('/images/pins/' + $('#' + this.id + ' a.pinswitch').data('pin') + '.png'); }); } else { gEvents[i] = google.maps.event.addListener(markers[i], 'click', function() { map.setCenter(this.getPosition()); }); } } initVenueFancybox(); initAddFavourite(); loadLoop = 1; if ($('.grid.production .mason').data('masonry') && loadLoop != 0) { $('.grid.production .mason').masonry('reload'); } }); //get } // function } //--> </script> <div class="cookie-policy"> <div class="inner clearfix"> <p> The cookie settings on this website are set to 'allow all cookies' and you can review and change this using <a href="#" class="edit-cookieconsent-settings" title="Cookie policy">Cookie Settings</a>, or Accept and Close this bar. You can always update your settings at a later date. </p> <div class="cookieconsent-button-wrap"> <a id="settings-cookies" class="edit-cookieconsent-settings" href="#">Cookie Settings</a> <a id="accept-cookies" href="#">Accept and Close</a> </div> </div> </div> <script type="text/javascript">if(!NREUMQ.f){NREUMQ.f=function(){NREUMQ.push(["load",new Date().getTime()]);var e=document.createElement("script");e.type="text/javascript";e.src=(("http:"===document.location.protocol)?"http:":"https:")+"//"+"js-agent.newrelic.com/nr-100.js";document.body.appendChild(e);if(NREUMQ.a)NREUMQ.a();};NREUMQ.a=window.onload;window.onload=NREUMQ.f;};NREUMQ.push(["nrfj","beacon-2.newrelic.com","810310b2fa","2207581","YgEEZRZVDEUDUBVYDltLJUQXQA1bTXIRQQ1cBwdFDVsMaiFcD0UTWggKVBZoMkQNVxRSFVwLCEJLUAdCA1oNQg==",0,452,new Date().getTime(),"","","","",""]);</script> <script type="text/javascript"> //<![CDATA[ (function() { var _analytics_scr = document.createElement('script'); _analytics_scr.type = 'text/javascript'; _analytics_scr.async = true; _analytics_scr.src = '/_Incapsula_Resource?SWJIYLWA=2977d8d74f63d7f8fedbea018b7a1d05&ns=1'; var _analytics_elem = document.getElementsByTagName('script')[0]; _analytics_elem.parentNode.insertBefore(_analytics_scr, _analytics_elem); })(); // ]]> </script></body> </html> <!-- FILE ARCHIVED ON 14:41:51 Jan 16, 2014 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 01:00:28 Nov 24, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). --> <!-- playback timings (ms): captures_list: 0.689 exclusion.robots: 0.031 exclusion.robots.policy: 0.02 esindex: 0.013 cdx.remote: 21.439 LoadShardBlock: 210.02 (3) PetaboxLoader3.datanode: 131.979 (4) PetaboxLoader3.resolve: 194.633 (2) load_resource: 124.374 -->

Pages: 1 2 3 4 5 6 7 8 9 10