RubyGems - picturehouse_uk - Versions diffs - 2.0.5 → 3.0.0 - Mend

picturehouse_uk 2.0.5 → 3.0.0

Files changed (39) hide show

checksums.yaml +4 -4
data/CHANGELOG.md +11 -6
data/README.md +9 -1
data/lib/picturehouse_uk.rb +2 -3
data/lib/picturehouse_uk/cinema.rb +24 -12
data/lib/picturehouse_uk/film.rb +3 -5
data/lib/picturehouse_uk/internal/parser/address.rb +37 -0
data/lib/picturehouse_uk/internal/parser/screenings.rb +117 -0
data/lib/picturehouse_uk/internal/title_sanitizer.rb +2 -0
data/lib/picturehouse_uk/internal/website.rb +4 -10
data/lib/picturehouse_uk/screening.rb +5 -15
data/lib/picturehouse_uk/version.rb +2 -2
data/test/fixture_updater.rb +16 -13
data/test/fixtures/cinema/Duke_Of_Yorks.html +2048 -4341
data/test/fixtures/cinema/Dukes_At_Komedia.html +3780 -0
data/test/fixtures/cinema/Phoenix_Picturehouse.html +3465 -0
data/test/fixtures/home.html +487 -1932
data/test/fixtures/info/Duke_Of_Yorks.html +450 -0
data/test/fixtures/info/Dukes_At_Komedia.html +439 -0
data/test/fixtures/info/Phoenix_Picturehouse.html +458 -0
data/test/lib/picturehouse_uk/cinema_test.rb +53 -16
data/test/lib/picturehouse_uk/internal/parser/screenings_test.rb +45 -0
data/test/lib/picturehouse_uk/internal/title_sanitizer_test.rb +16 -0
data/test/lib/picturehouse_uk/internal/website_test.rb +6 -6
data/test/lib/picturehouse_uk/screening_test.rb +9 -1
metadata +16 -25
data/lib/picturehouse_uk/internal/address_parser.rb +0 -72
data/lib/picturehouse_uk/internal/cinema_page.rb +0 -35
data/lib/picturehouse_uk/internal/film_with_screenings_parser.rb +0 -116
data/test/fixtures/address-fragments/duke-of-yorks.html +0 -39
data/test/fixtures/address-fragments/hackney-picturehouse.html +0 -12
data/test/fixtures/cinema/Duke_Of_Yorks/film_last.html +0 -45
data/test/fixtures/cinema/Duke_Of_Yorks/film_second.html +0 -37
data/test/fixtures/cinema/York_Picturehouse/basement.html +0 -19
data/test/fixtures/contact_us/Duke_Of_Yorks.html +0 -1505
data/test/fixtures/contact_us/Dukes_At_Komedia.html +0 -1503
data/test/lib/picturehouse_uk/internal/address_parser_test.rb +0 -55
data/test/lib/picturehouse_uk/internal/cinema_page_test.rb +0 -51
data/test/lib/picturehouse_uk/internal/film_with_screenings_parser_test.rb +0 -95

data/test/fixtures/home.html CHANGED Viewed

@@ -1,1950 +1,505 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml"
-xmlns:og="http://opengraphprotocol.org/schema/"
-xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en" lang="en">
-<head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-	<title>Home | Picturehouse Cinemas</title>
-		<meta name="keywords" content="picturehouse, cinema, picture house, Picturehouse Cinemas" />
-		<meta name="description" content="Home at Picturehouse Cinemas" />
-	<script type="text/javascript">
-	  var venue = '';
-          var trailer = {height:288,width:510};
-	</script>
-	<meta name="robots" content="noindex">
-		<link rel="stylesheet" href="https://d2t98m0n7ql7on.cloudfront.net/site-media/css/cityscreen/global.201312092207.css" />
-	<!--[if IE 6]>
-	<link rel="stylesheet" href="https://d2t98m0n7ql7on.cloudfront.net/site-media/css/cityscreen/ie6.v3.min.css" type="text/css"  />
-	<![endif]-->
-	<!--[if IE 7]>
-	<link rel="stylesheet" href="https://d2t98m0n7ql7on.cloudfront.net/site-media/css/cityscreen/ie7.v1.min.css" type="text/css"  />
-	<![endif]-->
-    <meta name="google-site-verification" content="tfGR4gRo-YG-57LfPFX3Pjv0VqsFRPKIs2ioVOH-3f8" />
-        <meta property="fb:app_id" content="" />
-        <meta property="og:type" content="" />
-        <meta property="og:title" content="Home at Picturehouse Cinemas" />
-        <meta property="og:url" content="" />
-        <meta property="og:site_name" content="Picturehouses" />
-        <meta property="og:description" content="" />
-        <meta property="og:image" content="" />
-    <link id="canonical" rel="canonical" href="/" />
-    	<script type="text/javascript" charset="utf-8" src="https://d2t98m0n7ql7on.cloudfront.net/site-media/js/libs/jquery-1.9.1.js"></script>
-        <script src="https://d2t98m0n7ql7on.cloudfront.net/site-media/js/libs/jquery-migrate-1.1.0.js"></script>
-    	<script type="text/javascript" charset="utf-8" src="https://d2t98m0n7ql7on.cloudfront.net/site-media/js/libs/typeahead.js"></script>
-	<script src="https://d2t98m0n7ql7on.cloudfront.net/site-media/js/libs/hogan-2.0.0.js"></script>
-	<script src="https://d2t98m0n7ql7on.cloudfront.net/site-media/js/libs/jquery.tools.min.js"></script>
-	<link rel="stylesheet" type="text/css" href="http://partner.mymovies.net/html5/jqtools/1.css"/>
-	<link href="http://partner.mymovies.net/html5/css/video-js.css" rel="stylesheet" type="text/css">
-	<script src="http://partner.mymovies.net/html5/js/video_ovrly.js" type="text/javascript"></script>
-	<script SRC="http://flvplayer.mymovies.net/includes/sdc_tag.js" type="text/javascript"></script>
-	<script type="text/javascript" charset="utf-8" src="https://d2t98m0n7ql7on.cloudfront.net/site-media/js/cityscreen/site.20140714.js"></script>
-	<link type="image/x-icon" href="https://d2t98m0n7ql7on.cloudfront.net/site-media/images/cityscreen/favicon.gif" rel="shortcut icon"/>
-	<link type="image/x-icon" href="https://d2t98m0n7ql7on.cloudfront.net/site-media/images/cityscreen/favicon.gif" rel="icon"/>
- <script type="text/javascript">
-function twitterPop(text, url) {
-mywindow = window.open('http://twitter.com/share?text='+text+'&url='+url,"Tweet_widow","channelmode=no,directories=no,location=no,menubar=no,scrollbars=no,toolbar=no,status=no,width=500,height=375,left=300,top=200");
-mywindow.focus();
-}
-</script>
-<script type="text/javascript">
-docCookies = {
-  getItem: function (sKey) {
-    if (!sKey || !this.hasItem(sKey)) { return null; }
-    return unescape(document.cookie.replace(new RegExp("(?:^|.*;\\s*)" + escape(sKey).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=\\s*((?:[^;](?!;))*[^;]?).*"), "$1"));
-  },
-  /**
-  * docCookies.setItem(sKey, sValue, vEnd, sPath, sDomain, bSecure)
-  *
-  * @argument sKey (String): the name of the cookie;
-  * @argument sValue (String): the value of the cookie;
-  * @optional argument vEnd (Number, String, Date Object or null): the max-age in seconds (e.g., 31536e3 for a year) or the
-  *  expires date in GMTString format or in Date Object format; if not specified it will expire at the end of session;
-  * @optional argument sPath (String or null): e.g., "/", "/mydir"; if not specified, defaults to the current path of the current document location;
-  * @optional argument sDomain (String or null): e.g., "example.com", ".example.com" (includes all subdomains) or "subdomain.example.com"; if not
-  * specified, defaults to the host portion of the current document location;
-  * @optional argument bSecure (Boolean or null): cookie will be transmitted only over secure protocol as https;
-  * @return undefined;
-  **/
-  setItem: function (sKey, sValue, vEnd, sPath, sDomain, bSecure) {
-    if (!sKey || /^(?:expires|max\-age|path|domain|secure)$/.test(sKey)) { return; }
-    var sExpires = "";
-    if (vEnd) {
-      switch (typeof vEnd) {
-        case "number": sExpires = "; max-age=" + vEnd; break;
-        case "string": sExpires = "; expires=" + vEnd; break;
-        case "object": if (vEnd.toGMTString != undefined) { sExpires = "; expires=" + vEnd.toGMTString(); } break;
-      }
-    }
-    document.cookie = escape(sKey) + "=" + escape(sValue) + sExpires + (sDomain ? "; domain=" + sDomain : "") + (sPath ? "; path=" + sPath : "") + (bSecure ? "; secure" : "");
-  },
-  removeItem: function (sKey) {
-    if (!sKey || !this.hasItem(sKey)) { return; }
-    var oExpDate = new Date();
-    oExpDate.setDate(oExpDate.getDate() - 1);
-    document.cookie = escape(sKey) + "=; expires=" + oExpDate.toGMTString() + "; path=/";
-  },
-  hasItem: function (sKey) { return (new RegExp("(?:^|;\\s*)" + escape(sKey).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=")).test(document.cookie); }
-};
-            jQuery(document).ready(function(){
-if ((docCookies.getItem('accepted') === null)) {
-	console.log('cookie');
-	jQuery('body').append('<div id="cookie_message" style="background-color: rgb(255, 255, 225); color: rgb(51, 51, 51); position: fixed; bottom: 0px; left: 0px; right: 0px; padding: 7px 120px 7px 36px; vertical-align: middle; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(68, 68, 68); font-size: 12px; font-family: Arial, Helvetica, sans-serif; z-index: 9999; box-shadow: rgb(0, 0, 0) 0px 0px 5px; "><p class="wolfblock" style="text-align: left; font-size: 1.1em !important; width: 600px; float: left; margin: 0px; padding: 0px; line-height: 16px; ">This site uses cookies to help make it more useful and reliable. By using the site or by dismissing this banner you are consenting to their use.</p><a href="#" id="cookie_accepted">Do not show this message again</a></div></div>');
-	jQuery('#cookie_accepted').click(function() {
-		jQuery('#cookie_message').hide();
-		docCookies.setItem('accepted', 'dismissed', 86400*365*30, '/');
-	});
-}
-});
-</script>
-<script type="text/javascript">
-    var apiHost = (("https:" == document.location.protocol) ? "https://" : "http://");
-    var websales_url = ''.replace('http://', apiHost);
-    var secure_websales_url = 'https://www.picturehouses.co.uk';
-    newman_prefix = 'newman';
-    setup_api();
-</script>
-<script type="text/javascript">
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-             ga('create', 'UA-7911463-2', 'picturehouses.co.uk');
-             ga('require', 'displayfeatures');
-             ga('send', 'pageview');
-</script>
-    <script type="text/javascript">
-        newman_prefix = 'newman';
-        document.write(unescape("%3Cscript src='" + websales_url + "/jswebsales/static/customer.201404272310.js' type='text/javascript'%3E%3C/script%3E"));
-    </script>
-<script type="text/javascript">
-    jQuery(document).ready(function(){
-        jQuery('#searchForm').replaceWith('<div class="demo" style="float:right; margin-right:10px;"><form rel="nofollow" action="/Search/"><input class="typeahead" name="header_search" type="text" placeholder="Search..."></form></div>');
-        var url = '/fs/';
-        if ('global' !== 'global') {
-            url = '/cinema//fs/';
-        }
-        if (location.protocol !== 'https:') {
-        jQuery('.typeahead').typeahead({
-          name:'films',
-          prefetch:{url:url,
-                    ttl:0},
-          limit:30,
-          ttl_ms:0
-        })
-        .on('typeahead:opened', function(evt) {
-           var $typeahead = jQuery(this);
-           var v = $typeahead.val();
-           if (v !== '') {
-             ga('send', 'event', {
-                eventCategory:'Search',
-                eventAction:'Typing',
-                eventValue:v});
-           }
-        })
-        .on('typeahead:selected', function(evt, item) {
-           var $typeahead = jQuery(this);
-             ga('send', 'event', {
-                eventCategory:'Search',
-                eventAction:'Selected',
-                eventValue:$typeahead.val()});
-           window.location.href = item.uri + '?utm_source=' + window.location.pathname + '&utm_medium=search&utm_campaign=selected';
-        })
-        .on('typeahead:closed', function(evt, item) {
-           var $typeahead = jQuery(this);
-           console.log('closed');
-        })
-        .on('typeahead:autocompleted', function (evt, item) {
-           var $typeahead = jQuery(this);
-             ga('send', 'event', {
-                eventCategory:'Search',
-                eventAction:'Autocompleted',
-                eventValue:$typeahead.val()});
-           window.location.href = item.uri + '?utm_source=' + window.location.pathname + '&utm_medium=search&utm_campaign=autocompleted';
-        }) ;
-        jQuery('div.demo form input.typeahead').bind('keypress', function(e) {
-          if(e.keyCode===13){
-             jQuery('div.demo form').submit();
-          }
-        });
-        }
-        initialize_api('', '', 'global');
-    });
-</script>
-<!-- Start: GPT Sync -->
-<script type='text/javascript'>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="Picturehouse Cinemas are located in city centres and are architecturally unique venues that provide café bars, restaurants and live events alongside the traditional movie-going experience.">
+    <title>Picturehouses - Home page</title>
+    <link href="/css/picturehouse.min.css" rel="stylesheet">
+    <link type="image/x-icon" href="/images/icons/favicon.gif" rel="shortcut icon"/>
+    <link type="image/x-icon" href="/images/icons/favicon.gif" rel="icon"/>
+    <!--[if lt IE 9]>
+        <script src="/js/vendor/html5shiv.min.js"></script>
+        <script src="/js/vendor/respond.min.js"></script>
+      <![endif]-->
+      <!-- Start: GPT Sync -->
+      <script type='text/javascript'>
         var gptadslots=[];
         (function(){
-                var useSSL = 'https:' == document.location.protocol;
-                var src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt.js';
-                document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>');
+          var useSSL = 'https:' == document.location.protocol;
+          var src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt.js';
+          document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>');
         })();
-</script>
-<script type="text/javascript">
-                //Adslot 1 declaration
-                gptadslots[1]= googletag.defineSlot('/116061662/UK_PictureHouses', [[300,250]],'div-gpt-ad-144738139352026482-1').addService(googletag.pubads());
-                //Adslot 2 declaration
-                gptadslots[2]= googletag.defineSlot('/116061662/UK_PictureHouses/Homepage', [[300,250]],'div-gpt-ad-144738139352026482-2').addService(googletag.pubads());
-                googletag.pubads().enableSyncRendering();
-                googletag.enableServices();
-</script>
-<!-- End: GPT -->
-</head>
-<body>
-<div id="wrapper">
-<link rel="stylesheet" href="https://d2t98m0n7ql7on.cloudfront.net/site-media/css/cityscreen/venues.2014091904.css" />
-<div id="con_header" class="header_global" sold="">
-    <h1>
-		<a href="/" id="header_logo" alt="Picturehouse Cinemas"></a>
-    </h1>
-	<div id="header_right">
-	     <a href="#" id="qb" rel="nofollow" class="quickbook_button"></a>
-                     <form rel="nofollow" id ="searchForm" action="/Search/">
-                       <input type="text" name="header_search" id="header_search" value=""/>
-                </form>
-	     <div id="quickbook_layer">
-	     	  <div class="quickbook_layer_spacing">
-			<form>
-				<select id="cinemaField"><option value="">Cinema</option></select>
-				<select id="filmField"><option value="">Film</option></select>
-				<select id="dateField"><option value="">Date</option></select>
-				<select id="showField"><option value="">Time</option></select>
-				<div class="right"><a href="#" id="go" class="button_book">Book</a></div>
-			</form>
+      </script>
+      <script type="text/javascript">
+          //Adslot 1 declaration
+          gptadslots[1]= googletag.defineSlot('/70228659/PictureHouses', [[300,250]],'div-gpt-ad-996397954946313344-1').addService(googletag.pubads());
+          googletag.pubads().enableSyncRendering();
+          googletag.enableServices();
+      </script>
+      <!-- End: GPT -->
+      <!-- Google Analytics code -->
+      <script>
+        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+        ga('create', 'UA-7911463-11', 'auto');
+        ga('send', 'pageview');
+      </script>
+  </head>
+  <body class="body cinema-global">
+    <script>document.getElementsByTagName("body")[0].className += " js-enabled";</script>
+    <a href="#main" class="sr-only">Skip to main content</a>
+    <div class="interim-banner container-fluid">
+      <div class="container alert-dismissible">
+        <button type="button" class="pull-right close" data-dismiss="alert" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+        You will notice that our ticket booking system has a new look and a new procedure. This is an interim measure that will be in place until we roll out our new website later this year; our old website is now switched off. If you require any assistance with your online booking please try our Customer Service Centre on <strong>020 7733 2229</strong>
+      </div>
+    </div>
+    <div class="component header">
+      <div class="container navbar-global-offset hidden-xs">
+        <div class="row">
+          <nav class="pull-right">
+            <!--
+            <ul class="list-inline list-icons pull-left hidden-sm">
+              <li><a href="#" data-icon="W" class="icon"><span class="sr-only">Bookmark page</span></a></li>
+              <li><a href="#" data-icon="}" class="icon"><span class="sr-only">Email us</span></a></li>
+            </ul>-->
+            <ul class="list-inline list-icons pull-left hidden-sm">
+                <li><a href="https://www.facebook.com/picturehouses" data-icon="@" class="icon" target="_blank"><span class="sr-only">Picturehouse on Facebook</span></a></li>
+                <li><a href="https://twitter.com/picturehouses" data-icon=":" class="icon" target="_blank"><span class="sr-only">Picturehouse on Twitter</span></a></li>
+            </ul>
+          </nav>
+          <nav class="pull-left">
+            <ul class="spaced-list">
+              <li><a href="/">Home</a></li>
+              <li class="invisible"><a href="/cinemas/">Cinemas</a></li>
+            </ul>
+          </nav>
+        </div>
+      </div>      <div class="navbar navbar-inverse top-mg">
+        <div class="pres-bar pres-bar-top"></div>
+        <div class="container">
+          <div class="row relative btm-pd">
+            <div class="logo pull-left">
+                <a href="/"><img class="img-responsive no-left-mg" src="/images/logos/picturehouse-cinemas.png" alt="Picturehouse cinemas homepage"></a>
             </div>
-		</div>
-	</div>
-    <div class="top-links">
-        <div class="top-links-icons">
-            <a class="i-newsletter" href="/Connect/Email_News/">
-                <i class="t-icon"><i></i></i>
-                <span class="s-tooltip">
-                    <span class="st-tl"></span><span class="st-tr"></span>
-                    <strong>Newsletter</strong>
-                </span>
-            </a>
-            <span class="hide"> | </span>
-            <a class="i-facebook" href="/Connect/Facebook/">
-                <i class="t-icon"><i></i></i>
-                <span class="s-tooltip">
-                    <span class="st-tl"></span><span class="st-tr"></span>
-                    <strong>Facebook</strong>
-                </span>
-            </a>
-            <span class="hide"> | </span>
-            <a class="i-twitter" href="/Connect/Twitter/">
-                <i class="t-icon"><i></i></i>
-                <span class="s-tooltip">
-                    <span class="st-tl"></span><span class="st-tr"></span>
-                    <strong>Twitter</strong>
-                </span>
-            </a>
+            <div class="global-primary-nav">
+              <nav class="pull-left pull-right-mobile hidden-xs">
+                <ul class="spaced-list spaced-list-lg spaced-list-inverse">
+                  <li><a href="/cinemas/">Cinemas</a></li>
+                  <li><a href="/Picturehouse_Recommends">Recommends</a></li>
+                  <li><a href="/Picturehouse_Membership">Membership</a></li>
+                </ul>
+              </nav>
+              <div class="pull-right burger-menu">
+                <button type="button" class="btn navbar-toggle" data-target="#burger-menu" data-toggle="collapse">
+                  <span class="icon-bar"></span>
+                  <span class="icon-bar"></span>
+                  <span class="icon-bar"></span>
+                </button>
+                <div class="text-center clear">Menu</div>
+              </div>
+              <nav id="burger-menu" class="collapse clear">
+                <ul class="nav nav-pills nav-stacked">
+                  <li class="nav-dark">
+                    <div class="navbar-inverse">
+                      <form class="form-inline text-right" role="form">
+                        <div class="form-group">
+                          <label class="sr-only" for="searchSiteMobile">Search</label>
+                          <input type="text" class="form-control form-control-sm" id="searchSiteMobile" placeholder="Search">
+                        </div>
+                        <button data-icon='"' class="icon icon-inverse btn-link"></button>
+                      </form>
+                    </div>
+                  </li> --}}
+                  <li><a href="/cinemas/">Cinemas</a></li>
+                  <li><a href="/Picturehouse_Recommends">Recommends</a></li>
+                  <li><a href="/Picturehouse_Membership">Membership</a></li>
+                  <li><a href="http://picturehouseblog.co.uk/" target="_blank">Picturehouse Blog</a></li>
+                  <li><a href="http://corporate.picturehouses.co.uk/" target="_blank">Corporate</a></li>
+                  <li><a href="http://www.picturehouseentertainment.co.uk/" target="_blank">Picturehouse Entertainment</a></li>
+                </ul>
+              </nav>
+            </div>
+          </div>
         </div>
-        <span class="tl-label">MyPicturehouse:</span>
-        <a href="#login_form" id="login_formfancybox-link" class="fancybox-link"><strong>Sign in / Register</strong></a>
+        <div class="pres-bar pres-bar-bottom"></div>
+      </div>
     </div>
-            <div class="basket" style="top:50px;right:15px;position:absolute;"></div>
-            <div class="dummy-top-links" class="hide"></div>
+    <div class="container">
+  <div class="row">
+    <div class="relative">
+    	<div id="carousel-feature" class="carousel-feature relative">
+    		<div class="slideshow responsive"
+    		    data-cycle-fx="scrollHorz"
+    		    data-cycle-timeout="5000"
+    		    data-cycle-prev="#carousel-feature .cycle-prev"
+    		    data-cycle-next="#carousel-feature .cycle-next"
+    		    data-cycle-pager="#no-template-pager"
+    	    	data-cycle-pager-template=""
+    	    	data-slides="> div"
+    		    >
+    			<div>
+    				<a class="text-center" href="/film/rsc-live-loves-labours-won">
+    					<img src="/assets/feature/banners/Loves-Labours.jpg" alt="" class="img-responsive" />
+    					<div class="slide-content">
+    						<h2>RSC Live: Love&#x27;s Labour&#x27;s Won</h2>
+    						<div class="hidden-xs">
+    							<p class="feature-area-date">Wed 4 Mar, 7.00</p>
+    							<div class="visible-lg">
+    							<p>Love’s Labour’s Won (usually known as Much Ado About Nothing) live from the Royal Shakespeare Theatre</p>
+    							</div>
+    							<span class="btn btn-md btn-primary hidden-xs">Book now <span data-icon=">" class="icon"></span></span>
+    						</div>
+    					</div>
+    				</a>
+    			</div>
+    			<div>
+    				<a class="text-center" href="/film/the-sound-of-music">
+    					<img src="/assets/feature/banners/sound-of-music.jpg" alt="" class="img-responsive" />
+    					<div class="slide-content">
+    						<h2>Vintage Sundays: The Sound of Music</h2>
+    						<div class="hidden-xs">
+    							<p class="feature-area-date">Sun 15 Mar</p>
+    							<div class="visible-lg">
+    							<p>Celebrating the 50th birthday of the beloved Rodgers and Hammerstein musical</p>
+    							</div>
+    							<span class="btn btn-md btn-primary hidden-xs">Book now <span data-icon=">" class="icon"></span></span>
+    						</div>
+    					</div>
+    				</a>
+    			</div>
+    			<div>
+    				<a class="text-center" href="/film/true-romance">
+    					<img src="/assets/feature/banners/true-romance.jpg" alt="" class="img-responsive" />
+    					<div class="slide-content">
+    						<h2>Culture Shock: True Romance</h2>
+    						<div class="hidden-xs">
+    							<p class="feature-area-date">Wed 25 Feb</p>
+    							<div class="visible-lg">
+    							<p>Now on digital print for the very first time, TRUE ROMANCE looks bigger, brasher, badder and more stylish than ever</p>
+    							</div>
+    							<span class="btn btn-md btn-primary hidden-xs">Book now <span data-icon=">" class="icon"></span></span>
+    						</div>
+    					</div>
+    				</a>
+    			</div>
+    			<div>
+    				<a class="text-center" href="/film/maxine-peake-as-hamlet">
+    					<img src="/assets/feature/banners/maxine-peake-as-hamlet.jpg" alt="" class="img-responsive" />
+    					<div class="slide-content">
+    						<h2>Maxine Peake as Hamlet</h2>
+    						<div class="hidden-xs">
+    							<p class="feature-area-date">Mon 23 Mar</p>
+    							<div class="visible-lg">
+    							<p>From its sell-out run at Manchester's Royal Exchange Theatre comes this critically acclaimed production of Shakespeare's tragedy</p>
+    							</div>
+    							<span class="btn btn-md btn-primary hidden-xs">Book now <span data-icon=">" class="icon"></span></span>
+    						</div>
+    					</div>
+    				</a>
+    			</div>
+    			<div>
+    				<a class="text-center" href="/Picturehouse_Membership">
+    					<img src="/assets/feature/banners/Membership.jpg" alt="" class="img-responsive" />
+    					<div class="slide-content">
+    						<h2>Picturehouse Membership</h2>
+    						<div class="hidden-xs">
+    							<div class="visible-lg">
+    							<p>Join us and enjoy discounts, priority booking, exclusive previews and more</p>
+    							</div>
+    							<span class="btn btn-md btn-primary hidden-xs">Find out more <span data-icon=">" class="icon"></span></span>
+    						</div>
+    					</div>
+    				</a>
+    			</div>
+    		</div>
+    		<a href="#" role="button" data-slide="prev" id="prev" class="cycle-nav cycle-prev link-unstyled"><span data-icon="=" class="icon-jumbo"></span><span class="sr-only">Previous</span></a>
+    		<a href="#" role="button" data-slide="next" id="next" class="cycle-nav cycle-next link-unstyled"><span data-icon=">" class="icon-jumbo"></span><span class="sr-only">Next</span></a>
+    	</div>
+    	<div class="hidden-xs">
+    		<ul id="no-template-pager" class="nav-justified cycle-pager pager-list external list-inline clearfix no-mg">
+    			<li><img src="/assets/feature/thumbnails/Loves-Labours.jpg" alt="" class="hidden-xs hidden-sm" width="66" height="50" />RSC Live: Love&#x27;s Labour&#x27;s Won</li>
+    			<li><img src="/assets/feature/thumbnails/sound-of-music.jpg" alt="" class="hidden-xs hidden-sm" width="66" height="50" />Vintage Sundays: The Sound of Music</li>
+    			<li><img src="/assets/feature/thumbnails/true-romance.jpg" alt="" class="hidden-xs hidden-sm" width="66" height="50" />Culture Shock: True Romance</li>
+    			<li><img src="/assets/feature/thumbnails/maxine-peake-as-hamlet.jpg" alt="" class="hidden-xs hidden-sm" width="66" height="50" />Maxine Peake as Hamlet</li>
+    			<li><img src="/assets/feature/thumbnails/Membership.jpg" alt="" class="hidden-xs hidden-sm" width="66" height="50" />Picturehouse Membership</li>
+    		</ul>
+    	</div>
+    </div>  </div>
 </div>
-<style>
-#precomplete_form {
-    width:270px;
-}
-#precomplete_formfancybox-link {
-    visibility: none;
-}
-</style>
-<a href="#precomplete_form" id="precomplete_formfancybox-link" class="fancybox-link"></a>
-<div class="hide">
-  <div id="precomplete_form" class="popup-form g-clear">
-    <form method="post" action="" name="info_form">
-      <div class="form-left-part">
-        <h3>Additional Information</h3>
-	<p id="precomplete_msg">To complete your registration, please choose your favourite cinema:</p>
-	<div id="precomplete_email_holder">
-          <label for="">Email address</label>
-          <span class="text">
-            <i class="t-tl"></i><i class="t-tr"></i>
-            <input type="text" id="precomplete_email" name="loginemail"/>
-          </span>
-	 </div>
-        <div class="clearall"></div>
-	<div id="precomplete_venue_holder">
-	  <label for="">Favourite cinema</label>
-	  <select id="precomplete_venue">
-	    <option value="cph">Clapham Picturehouse</option>
-	    <option value="EDP">East Dulwich Picturehouse</option>
-	    <option value="gate">Gate Picturehouse</option>
-	    <option value="gnw">Greenwich Picturehouse</option>
-	    <option value="hck">Hackney Picturehouse</option>
-	    <option value="PHC">Picturehouse Central</option>
-	    <option value="ritz">Ritzy Picturehouse</option>
-	    <option value="se">Stratford, London</option>
-	    <option value="bath">The Little</option>
-	    <option value="NMM">Picturehouse at the NMM</option>
-	    <option value="DAK">Duke&#39;s At Komedia</option>
-	    <option value="doyb">Duke of York&#39;s</option>
-	    <option value="camb">Arts Picturehouse Cambridge</option>
-	    <option value="edbg">Cameo Picturehouse</option>
-	    <option value="xtr">Exeter Picturehouse</option>
-	    <option value="rgl">Regal Picturehouse</option>
-	    <option value="fact">Picturehouse at FACT</option>
-	    <option value="nor">Cinema City</option>
-	    <option value="oxfd">Phoenix Picturehouse</option>
-	    <option value="hlsh">Harbour Lights</option>
-	    <option value="soa">Stratford-upon-Avon</option>
-	    <option value="york">York Picturehouse</option>
-	  </select>
-	</div>
-        <span class="button">
-          <i class="b-tl"></i><i class="b-tr"></i>
-          <input type="button" value="Complete Registration" id="completebutton"/>
-        </span>
-      </div>
-    </form>
+<!-- Main content -->
+<div role="main" id="main" class="main home transparent container">
+  <div class="row hidden-xs btm-mg-60">
+    <div class="col-xs-12">
+      <section class="component top-mg box-inverse">
+      	<h2 class="txt-serif txt-lg pull-left">Select your cinema</h2>
+      	<h3 class="txt-serif txt-lg pull-right"><a href="/cinemas/">See all cinemas</a></h3>
+      	<div class="relative cinema-selector slideshow-overlay-nav top-mg clear">
+      		<div class="slideshow responsive"
+      		    data-cycle-fx=carousel
+      		    data-cycle-timeout=0
+      		    data-cycle-next="#homepage-feature-next"
+      		    data-cycle-prev="#homepage-feature-prev"
+      		    data-cycle-pager="#pager4"
+      		    data-cycle-carousel-visible="7"
+      		    data-cycle-carousel-fluid="true"
+      		    data-allow-wrap="true"
+      		    data-slides="> a"
+      		    data-carousel-hops="5"
+      		    >
+      		    <a class="hover-link" href="/cinema/Duke_Of_Yorks"><img class="img-responsive" src="/images/icons/square/Duke_Of_Yorks.gif" alt="Duke of York&#x27;s Picturehouse landing page" /></a>
+      		    <a class="hover-link" href="/cinema/Dukes_At_Komedia"><img class="img-responsive" src="/images/icons/square/Dukes_At_Komedia.gif" alt="Duke&#x27;s at Komedia landing page" /></a>
+      		    <a class="hover-link" href="/cinema/Arts_Picturehouse_Cambridge"><img class="img-responsive" src="/images/icons/square/Arts_Picturehouse_Cambridge.gif" alt="Arts Picturehouse Cambridge landing page" /></a>
+      		    <a class="hover-link" href="/cinema/Cameo_Picturehouse"><img class="img-responsive" src="/images/icons/square/Cameo_Picturehouse.gif" alt="The Cameo landing page" /></a>
+      		    <a class="hover-link" href="/cinema/Exeter_Picturehouse"><img class="img-responsive" src="/images/icons/square/Exeter_Picturehouse.gif" alt="Exeter Picturehouse landing page" /></a>
+      		    <a class="hover-link" href="/cinema/Regal_Picturehouse"><img class="img-responsive" src="/images/icons/square/Regal_Picturehouse.gif" alt="Regal Picturehouse landing page" /></a>
+      		    <a class="hover-link" href="/cinema/Cinema_City"><img class="img-responsive" src="/images/icons/square/Cinema_City.gif" alt="Cinema City landing page" /></a>
+      		    <a class="hover-link" href="/cinema/Picturehouse_At_Fact"><img class="img-responsive" src="/images/icons/square/Picturehouse_At_Fact.gif" alt="Picturehouse at FACT landing page" /></a>
+      		    <a class="hover-link" href="/cinema/Phoenix_Picturehouse"><img class="img-responsive" src="/images/icons/square/Phoenix_Picturehouse.gif" alt="Phoenix Picturehouse landing page" /></a>
+      		    <a class="hover-link" href="/cinema/Harbour_Lights"><img class="img-responsive" src="/images/icons/square/Harbour_Lights.gif" alt="Harbour Lights landing page" /></a>
+      		    <a class="hover-link" href="/cinema/Stratford_Upon_Avon"><img class="img-responsive" src="/images/icons/square/Stratford_Upon_Avon.gif" alt="Stratford Upon Avon landing page" /></a>
+      		    <a class="hover-link" href="/cinema/York_Picturehouse"><img class="img-responsive" src="/images/icons/square/York_Picturehouse.gif" alt="City Screen Picturehouse landing page" /></a>
+      		</div>
+      		<a href="#" role="button" data-slide="prev" id="homepage-feature-prev" class="cycle-nav cycle-prev cycle-links link-unstyled"><span data-icon="=" class="icon-jumbo"></span><span class="sr-only">Previous</span></a>
+      		<a href="#" role="button" data-slide="next" id="homepage-feature-next" class="cycle-nav cycle-next cycle-links link-unstyled"><span data-icon=">" class="icon-jumbo"></span><span class="sr-only">Next</span></a>
+      	</div>
+      </section>    </div>
   </div>
-</div>
-<script>
-// START OF UTILS
-function qs(key) {
-    key = key.replace(/[*+?^$.\[\]{}()|\\\/]/g, "\\$&"); // escape RegEx meta chars
-    var match = location.search.match(new RegExp("[?&]"+key+"=([^&]+)(&|$)"));
-    return match && decodeURIComponent(match[1].replace(/\+/g, " "));
-}
-if (typeof String.prototype.startsWith != 'function') {
-  // see below for better implementation!
-  String.prototype.startsWith = function (str){
-    return this.indexOf(str) == 0;
-  };
-}
-// END OF UTILS
-function isPrecompleteForm() {
-    if (window.location.hash.indexOf("#precomplete_form") != -1) {
-        jQuery("a#precomplete_formfancybox-link")[0].click()
-    }
-};
-var precomplete_hookup = function() {
-    jQuery('a#precomplete_formfancybox-link').fancybox({
-        transitionIn: 'elastic',
-        transitionOut: 'elastic',
-        onComplete: function(){
-           jQuery('#precomplete_form span.button .b-tl').each(function(){
-                jQuery(this).width( jQuery(this).parent().width() )
-            });
-        }
-    });
-    jQuery('#completebutton').click(precomplete_finish);
-};
-var setup_precomplete_form = function() {
-    setup = window.location.hash
-    if (setup.indexOf("email") == -1) {
-        jQuery("#precomplete_email_holder").hide()
-    } else {
-        jQuery("#precomplete_email_holder").show()
-    }
-    if (setup.indexOf("venue_id") == -1) {
-        jQuery("#precomplete_venue_holder").hide()
-    } else {
-        jQuery("#precomplete_venue_holder").show()
-    }
-};
-var precomplete_finish = function() {
-    var url = qs('redirect');
-    if (setup.indexOf("email") != -1) {
-        url += "&email=" + jQuery("#precomplete_email").val()
-    }
-    if (setup.indexOf("venue_id") != -1) {
-        url += "&venue_id=" + jQuery("#precomplete_venue").val()
-    }
-    window.location.href = url
-};
-jQuery(document).ready(function () {
-    precomplete_hookup();
-    setup_precomplete_form()
-    isPrecompleteForm()
-})
-</script>
-        <div class="hide">
-            <div id="login_form" class="popup-form g-clear">
-	    	    <style>
-#socialauth_error_msg {
-    color:red;
-    margin:0;
-    line-height:12px;
-    margin-bottom:-7px;
-}
-</style>
-<p id="socialauth_error_msg"></p>
-<script>
-console.log("START ALERT SETUP SCRIPT")
-// START OF UTILS
-function getHashParams() {
-    var hashParams = {};
-    var e,
-        a = /\+/g,  // Regex for replacing addition symbol with a space
-        r = /([^&;=]+)=?([^&;]*)/g,
-        d = function (s) { return decodeURIComponent(s.replace(a, " ")); },
-        q = window.location.hash.substring(1);
-    while (e = r.exec(q))
-       hashParams[d(e[1])] = d(e[2]);
-    return hashParams;
-}
-// END OF UTILS
-function isErrorMsg() {
-    // Is there a socialauth error message?
-    if (window.location.hash.indexOf("#socialauth_error_msg") != -1) {
-        // Found a SocialAuth error signal, preparing to display msg.
-        var msg = getHashParams()["socialauth_error_msg"]
-        if (msg) {
-            jQuery("#socialauth_error_msg").html(msg);
-            jQuery("#socialauth_error_msg").show();
-        };
-        // Open login dialog.
-        var rt = jQuery("a#login_formfancybox-link").fancybox().trigger('click');
-    } else {
-        jQuery("#socialauth_error_msg").hide();
-    }
-};
-isErrorMsg()
-</script>
-               <form method="post" action="/loyalty/login_process" name="login_form">
-                <div class="form-left-part">
-<style>
-.social_auth_widget {
-    margin-bottom: 10px;
-}
-.social_button {
-    width: 270px;
-    height: 30px;
-    margin-bottom: 8px;
-}
-.social_auth_widget a,
-.social_auth_widget a:link,
-.social_auth_widget a:visited,
-.social_auth_widget a:hover,
-.social_auth_widget a:active
- {
-  color: inherit;
-  text-decoration: none;
-}
-.social_button h4 {
-    display: inline;
-    padding-left: 6px;
-    vertical-align: -webkit-baseline-middle;
-    color: #fff;
-    font-size: 129%;
-    letter-spacing: 0.2px;
-}
-.social_button.safari h4 {
-    vertical-align: middle !important;
-}
-.social_auth_widget #facebook_button {
-    background-color: #4a629d;
-    border-radius: 3px;
-}
-.social_auth_widget #google-plus_button {
-    background-color: #ca363a;
-    border-radius: 3px;
-}
-.social_button img {
-    margin-left: 10px;
-    margin-top: 2.5px;
-}
-.social_button.safari img {
-    margin-top: 3px;
-}
-</style>
-<div class="social_auth_widget">
-  <a href="/socialauth/login/facebook/">
-    <div class="social_button" id="facebook_button">
-      <img src="/site-media/images/social/facebook_login.png" alt="Login with Facebook"></img>
-      <h4>Sign in with Facebook</h4>
+  <div class="row top-mg">
+    <div class="col-xs-12 col-sm-9 col-sm-push-3">
+      <section class="component">
+      	<div class="box box-orange-on-cream box-high box-no-pd clearfix">
+      		<div class="col-xs-12 col-sm-5 hidden-xs">
+      			<img src="/images/global-homepage/membership-advocates.gif" alt="" class="img-responsive pull-left" />
+      		</div>
+      		<div class="col-xs-12 col-sm-7">
+      			<div class="box-content">
+      				<h2><a href="/Picturehouse_Membership">Picturehouse Membership</a></h2>
+      				<p>Join us and enjoy discounts, priority booking, exclusive previews and more <strong>and now receive four free tickets</strong></p>
+      				<ul>
+      					<li>Up to £2 off tickets</li>
+      					<li>Invitations to free previews</li>
+      					<li>10% off food and drink</li>
+      					<li>Priority booking for special events</li>
+      					<li><img src="/images/global-homepage/jameson.gif" alt="" /> 20% off all year round / Free drink on sign-up</li>
+      					<li>Discounts at local and national businesses</li>
+      				</ul>
+      				<p><strong>Valid at all Picturehouse Cinemas nationwide</strong></p>
+      			</div>
+      		</div>
+      	</div>
+      </section>    </div>
+    <div class="col-xs-12 col-sm-3 col-sm-pull-9">
+      <div class="row">
+          <div class="col-xs-6 col-sm-12">
+              <div class="component embed-responsive embed-responsive-ad btm-mg" onmousedown="javascript:location.href='/film/inherent-vice'">
+              	<object type="application/x-shockwave-flash" data="/assets/mpu/sts_300x250_picturehouse_4.swf" width="100%" height="250" class="ad">
+              	  <param name="movie" value="/assets/mpu/sts_300x250_picturehouse_4.swf" />
+              	  <param value="high" name="quality">
+              	  <param value="#FFFFFF" name="bgcolor">
+              	  <param value="always" name="allowScriptAccess">
+              	  <param value="clickTAG=http://www.google.com/" name="FlashVars">
+              	  <param value="transparent" name="wmode">
+              	  <p><img class="img-responsive" src="/assets/mpu/IV_UK_Main_ss_Picturehouse_300x250.jpg" alt="" /></p>
+              	</object>
+              </div>          </div>
+          <div class="col-xs-6 col-sm-12">
+              <div class="component">
+              	<p><a href="/Picturehouse_Membership"><img src="/assets/mpu/ad-membership.gif" class="img-responsive" alt="" /></a></p>
+              </div>          </div>
+      </div>
     </div>
-  </a>
-  <a href="/socialauth/login/google-plus/">
-    <div class="social_button" id="google-plus_button">
-      <img src="/site-media/images/social/google-plus_login.png" alt="Login with Google+"></img>
-      <h4>Sign in with Google+</h4>
+  </div>
+  <div class="row">
+    <div class="col-xs-12 col-sm-8">
+      <section class="component">
+      	<div class="clearfix box box-yellow-on-white box-no-pd">
+      		<div class="box-content">
+      			<img src="/images/global-homepage/ph-blog.gif" class="img-responsive" alt="" />
+      			<div class="pd-x">
+      				<h2><a href="http://picturehouseblog.co.uk/" target="_blank">Picturehouse Blog</a></h2>
+      				<p>Find out more about the films and events at Picturehouse Cinemas on the Picturehouse Blog.</p>
+      			</div>
+      		</div>
+      	</div>
+      </section>    </div>
+    <div class="col-xs-12 col-sm-4">
+      <div class="component ph-box">
+      	<a href="/Picturehouse_Recommends" target="_blank" class="hover-link">
+      		<img src="/images/global-homepage/ph-recommends.png" alt="" class="img-responsive" />
+      	</a>
+      </div>    </div>
+  </div>
+  <div class="row">
+    <div class="col-xs-12">
+      <section class="component btm-mg-md">
+      	<a class="hover-link" href="http://www.picturehouseentertainment.co.uk/" target="_blank"><img src="/images/global-homepage/ph-entertainment.jpg" class="img-responsive" alt=""></a>
+      </section>    </div>
+  </div>
+  <div class="row">
+    <div class="col-xs-12">
+      <section class="component">
+      	<div class="box box-red-on-black left-pd-lg">
+      		<div class="row">
+      			<div class="box-content col-sm-5">
+      				<h2 class="txt-xl"><a href="http://corporate.picturehouses.co.uk/venue-hire/" target="_blank">Venue Hire</a></h2>
+      				<p class="txt-lg">From private screenings and birthday parties to corporate events – hire one of our venues and make it yours!</p>
+      			</div>
+      		</div>
+      	</div>
+      </section>
     </div>
-  </a>
+  </div>
+  <div class="row">
+    <div class="col-xs-12">
+      <div class="component ph-box">
+      	<a href="/Picturehouse_Recommends" class="hover-link">
+      		<img src="/images/global-homepage/ph-recommends-full.png" alt="" class="img-responsive" />
+      	</a>
+      </div>    </div>
+  </div>
+  <hr class="hr-lg hr-dark" />
 </div>
-<script>
- (function () {
-   var source = encodeURI(document.URL)
-   jQuery(".social_auth_widget a").each(function (i,v) {
-       v.href = v.href + "?source_page=" + source
-   })
-   var safari = jQuery.browser.safari != undefined;
-   if (safari) {
-     jQuery(".social_button").addClass("safari");
-   }
-  })()
-</script>
-                    <h3>Sign in</h3>
-                    <p class="error login_form" style="color:red; margin:0; line-height:1em; display:None;"></p>
-                    <label for="">Email address</label>
-                    <span class="text">
-                        <i class="t-tl"></i><i class="t-tr"></i>
-                        <input type="text" id="loginemail" name="loginemail"/>
-                    </span>
-                    <div class="clearall"></div>
-                    <label for="">Password</label>
-                    <span class="text">
-                        <i class="t-tl"></i><i class="t-tr"></i>
-                        <input type="password" id="loginpassword" name="loginpassword"/>
-                    </span>
-                    <div class="clearall"></div>
-                    <a class="lightgreen" href="#forgotpassword_form" id="forgotpasswordbutton" title="Forgot your password?"><strong>Forgot your password?</strong></a>
-                    <input type="hidden" value="true" name="nomd5"/>
-                    <div class="checkbox">
-                        <input id="loginremember_me" type="checkbox" name="loginremember_me"/>
-                        <label for="">Keep me signed in</label>
-                    </div>
-                    <div class="clearall"></div>
-                    <span class="button">
-                        <i class="b-tl"></i><i class="b-tr"></i>
-                        <input type="submit" value="Sign in" id="loginbutton"/>
-                    </span>
-                </div>
-               </form>
-                <div class="form-right-part">
-                    <h3>Create a MyPicturehouse account</h3>
-                    <p class="error register_form" style="color:red; margin:0; line-height:1em; display:None;"></p>
-                    <label for="">Favourite cinema</label>
-<select id="membership_myphvenue_id">
-<option value="cph">Clapham Picturehouse</option>
-<option value="EDP">East Dulwich Picturehouse</option>
-<option value="gate">Gate Picturehouse</option>
-<option value="gnw">Greenwich Picturehouse</option>
-<option value="hck">Hackney Picturehouse</option>
-<option value="PHC">Picturehouse Central</option>
-<option value="ritz">Ritzy Picturehouse</option>
-<option value="se">Stratford, London</option>
-<option value="bath">The Little</option>
-<option value="NMM">Picturehouse at the NMM</option>
-<option value="DAK">Duke&#39;s At Komedia</option>
-<option value="doyb">Duke of York&#39;s</option>
-<option value="camb">Arts Picturehouse Cambridge</option>
-<option value="edbg">Cameo Picturehouse</option>
-<option value="xtr">Exeter Picturehouse</option>
-<option value="rgl">Regal Picturehouse</option>
-<option value="fact">Picturehouse at FACT</option>
-<option value="nor">Cinema City</option>
-<option value="oxfd">Phoenix Picturehouse</option>
-<option value="hlsh">Harbour Lights</option>
-<option value="soa">Stratford-upon-Avon</option>
-<option value="york">York Picturehouse</option>
-</select>
-                    <div class="clearall"></div>
-                    <label for="">Email address</label>
-                    <span class="text">
-                        <i class="t-tl"></i><i class="t-tr"></i>
-                        <input type="text" id="membership_myphcustomer_email" />
-                    </span>
-                    <div class="clearall"></div>
-                    <span class="button">
-                        <i class="b-tl"></i><i class="b-tr"></i>
-                        <input type="submit" id="createaccountbutton" value="Create account" />
-                    </span>
-                    <div class="clearall"></div>
-                    <br />
-                    <h4>The benefits</h4>
-                    Speed up online booking, rate films, receive recommendations, view your film history, manage your private account, signup for coming soon, manage subscriptions and preferences.
-                </div>
-            </div>
-        </div>
-        <div class="hide">
-            <div id="forgotpassword_form" class="popup-form g-clear">
-                <div class="form-left-part">
-                    <h3>Forgot your password</h3>
-                    <p>Enter your email address so that we can email you the password</p>
-                    <p class="error forgotpassword_form" style="color:red; margin:0; line-height:1em; display:None;"></p>
-                    <label for="">Email address</label>
-                    <span class="text">
-                        <i class="t-tl"></i><i class="t-tr"></i>
-                        <input type="text" id="forgot_passwordemail"/>
-                    </span>
-                    <div class="clearall"></div>
-                    <span class="button">
-                        <i class="b-tl"></i><i class="b-tr"></i>
-                        <input type="submit" value="email new password" id="forgot_password_button"/>
-                    </span>
-                </div>
-            </div>
-        </div>
-        <div class="hide">
-            <a href="#message_form" id="popup_message_link"></a>
-            <a href="#register_form" id="register_link"></a>
-        </div>
-        <div class="hide">
-            <div id="message_form" class="popup-form g-clear">
-                    <h3 id="popup_message_box_title"></h3>
-            </div>
-        </div>
-        <div class="hide">
-            <div id="register_form" class="popup-form g-clear">
-               <form method="post" action="/loyalty/register_num" name="register_form" id="register">
-                    <h3>Register</h3>
-                    <p>Please provide the following details to set up your account.</p>
-                    <p class="error" style="color:red; padding:0; margin:0; line-height:1em; display:None;"></p>
-                    <label style="display:none;" for="">Membership number</label>
-                    <span class="text" style="display:none;">
-                        <i class="t-tl"></i><i class="t-tr"></i>
-                        <input type="text" id="registercustomer_num" name="registercustomer_num"/>
-                    </span>
-                    <input type="hidden" value="true" name="nomd5"/>
-                    <div class="clearall"></div>
-                    <label for="">First name</label>
-                    <span class="text">
-                        <i class="t-tl"></i><i class="t-tr"></i>
-                        <input type="text" id="registerfirstname" name="registerfirstname"/>
-                    </span>
-                    <div class="clearall"></div>
-                    <label for="">Surname</label>
-                    <span class="text">
-                        <i class="t-tl"></i><i class="t-tr"></i>
-                        <input type="text" id="registerlastname" name="registerlastname"/>
-                    </span>
-                    <input type="hidden" class="broad popup" name="registervenue_id" value="" id="registervenue_id">
-                    <input type="hidden" class="broad popup" name="registercity" value="" id="registercity">
-                    <div class="clearall"></div>
-                    <label for="">Email address</label>
-                    <span class="text">
-                        <i class="t-tl"></i><i class="t-tr"></i>
-                        <input type="text" id="registeremail" name="registeremail"/>
-                    </span>
-                    <div class="clearall"></div>
-                    <label for="">Password</label>
-                    <span class="text">
-                        <i class="t-tl"></i><i class="t-tr"></i>
-                        <input type="password" id="registerpassword" name="registerpassword"/>
-                    </span>
-                    <div class="clearall"></div>
-                    <label for="">Confirm password</label>
-                    <span class="text">
-                        <i class="t-tl"></i><i class="t-tr"></i>
-                        <input type="password" id="registerpassword2" name="registerpassword2"/>
-                    </span>
-                    <div class="clearall"></div>
-                    <span class="button">
-                        <i class="b-tl"></i><i class="b-tr"></i>
-                        <input type="submit" value="Register" id="register_button"/>
-                    </span>
-               </form>
-            </div>
-        </div>
+    		<div class="footer">
+    			<div class="navbar navbar-inverse">
+    				<div class="container">
+    					<div class="row">
+    						<div class="col-xs-12 col-sm-9">
+    							<ul class="spaced-list">
+    								<li><a href="/Privacy" target="_blank">Privacy &amp; Data Protection</a></li>
+    								<li><a href="/Terms/Terms_And_Conditions" target="_blank">Terms &amp; Conditions</a></li>
+    								<li><a href="/Terms" target="_blank">Terms of Admission</a></li>
+    								<li><a href="/Contact">Contact Us</a></li>
+    								<li><a href="/Contact#jobs" target="_blank">Jobs</a></li>
+    								<li><a href="/FAQs" target="_blank">FAQs</a></li>
+    								<li><a href="http://corporate.picturehouses.co.uk/venue-hire/" target="_blank">Venue hire</a></li>
+    							</ul>
+    						</div>
+    						<div class="col-xs-12 col-sm-3 pull-right">
+    						  	<select name="select-cinema" title="Select cinema" id="select-cinema" class="form-control btm-mg" data-auto-link="true">
+    								<option value="">Select a cinema</option>
+    									<option data-href="/cinema/Duke_Of_Yorks">Brighton — Duke of York&#x27;s Picturehouse</option>
+    									<option data-href="/cinema/Dukes_At_Komedia">Brighton — Duke&#x27;s at Komedia</option>
+    									<option data-href="/cinema/Arts_Picturehouse_Cambridge">Cambridge — Arts Picturehouse Cambridge</option>
+    									<option data-href="/cinema/Cameo_Picturehouse">Edinburgh — The Cameo</option>
+    									<option data-href="/cinema/Exeter_Picturehouse">Exeter — Exeter Picturehouse</option>
+    									<option data-href="/cinema/Regal_Picturehouse">Henley — Regal Picturehouse</option>
+    									<option data-href="/cinema/Cinema_City">Norwich — Cinema City</option>
+    									<option data-href="/cinema/Picturehouse_At_Fact">Liverpool — Picturehouse at FACT</option>
+    									<option data-href="/cinema/Phoenix_Picturehouse">Oxford — Phoenix Picturehouse</option>
+    									<option data-href="/cinema/Harbour_Lights">Southampton — Harbour Lights</option>
+    									<option data-href="/cinema/Stratford_Upon_Avon">Stratford Upon Avon — Stratford Upon Avon</option>
+    									<option data-href="/cinema/York_Picturehouse">York — City Screen Picturehouse</option>
+    							</select>
+    						</div>
+    					</div>
+    					<div class="row">
+    						<div class="col-xs-12 col-sm-9">
+    							<p>Picturehouse Cinemas Limited is a limited company registered in England as company number 2310403 and its registered office is Power Road Studios, 114 Power Road, Chiswick, London, W4 5PY.</p>
+    						</div>
+    						<footer class="col-xs-12 col-sm-3 pull-right">
+    							<p>&copy; 2015 Picturehouse Cinemas Ltd.</p>
+    						</footer>
+    					</div>
+    				</div>
+    			</div>
+    		</div>
-<div id="con_menu">
-		<!-- Main menu -->
-		<div id="menumain" style="font-size:14px;">
-		       <!-- Seperator -->
-		         <a href="/" class="menu_ph">
-                         </a>
-		       <!-- Seperator -->
-                         <a href="/Coming_Soon/" class=
-                           "menuitem global"
-                          ><span class="menuitem_left"></span>Coming Soon</a>
-		       <!-- Seperator -->
-				    <span class="separator">&nbsp;</span>
-                         <a href="/Picturehouse_Recommends/" class=
-                           "menuitem global"
-                          ><span class="menuitem_left"></span>Recommends</a>
-		       <!-- Seperator -->
-				    <span class="separator">&nbsp;</span>
-                         <a href="/Connect/" class=
-                           "menuitem global"
-                          ><span class="menuitem_left"></span>Connect</a>
-		       <!-- Seperator -->
-				    <span class="separator">&nbsp;</span>
-                         <a href="http://corporate.picturehouses.co.uk" class=
-                           "menuitem global"
-                          ><span class="menuitem_left"></span>Corporate</a>
-		       <!-- Seperator -->
-				    <span class="separator">&nbsp;</span>
-                         <a href="/Picturehouse_Membership/" class=
-                           "menuitem global"
-                          ><span class="menuitem_left"></span>Membership</a>
-		       <!-- Seperator -->
-				    <span class="separator">&nbsp;</span>
-                         <a href="http://www.picturehouseentertainment.co.uk/" class=
-                           "menuitem global"
-                          ><span class="menuitem_left"></span>Picturehouse Entertainment</a>
-		       <!-- Seperator -->
-				    <span class="separator">&nbsp;</span>
-                         <a href="http://picturehouseblog.co.uk/" class=
-                           "menuitem global"
-                          ><span class="menuitem_left"></span>Blog</a>
-		</div>
-		<!-- Ends Main menu -->
-		<!-- Sub menu -->
-</div>
-	<div id="con_content">
-<div class="col_single">
-<div id="cinemalisthome" class="box2">
-	<div class="box2_top"></div>
-	<div class="box2_title">
-		<h1 class="clapham">Cinemas</h1>
-	</div>
-	<div style="min-height: 620px;" class="box2_content txt1">
-		<ul class="cinemas">
-            	    <li class="first">
-                        <a href="/cinema/Clapham_Picturehouse/" style="width:240px;">
-				<span class="left"
-					 >London</span>
-		                <span class="right"
-				>Clapham Picturehouse</span>
-		           </a> </li>
-                    <li>
-                        <a href="/cinema/East_Dulwich_Picturehouse/" style="width:240px;">
-				<span class="left"
-					 >London</span>
-		                <span class="right"
-				>East Dulwich Picturehouse</span>
-		           </a> </li>
-                    <li>
-                        <a href="/cinema/Gate_Picturehouse/" style="width:240px;">
-				<span class="left"
-					 >London</span>
-		                <span class="right"
-				>Gate Picturehouse</span>
-		           </a> </li>
-                    <li>
-                        <a href="/cinema/Greenwich_Picturehouse/" style="width:240px;">
-				<span class="left"
-					 >London</span>
-		                <span class="right"
-				>Greenwich Picturehouse</span>
-		           </a> </li>
-                    <li>
-                        <a href="/cinema/Hackney_Picturehouse/" style="width:240px;">
-				<span class="left"
-					 >London</span>
-		                <span class="right"
-				>Hackney Picturehouse</span>
-		           </a> </li>
-                    <li>
-                        <a href="/cinema/Picturehouse_Central/" style="width:240px;">
-				<span class="left"
-					 >London</span>
-		                <span class="right"
-				>Picturehouse Central</span>
-		           </a> </li>
-                    <li>
-                        <a href="/cinema/Ritzy_Picturehouse/" style="width:240px;">
-				<span class="left"
-					 >London</span>
-		                <span class="right"
-				>Ritzy Picturehouse</span>
-		           </a> </li>
-                    <li>
-                        <a href="/cinema/Stratford_London/" style="width:240px;">
-				<span class="left"
-					 >London</span>
-		                <span class="right"
-				>Stratford East Picturehouse</span>
-		           </a> </li>
-                    <li>
-                        <a href="/cinema/The_Little/" style="width:240px;">
-				<span class="left"
-					 >Bath</span>
-		                <span class="right"
-				>The Little Theatre Cinema</span>
-		           </a> </li>
-                    <li>
-                        <a href="/cinema/Picturehouse_At_National_Media_Museum/" style="width:240px;">
-				<span class="left"
-					 >Bradford</span>
-		                <span class="right"
-						style="width:110px;"
-				>Picturehouse At National Media Museum</span>
-		           </a> </li>
-                    <li>
-                        <a href="/cinema/Dukes_At_Komedia/" style="width:240px;">
-				<span class="left"
-					 >Brighton</span>
-		                <span class="right"
-				>Duke&#39;s At Komedia</span>
-		           </a> </li>
-                    <li>
-                        <a href="/cinema/Duke_Of_Yorks/" style="width:240px;">
-				<span class="left"
-					 >Brighton</span>
-		                <span class="right"
-				>Duke of York&#39;s Picturehouse</span>
-		           </a> </li>
-                    <li>
-                        <a href="/cinema/Arts_Picturehouse_Cambridge/" style="width:240px;">
-				<span class="left"
-					 >Cambridge</span>
-		                <span class="right"
-				>Arts Picturehouse</span>
-		           </a> </li>
-                    <li>
-                        <a href="/cinema/Cameo_Picturehouse/" style="width:240px;">
-				<span class="left"
-					 >Edinburgh</span>
-		                <span class="right"
-				>Cameo Picturehouse</span>
-		           </a> </li>
-                    <li>
-                        <a href="/cinema/Exeter_Picturehouse/" style="width:240px;">
-				<span class="left"
-					 >Exeter</span>
-		                <span class="right"
-				>Exeter Picturehouse</span>
-		           </a> </li>
-                    <li>
-                        <a href="/cinema/Regal_Picturehouse/" style="width:240px;">
-				<span class="left"
-					 >Henley-on-Thames</span>
-		                <span class="right"
-				>Regal Picturehouse</span>
-		           </a> </li>
-                    <li>
-                        <a href="/cinema/Picturehouse_At_Fact/" style="width:240px;">
-				<span class="left"
-					 >Liverpool</span>
-		                <span class="right"
-				>Picturehouse at FACT</span>
-		           </a> </li>
-                    <li>
-                        <a href="/cinema/Cinema_City/" style="width:240px;">
-				<span class="left"
-					 >Norwich</span>
-		                <span class="right"
-				>Cinema City</span>
-		           </a> </li>
-                    <li>
-                        <a href="/cinema/Phoenix_Picturehouse/" style="width:240px;">
-				<span class="left"
-					 >Oxford</span>
-		                <span class="right"
-				>Phoenix Picturehouse</span>
-		           </a> </li>
-                    <li>
-                        <a href="/cinema/Harbour_Lights/" style="width:240px;">
-				<span class="left"
-					 >Southampton</span>
-		                <span class="right"
-					style="width:88px;"
-				>Harbour Lights Picturehouse</span>
-		           </a> </li>
-                    <li>
-                        <a href="/cinema/Stratford_Upon_Avon/" style="width:240px;">
-				<span class="left"
-				style="width:100px;"
-					 >Stratford-upon-Avon</span>
-		                <span class="right"
-						style="width:110px;"
-				>Stratford-upon-Avon Picturehouse</span>
-		           </a> </li>
-                    <li>
-                        <a href="/cinema/York_Picturehouse/" style="width:240px;">
-				<span class="left"
-					 >York</span>
-		                <span class="right"
-				>City Screen Picturehouse</span>
-		           </a> </li>
-		</ul>
-	</div>
-	<div class="box2_bottom"></div>
-</div>
-</div>
-<div class="col_spacer">&nbsp;</div>
-<div class="col_single">
-<div class="box2" id="latestnews">
-	<div class="box2_top"></div>
-	<div class="box2_title">
-		<h1>
-                       <a href="/News/" class="global">Latest News</a>
-                       <a style="margin-left:20px;" href="/News.rss" class="global"><img src="https://d2t98m0n7ql7on.cloudfront.net/site-media/images/feed-icon-14x14.png" alt="News feed"></a>
-		</h1>
-	</div>
-	<div class="box2_content" style="min-height: 590px;">
-		<div class="item">
-			<div class="imageholder noborder">
-                             <a class="txt2 global" href="/News/item/Citizenfour_Plus_Panel_Discussion_Live_Via_Satellite/">
-                            <img src="https://d2t98m0n7ql7on.cloudfront.net/newman/static/atchs/Content/41/413vs.jpeg" height="80" width="80">
-			     </a>
-			</div>
-                             <a class="txt2 global" href="/News/item/Citizenfour_Plus_Panel_Discussion_Live_Via_Satellite/">CITIZENFOUR Premiere plus Discussion Live via Satellite</a>
-                        <br>
-			<i>
-            <span>
-        From the London Film Festival <a href="/News/item/Citizenfour_Plus_Panel_Discussion_Live_Via_Satellite/" class="global" style="padding-left:5px; font-size:11px;">more...</a></span>
-</i>
-			<div class="clear"></div>
-		</div>
-		<div class="separator"></div>
-		<div class="item">
-			<div class="imageholder noborder">
-                             <a class="txt2 global" href="/News/item/The_Old_Vics_The_Crucible/">
-                            <img src="/newman/static/atchs/Content/mw/mwcch.jpeg" height="80" width="80">
-			     </a>
-			</div>
-                             <a class="txt2 global" href="/News/item/The_Old_Vics_The_Crucible/">The Old Vic&#39;s The Crucible</a>
-                        <br>
-			<i>
-            <span>
-        Arthur Miller's drama, captured live on stage <a href="/News/item/The_Old_Vics_The_Crucible/" class="global" style="padding-left:5px; font-size:11px;">more...</a></span>
-</i>
-			<div class="clear"></div>
-		</div>
-		<div class="separator"></div>
-		<div class="item">
-			<div class="imageholder noborder">
-                             <a class="txt2 global" href="/News/item/Guardian_Live_Russell_Brand_In_Conversation/">
-                            <img src="https://d2t98m0n7ql7on.cloudfront.net/newman/static/atchs/Content/15/15vyd.jpeg" height="80" width="80">
-			     </a>
-			</div>
-                             <a class="txt2 global" href="/News/item/Guardian_Live_Russell_Brand_In_Conversation/">Guardian Live: In Conversation with Russell Brand</a>
-                        <br>
-			<i>
-            <span>
-        Thursday 23 October <a href="/News/item/Guardian_Live_Russell_Brand_In_Conversation/" class="global" style="padding-left:5px; font-size:11px;">more...</a></span>
-</i>
-			<div class="clear"></div>
-		</div>
-		<div class="separator"></div>
-		<div class="item">
-			<div class="imageholder noborder">
-                             <a class="txt2 global" href="/News/item/Culture_Shock_Presents_Withnail_I_Newly_Resotored/">
-                            <img src="https://d2t98m0n7ql7on.cloudfront.net/newman/static/atchs/Global/bl/blnqi.gif" height="80" width="80">
-			     </a>
-			</div>
-                             <a class="txt2 global" href="/News/item/Culture_Shock_Presents_Withnail_I_Newly_Resotored/">Culture Shock presents WITHNAIL &amp; I – Newly Restored!</a>
-                        <br>
-			<i>
-            <span>
-        The finest cult comedy known to humanity <a href="/News/item/Culture_Shock_Presents_Withnail_I_Newly_Resotored/" class="global" style="padding-left:5px; font-size:11px;">more...</a></span>
-</i>
-			<div class="clear"></div>
-		</div>
-		<div class="separator"></div>
-		<div class="item">
-			<div class="imageholder noborder">
-                             <a class="txt2 global" href="/News/item/Book_Now_For_Christopher_Nolans_Interstellar/">
-                            <img src="https://d2t98m0n7ql7on.cloudfront.net/newman/static/atchs/Content/id/idqj1.jpeg" height="80" width="80">
-			     </a>
-			</div>
-                             <a class="txt2 global" href="/News/item/Book_Now_For_Christopher_Nolans_Interstellar/">Book Now for Christopher Nolan&#39;s INTERSTELLAR</a>
-                        <br>
-			<i>
-            <span>
-        Opening on Friday 7 November <a href="/News/item/Book_Now_For_Christopher_Nolans_Interstellar/" class="global" style="padding-left:5px; font-size:11px;">more...</a></span>
-</i>
-			<div class="clear"></div>
-		</div>
-		<div class="separator"></div>
-		<div class="item">
-			<div class="imageholder noborder">
-                             <a class="txt2 global" href="/News/item/Vintage_Sundays_Presents_To_Kill_A_Mockingbird/">
-                            <img src="https://d2t98m0n7ql7on.cloudfront.net/newman/static/atchs/Content/z9/z9bu1.jpeg" height="80" width="80">
-			     </a>
-			</div>
-                             <a class="txt2 global" href="/News/item/Vintage_Sundays_Presents_To_Kill_A_Mockingbird/">Vintage Sundays presents TO KILL A MOCKINGBIRD</a>
-                        <br>
-			<i>
-            <span>
-        Sunday 19 October <a href="/News/item/Vintage_Sundays_Presents_To_Kill_A_Mockingbird/" class="global" style="padding-left:5px; font-size:11px;">more...</a></span>
-</i>
-			<div class="clear"></div>
-		</div>
-	</div>
-	<div class="box2_bottomlinks">
-	     	<a href="/News/" class="txt3 global">All News</a>
-                       <a style="margin-left:20px;" href="/News.rss" class="global"><img src="https://d2t98m0n7ql7on.cloudfront.net/site-media/images/feed-icon-14x14.png" alt="News feed"></a>
-	 </div>
-	<div class="box2_bottom"></div>
-</div>
-</div>
-<div class="col_spacer">&nbsp;</div>
-<div class="col_single">
-<div class="ad">
-<!-- Beginning Sync AdSlot 2 for Ad unit UK_PictureHouses/Homepage ### size: [[300,250]]  -->
-<div id='div-gpt-ad-144738139352026482-2'>
-        <script type='text/javascript'>
-                googletag.display('div-gpt-ad-144738139352026482-2');
-        </script>
-</div>
-<!-- End AdSlot 2 -->
-</div>
-<div class="ad">
+    		<!-- TODO: Server side include modal window if needed -->
-        <a href="/News/item/Guardian_Live_Russell_Brand_In_Conversation/">
-        <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="300" height="250" id="Richard Curtiss" align="middle">
-            <param name="allowScriptAccess" value="sameDomain" />
-            <param name="allowFullScreen" value="false" />
-            <param name="movie" value="https://d2t98m0n7ql7on.cloudfront.net/site-media/images/cityscreen/GuardianLive_MPUBrand.swf" />
-            <param name="quality" value="high" />
-            <param name="bgcolor" value="#333333" />
-            <embed src="https://d2t98m0n7ql7on.cloudfront.net/site-media/images/cityscreen/GuardianLive_MPUBrand.swf" quality="high" bgcolor="#333333" width="300" height="250" name="kuma" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
-        </object>
-        </a>
+    		<script src="/js/vendor/jquery-1.11.1.min.js"></script>
+    		<script src="/js/vendor/jquery-ui.min.js"></script><!-- TODO: Only use what's needed -->
+    		<script src="/js/picturehouse/index.js"></script>
+    		<script src="/js/vendor/jquery.rateit.min.js"></script>
+    		<script src="/js/vendor/jquery.cycle2.min.js"></script>
+    		<script src="/js/vendor/jquery.cycle2.carousel.min.js"></script>
+    		<script>$.fn.cycle.defaults.autoSelector = '.slideshow';</script>
+    		<script type="text/javascript">
+    			// Create closure.
+    			(function( $ ) {
-</div>
-<a class="button_facebook" style="margin-right: 10px;" href="http://www.facebook.com/picturehouses"> </a> <a class="button_twitter" href="http://twitter.com/picturehouses"> </a> <a style="background: url(https://cityscreen.clients.newmanonline.org.uk/atchs/Global/lo/lowtw.jpeg) no-repeat top left; margin-top: 10px; width:299px;height:51px;display:inline-block;" href="/Connect/Email_News/"> </a><a style="background: url(/site-media/images/Abbeygate.jpg) no-repeat top left; height: 56px; display: inline-block; width: 299px; margin-top: 10px;" target="_blank" href="http://www.abbeygatecinema.co.uk/"></a><a href="http://www.picturehouseentertainment.co.uk/" target="_blank" style="margin-right: 10px; margin-top: 10px; background: url(https://cityscreen.clients.newmanonline.org.uk/atchs/Global/fx/fx94g.jpeg) no-repeat top left; width: 143px; height: 56px; display: inline-block;"> </a> <a href="http://www.picturehouses.co.uk/Picturehouse_Membership/" style="background: url(https://cityscreen.clients.newmanonline.org.uk/atchs/Global/72/722wr.jpeg) no-repeat top left; width: 143px; height: 56px; display: inline-block;"> </a></div>
-	</div>
-	<div class="clear"></div>
-<div id="con_footer">
-	<a href="http://www.deletelondon.com" target="_blank" id="credit"></a>
-	<div id="footer_inner">
-		<div class="toplinks txt4">
-      			<div class="right footer_select" style="width:314px;">
-                    <img src="https://d2t98m0n7ql7on.cloudfront.net/site-media/images/cityscreen/logo_small.gif" id="logo_small" style="position:relative; left:80px; top:-7px;">
-                                 <form>
-	                            <select name="selectnav" class="selectnav">
-                                       <option selected="selected" value="">Picturehouse Cinemas</option>
-                                    </select>
-                                  </form>
-			</div>
-			<div class="footer_menu">
-                                     <a href="/Connect/">Connect </a> <!-- class="global" -->
-                                       <span class="separator">|</span>
-                                     <a href="/Contact/">Contact Us </a> <!-- class="global" -->
-                                       <span class="separator">|</span>
-                                     <a href="/Jobs/">Jobs </a> <!-- class="global" -->
-                                       <span class="separator">|</span>
-                                     <a href="/Faqs/">FAQs </a> <!-- class="global" -->
-                                       <span class="separator">|</span>
-                                     <a href="/Press_Marketing/">Press </a> <!-- class="global" -->
-                                       <span class="separator">|</span>
-                                     <a href="http://corporate.picturehouses.co.uk/venue-hire/">Venue Hire </a> <!-- class="global" -->
-			</div>
-		</div>
-		<div class="bottom">
-			<div class="footer_col1 bottomtext">
-				<a href="/Privacy/">Privacy &amp; Data Protection</a><br>
-				<a href="/Terms/">Terms of Admission</a>
-			</div>
-			<div class="footer_col2 bottomtext">
-			    Picturehouse Cinemas Limited is a limited company registered in England as company number 2310403 and its registered office is Power Road Studios, 114 Power Road, Chiswick, London, W4 5PY.
-			</div>
-			<div class="footer_col3 bottomtext">
-			    2004 Picturehouse Cinemas Limited
-			</div>
-		</div>
-	</div>
-</div>
-<!-- Ends Footer -->
-<!-- Google Code for Remarketing tag -->
-<!-- Remarketing tags may not be associated with personally identifiable information or placed on pages related to sensitive categories. For instructions on
-adding this tag and more information on the above requirements, read the setup guide: google.com/ads/remarketingsetup -->
-<script type="text/javascript">
-/* <![CDATA[ */
-var google_conversion_id = 993965287;
-var google_conversion_label = "ihOBCNmJwAMQ5-n62QM";
-var google_custom_params = window.google_tag_params;
-var google_remarketing_only = true;
-/* ]]> */
-</script>
-<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
-</script>
-<noscript>
-<div style="display:inline;">
-<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/993965287/?
-value=0&amp;label=ihOBCNmJwAMQ5-n62QM&amp;guid=ON&amp;script=0"/>
-</div>
-</noscript>
-</div>
-<div id="fb-root"></div>
-<script>(function(d, s, id) {
-  var js, fjs = d.getElementsByTagName(s)[0];
-  if (d.getElementById(id)) return;
-  js = d.createElement(s); js.id = id;
-  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=171233602908051";
-  fjs.parentNode.insertBefore(js, fjs);
-}(document, 'script', 'facebook-jssdk'));</script>
-<div class="apple_overlay" style="left: 50%;margin-left: -350px;width:640px;display:none;" id="contentWrap">
-<script type="text/javascript">
-	function load_trailers(filmid) {
-                var film = jQuery('#' + filmid).attr('title');
-             ga('send', 'event', {
-                eventCategory:'Trailers',
-                eventAction:'Play',
-                eventValue:film});
-                var h ='<div style="font-family:Arial, Helvetica, sans-serif;" id="trailer_header">';
-		if (jQuery('#' + filmid).find('span').length > 1) {
-			h = h + '<select id="trailerField">';
-			jQuery('#' + filmid).find('span').each(function () {
-				var f = jQuery(this);
-				h = h + '<option class="overlayed_clip" value="' + f.attr('id') + '" ';
-				if (f.attr('title') === film) {
-					h = h + 'selected ';
-				}
-				h = h + '>' + f.attr('title') + '</option>';
-			});
-			h = h + '</select>';
-		}
-		h = h + '<br/><br/></div>';
-		jQuery('#trailer_header').replaceWith(h);
-		jQuery('#trailerField').change(function () {
-			var f = jQuery('#' + jQuery(this).val());
-			var pid= f.attr('pid');
-			var mid= f.attr('mid');
-			var mtid= f.attr('mtid');
-			var mti= f.attr('mti');
-			var fid= f.attr('fid');
-			var fti= f.attr('fti');
-			triggerEnd();
-			if (mtid === 'ftr') {
-             ga('send', 'event', {
-                eventCategory:'Features',
-                eventAction:'Change',
-                eventValue:film});
-				_V_("mm_video").src([
-						{ type: "video/mp4", src: "http://ml5vid.mymovies.net/filmmedia/film/fid" + fid + "/features/avfid" + mid + "/html5/700.mp4" },
-						{ type: "video/webm", src: "http://ml5vid.mymovies.net/filmmedia/film/fid" + fid + "/features/avfid" + mid + "/html5/700.webm" },
-						{ type: "video/ogg", src: "http://ml5vid.mymovies.net/filmmedia/film/fid" + fid + "/features/avfid" + mid + "/html5/700.ogv" }
-						]);
-			} else {
-             ga('send', 'event', {
-                eventCategory:'Trailers',
-                eventAction:'Change',
-                eventValue:film});
-				_V_("mm_video").src([
-						{ type: "video/mp4", src: "http://ml5vid.mymovies.net/filmmedia/film/fid" + fid + "/trailers/trid" + mid + "/html5/700.mp4" },
-						{ type: "video/webm", src: "http://ml5vid.mymovies.net/filmmedia/film/fid" + fid + "/trailers/trid" + mid + "/html5/700.webm" },
-						{ type: "video/ogg", src: "http://ml5vid.mymovies.net/filmmedia/film/fid" + fid + "/trailers/trid" + mid + "/html5/700.ogv" }
-						]);
-			}
-			triggerSDC(fid, mid, mtid, fti, mti, pid);
-			_V_("mm_video").play();
-			return false;
-		});
-		return false;
-	}
-</script>
-<div style="font-family:Arial, Helvetica, sans-serif;" id="trailer_header">
-<br/><br/></div>
-<!-- **** MYMOVIES HTML5 VIDEO TAG **** -->
-<div class="contentWrap" id="content"><video id="mm_video" class="video-js vjs-default-skin" controls preload="auto" width="640" height="360" data-setup="{}"></video></div>
-<script src="http://partner.mymovies.net/html5/js/manage.js" type="text/javascript"></script>
-<!-- **** END MYMOVIES HTML5 VIDEO TAG **** -->
-</div>
-</body>
-</html>
+    				// Init tooltips
+    				$('[data-toggle="tooltip"]').tooltip({});
+    				$('.nav-collapse')
+    				.on('show.bs.collapse', function () {
+    				  var $element = $(this);
+    				  var $parent = $element.parent();
+    				  $parent.prev().css("width", "0");
+    				  $parent.removeClass("col-sm-9");
+    				  // If there is a data-iframe attribute, then load this in to an iframe
+    				  if ($element.find("[data-iframe]").length > 0) {
+    				  	var $iframeContainer = $element.find("[data-iframe]");
+    				  	var iframe = $('<iframe>', {
+    				  		"src": $iframeContainer.data("iframe"),
+    				  		"frameborder": "0",
+    				  		"allowfullscreen": ""
+    				  	});
+    				  	$iframeContainer.append(iframe);
+    				  	$iframeContainer.removeAttr("data-iframe");
+    				  }
+    				})
+    				.on('hide.bs.collapse', function () {
+    				  var $parent = $(this).parent();
+    				  $parent.prev().css("width", "");
+    				  $parent.addClass("col-sm-9");
+    				});
+    				if ($( "#cinema-search" ).length) {
+    					// TODO: Will this be dynamically pulled from db?
+    					var availableTags = [
+    	    					{ id: "Duke_Of_Yorks", label: "Brighton - Duke of York&#x27;s Picturehouse" },
+    	    					{ id: "Dukes_At_Komedia", label: "Brighton - Duke&#x27;s at Komedia" },
+    	    					{ id: "Arts_Picturehouse_Cambridge", label: "Cambridge - Arts Picturehouse Cambridge" },
+    	    					{ id: "Cameo_Picturehouse", label: "Edinburgh - The Cameo" },
+    	    					{ id: "Exeter_Picturehouse", label: "Exeter - Exeter Picturehouse" },
+    	    					{ id: "Regal_Picturehouse", label: "Henley - Regal Picturehouse" },
+    	    					{ id: "Cinema_City", label: "Norwich - Cinema City" },
+    	    					{ id: "Picturehouse_At_Fact", label: "Liverpool - Picturehouse at FACT" },
+    	    					{ id: "Phoenix_Picturehouse", label: "Oxford - Phoenix Picturehouse" },
+    	    					{ id: "Harbour_Lights", label: "Southampton - Harbour Lights" },
+    	    					{ id: "Stratford_Upon_Avon", label: "Stratford Upon Avon - Stratford Upon Avon" },
+    	    					{ id: "York_Picturehouse", label: "York - City Screen Picturehouse" },
+    	    			];
+    	    			$( "#cinema-search" ).autocomplete({
+    	      				source: availableTags,
+    	      				select: function( event, ui ) {
+    			        	    window.location = "/cinema/" + ui.item.id;
+    	        			}
+    	    			});
+    	    		}
+        			$('#quickbook-popover').popover({
+    				    html : true,
+    				    content: function() {
+    				      return $("#quickbook-popover-content").html();
+    				    }
+    				});
+    				$('[data-hide-element]').each(function() {
+    					var $element = $(this);
+    					var tabToHide = $element.data("hideElement");
+    					setTimeout(
+      						function(){ $element.children().eq(tabToHide - 1).removeClass("active"); },
+      						1
+      					);
+    				});
+      			})( jQuery );
+      		</script>
+    	</body>
+    </html>