ruby-readability 0.5.0 → 0.5.1

data/.rspec

@@ -0,0 +1,3 @@
+--colour
+--format s -c
+--debugger

data/Gemfile

@@ -1,4 +1,10 @@
 source "http://rubygems.org"
 
 # Specify your gem's dependencies in ruby-readability.gemspec
+gem 'mini_magick', '3.3'
+
+group :test do
+  gem "fakeweb",      "~> 1.3.0"
+end
+
 gemspec

data/README.markdown

@@ -0,0 +1,73 @@
+# Ruby Readability
+
+Ruby Readability is a tool for extracting the primary readable content of a webpage.  It is a Ruby port of arc90's readability project.
+
+## Install
+
+Command line:
+
+    (sudo) gem install ruby-readability
+
+Bundler:
+
+    gem "ruby-readability", :require => 'readability'
+
+## Example
+
+    require 'rubygems'
+    require 'readability'
+    require 'open-uri'
+
+    source = open('http://lab.arc90.com/experiments/readability/').read
+    puts Readability::Document.new(source).content
+
+## Options
+
+You may provide options to Readability::Document.new, including:
+
+    :tags                - the base whitelist of tags to sanitize, defaults to %w[div p]
+    :remove_empty_nodes  - remove <p> tags that have no text content; also removes p tags that contain only images
+    :attributes          - whitelist of allowed attributes
+    :debug               - provide debugging output, defaults false
+    :encoding            - if the page is of a known encoding, you can specify it; if left unspecified,
+                           the encoding will be guessed (only in Ruby 1.9.x)
+    :html_headers        - in Ruby 1.9.x these will be passed to the guess_html_encoding gem
+                           to aid with guessing the HTML encoding
+    :ignore_image_format - for use with .images.  For example: :ignore_image_format => ["gif", "png"]
+    :min_image_height    - set a minimum image height for .images
+    :min_image_width     - set a minimum image width for .images
+
+## Command Line Tool
+
+Readability comes with a command-line tool for experimentation in bin/readability.
+
+    Usage: readability [options] URL
+        -d, --debug                      Show debug output
+        -i, --images                     Keep images and links
+        -h, --help                       Show this message
+
+## Images
+
+You can get a list of images in the content area with `.images`.  This feature requires that the `mini_magick` gem be installed.
+
+    p Readability::Document.new(source).images
+
+## Potential Issues
+
+If you're on a Mac and are getting segmentation faults, see the discussion at https://github.com/tenderlove/nokogiri/issues/404 and consider updating your version of libxml2.  Version 2.7.8 of libxml2 with the following worked for me:
+
+    gem install nokogiri -- --with-xml2-include=/usr/local/Cellar/libxml2/2.7.8/include/libxml2 --with-xml2-lib=/usr/local/Cellar/libxml2/2.7.8/lib --with-xslt-dir=/usr/local/Cellar/libxslt/1.1.26
+
+Or if you're using bundler and Rails 3, you can run this command to make bundler always globally build `nokogiri` this way
+
+    bundle config build.nokogiri -- --with-xml2-include=/usr/local/Cellar/libxml2/2.7.8/include/libxml2 --with-xml2-lib=/usr/local/Cellar/libxml2/2.7.8/lib --with-xslt-dir=/usr/local/Cellar/libxslt/1.1.26
+
+# Change Log
+
+ * Version 0.5.1, released 3/13/2012 - The `ignore_image_format` option now defaults to an empty array, no longer excluding gif files by default.  MiniMagic fetches are no longer attempted on local images.
+
+# License
+
+This code is under the Apache License 2.0.  http://www.apache.org/licenses/LICENSE-2.0
+
+Ruby port by starrhorne, libc, and iterationlabs.  Special thanks to fizx and marcosinger.

data/bin/readability

@@ -1,5 +1,4 @@
 #!/usr/bin/env ruby 
-$KCODE='u'
 require 'rubygems'
 require 'open-uri'
 require 'optparse'

data/lib/readability.rb

@@ -5,15 +5,18 @@ require 'guess_html_encoding'
 module Readability
   class Document
     DEFAULT_OPTIONS = {
-      :retry_length => 250,
-      :min_text_length => 25,
+      :retry_length               => 250,
+      :min_text_length            => 25,
       :remove_unlikely_candidates => true,
-      :weight_classes => true,
-      :clean_conditionally => true,
-      :remove_empty_nodes => true
+      :weight_classes             => true,
+      :clean_conditionally        => true,
+      :remove_empty_nodes         => true,
+      :min_image_width            => 130,
+      :min_image_height           => 80,
+      :ignore_image_format        => []
     }.freeze
 
-    attr_accessor :options, :html
+    attr_accessor :options, :html, :best_candidate, :candidates, :best_candidate_has_image
 
     def initialize(input, options = {})
       @options = DEFAULT_OPTIONS.merge(options)
@@ -28,13 +31,80 @@ module Readability
       @remove_unlikely_candidates = @options[:remove_unlikely_candidates]
       @weight_classes = @options[:weight_classes]
       @clean_conditionally = @options[:clean_conditionally]
+      @best_candidate_has_image = true
       make_html
     end
 
+    def prepare_candidates
+      @html.css("script, style").each { |i| i.remove }
+      remove_unlikely_candidates! if @remove_unlikely_candidates
+      transform_misused_divs_into_paragraphs!
+
+      @candidates     = score_paragraphs(options[:min_text_length])
+      @best_candidate = select_best_candidate(@candidates)
+    end
+
     def make_html
       @html = Nokogiri::HTML(@input, nil, @options[:encoding])
     end
 
+    def images(content=nil, reload=false)
+      begin
+        require 'mini_magick'
+      rescue LoadError
+        raise "Please install mini_magick in order to use the #images feature."
+      end
+
+      @best_candidate_has_image = false if reload
+
+      prepare_candidates
+      list_images   = []
+      tested_images = []
+      content       = @best_candidate[:elem] unless reload
+
+      return list_images if content.nil?
+      elements = content.css("img").map(&:attributes)
+
+        elements.each do |element|
+          url     = element["src"].value
+          height  = element["height"].nil?  ? 0 : element["height"].value.to_i
+          width   = element["width"].nil?   ? 0 : element["width"].value.to_i
+          format  = File.extname(url).gsub(".", "")
+          image   = {:width => width, :height => height, :format => format}
+          image   = load_image(url) if url =~ /\Ahttps?:\/\//i && (height.zero? || width.zero?)
+
+          next unless image
+
+          if tested_images.include?(url)
+            debug("Image was tested: #{url}")
+            next
+          end
+
+          tested_images.push(url)
+          if image_meets_criteria?(image)
+            list_images << url
+          else
+            debug("Image discarded: #{url} - height: #{image[:height]} - width: #{image[:width]} - format: #{image[:format]}")
+          end
+        end
+
+      (list_images.empty? and content != @html) ? images(@html, true) : list_images
+    end
+
+    def load_image(url)
+      begin
+        MiniMagick::Image.open(url)
+      rescue => e
+        debug("Image error: #{e}")
+        nil
+      end
+    end
+
+    def image_meets_criteria?(image)
+      return false if options[:ignore_image_format].include?(image[:format].downcase)
+      image[:width] >= (options[:min_image_width] || 0) && image[:height] >= (options[:min_image_height] || 0)
+    end
+
     REGEXES = {
         :unlikelyCandidatesRe => /combx|comment|community|disqus|extra|foot|header|menu|remark|rss|shoutbox|sidebar|sponsor|ad-break|agegate|pagination|pager|popup/i,
         :okMaybeItsACandidateRe => /and|article|body|column|main|shadow/i,
@@ -57,15 +127,10 @@ module Readability
     def content(remove_unlikely_candidates = :default)
       @remove_unlikely_candidates = false if remove_unlikely_candidates == false
 
-      @html.css("script, style").each(&:remove)
-
-      remove_unlikely_candidates! if @remove_unlikely_candidates
-      transform_misused_divs_into_paragraphs!
-      candidates = score_paragraphs(options[:min_text_length])
-      best_candidate = select_best_candidate(candidates)
-      article = get_article(candidates, best_candidate)
+      prepare_candidates
+      article = get_article(@candidates, @best_candidate)
 
-      cleaned_article = sanitize(article, candidates, options)
+      cleaned_article = sanitize(article, @candidates, options)
       if article.text.strip.length < options[:retry_length]
         if @remove_unlikely_candidates
           @remove_unlikely_candidates = false

data/ruby-readability.gemspec

@@ -3,7 +3,7 @@ $:.push File.expand_path("../lib", __FILE__)
 
 Gem::Specification.new do |s|
   s.name        = "ruby-readability"
-  s.version     = '0.5.0'
+  s.version     = '0.5.1'
   s.authors     = ["Andrew Cantino", "starrhorne", "libc", "Kyle Maxwell"]
   s.email       = ["andrew@iterationlabs.com"]
   s.homepage    = "http://github.com/iterationlabs/ruby-readability"
@@ -17,7 +17,8 @@ Gem::Specification.new do |s|
   s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
   s.require_paths = ["lib"]
 
-  s.add_development_dependency "rspec", ">= 2.6"
+  s.add_development_dependency "rspec", ">= 2.8"
+  s.add_development_dependency "rspec-expectations", ">= 2.8"
   s.add_development_dependency "rr", ">= 1.0"
   s.add_dependency 'nokogiri', '>= 1.4.2'
   s.add_dependency 'guess_html_encoding', '>= 0.0.2'

data/spec/fixtures/bbc.html

@@ -0,0 +1,2069 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://opengraphprotocol.org/schema/" xml:lang="en-GB">
+        
+    
+    
+    
+	
+    
+    
+    
+    
+    
+    
+	
+    
+	
+    
+	
+	
+	
+    
+	
+   
+	    <head profile="http://dublincore.org/documents/dcq-html/">
+        <meta http-equiv="X-UA-Compatible" content="IE=8" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <title>BBC News - Submarine escape: A WWII survival tale from Kefalonia</title>
+        <meta name="Description" content="Historian Tim Clayton tells the story of submariner, John Capes, which became one of the most controversial survival stories of World War II."/>
+                <meta name="OriginalPublicationDate" content="2011/12/02 00:03:39"/>
+        <meta name="UKFS_URL" content="/news/magazine-15959067"/>
+                <meta name="THUMBNAIL_URL" content="http://news.bbcimg.co.uk/media/images/57047000/jpg/_57047875_john_capes_464rnsm.jpg"/>
+                <meta name="Headline" content="Escape from a WWII submarine"/>
+        <meta name="IFS_URL" content="/news/magazine-15959067"/>
+        <meta name="Section" content="Magazine"/>
+        <meta name="contentFlavor" content="STORY"/>
+		                        <meta name="CPS_ID" content="15959067" />
+        <meta name="CPS_SITE_NAME" content="BBC News" />
+        <meta name="CPS_SECTION_PATH" content="Magazine" />
+        <meta name="CPS_ASSET_TYPE" content="STY" />
+        <meta name="CPS_PLATFORM" content="HighWeb" />
+        <meta name="CPS_AUDIENCE" content="International" />
+        
+            		<meta property="og:title" content="Escape from a WWII submarine"/>
+    		<meta property="og:type" content="article"/>
+    		<meta property="og:url" content="http://www.bbc.co.uk/news/magazine-15959067"/>
+    		<meta property="og:site_name" content="BBC News"/>
+                		<meta property="og:image" content="http://news.bbcimg.co.uk/media/images/57071000/jpg/_57071538_perseus_thoctarides.jpg"/>
+            		        
+				<meta name="bbcsearch_noindex" content="atom"/>
+				<link rel="canonical" href="http://www.bbc.co.uk/news/magazine-15959067" />
+				
+		        		
+		
+		
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<!-- THIS FILE CONFIGURES NEWS V6  -->
+
+
+
+
+
+
+
+
+
+
+
+
+        <!-- hi/news/head_first.inc -->
+
+ 
+        
+<!-- PULSE_ENABLED:yes -->
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+	
+	
+	
+		
+		
+	
+
+
+
+	
+			
+		
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+		
+	
+		
+
+
+
+
+	
+		
+
+  <meta http-equiv="X-UA-Compatible" content="IE=8" />  <link rel="schema.dcterms" href="http://purl.org/dc/terms/" /> <link rel="index" href="http://www.bbc.co.uk/a-z/" title="A to Z" /> <link rel="help" href="http://www.bbc.co.uk/help/" title="BBC Help" /> <link rel="copyright" href="http://www.bbc.co.uk/terms/" title="Terms of Use" /> <link rel="icon" href="http://www.bbc.co.uk/favicon.ico" type="image/x-icon" />  <meta name="viewport" content="width = 996" />    <link rel="stylesheet" type="text/css" href="http://static.bbc.co.uk/frameworks/barlesque/1.13.3/desktop/3/style/main.css"  />      <script type="text/javascript"> if (! window.gloader) { window.gloader = [ "glow", {map: "http://node1.bbcimg.co.uk/glow/glow/map.1.7.7.js"}]; } </script>  <script type="text/javascript" src="http://node1.bbcimg.co.uk/glow/gloader.0.1.6.js"></script>   <script type="text/javascript" src="http://static.bbc.co.uk/frameworks/requirejs/0.10.1/sharedmodules/require.js"></script> <script type="text/javascript">  bbcRequireMap = {"jquery-1":"http://static.bbc.co.uk/frameworks/jquery/0.1.8/sharedmodules/jquery-1.6.2", "jquery-1.4":"http://static.bbc.co.uk/frameworks/jquery/0.1.8/sharedmodules/jquery-1.4", "swfobject-2":"http://static.bbc.co.uk/frameworks/swfobject/0.1.3/sharedmodules/swfobject-2", "demi-1":"http://static.bbc.co.uk/frameworks/demi/0.8.0/sharedmodules/demi-1", "gelui-1":"http://static.bbc.co.uk/frameworks/gelui/0.9.3/sharedmodules/gelui-1", "cssp!gelui-1/overlay":"http://static.bbc.co.uk/frameworks/gelui/0.9.3/sharedmodules/gelui-1/overlay.css", "istats-1":"http://static.bbc.co.uk/frameworks/nedstat/0.5.0/sharedmodules/istats-1", "relay-1":"http://static.bbc.co.uk/frameworks/relay/0.0.13/sharedmodules/relay-1", "clock-1":"http://static.bbc.co.uk/frameworks/clock/0.1.5/sharedmodules/clock-1", "canvas-clock-1":"http://static.bbc.co.uk/frameworks/clock/0.1.5/sharedmodules/canvas-clock-1", "cssp!clock-1":"http://static.bbc.co.uk/frameworks/clock/0.1.5/sharedmodules/clock-1.css", "jssignals-1":"http://static.bbc.co.uk/frameworks/jssignals/0.3.2/modules/jssignals-1", "jcarousel-1":"http://static.bbc.co.uk/frameworks/jcarousel/0.1.6/modules/jcarousel-1"}; require({ baseUrl: 'http://static.bbc.co.uk/', paths: bbcRequireMap, waitSeconds: 30 }); </script>      <script type="text/javascript" src="http://static.bbc.co.uk/frameworks/barlesque/1.13.3/desktop/3/script/barlesque.js"></script>
+  <!--[if (IE 6)|(IE 7)|(IE 8)]>   <style type="text/css"> .blq-gvl-3 #blq-mast, body #blq-container.blq-gvl-3 .blq-foot-opaque { background: transparent;  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); } .blq-gvl-3 #blq-mast.blq-mast-light { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); }  html body #blq-container #blq-nav {background: transparent;} .blq-gvl-3 #blq-mast #blq-search { padding: 5px 4px 4px 7px; } .blq-gvl-3 #blq-nav-main a { background-position: right 12px; } .blq-gvl-3 #blq-nav-main { background-position: 97% 18px; } .blq-morepanel-shown #blq-nav-m a { background-position: 83% -17px} </style>  <![endif]-->  <!--[if IE 6]>  <style type="text/css"> .blq-clearfix {height:1%;} .blq-gvl-3 #blq-mast-home .blq-home {display:none;} .blq-gvl-3 #blq-autosuggest { margin-left:-7px; padding-bottom:8px} .blq-gvl-3 #blq-nav-main { background-position: 96% 17px; } .blq-gvl-3 #blq-mast-home img {visibility: hidden;} .blq-gvl-3 #blq-mast-home a {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='http://static.bbc.co.uk/frameworks/barlesque/1.13.3/desktop/3/img/blocks/light.png');} .blq-gvl-3 #blq-mast-home a {cursor:pointer} .blq-gvl-3 #blq-mast-home span.blq-home {height:32px; width:107px;} .blq-footer-image-light, .blq-footer-image-dark {width: 68px;height: 21px;display: block;} .blq-footer-image-dark img, .blq-footer-image-light img { visibility: hidden; } .blq-footer-image-light {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='http://static.bbc.co.uk/frameworks/barlesque/1.13.3/desktop/3/img/blocks/light.png');} .blq-footer-image-dark {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='http://static.bbc.co.uk/frameworks/barlesque/1.13.3/desktop/3/img/blocks/dark.png');} </style>   <script type="text/javascript"> try { document.execCommand("BackgroundImageCache",false,true); } catch(e) {} </script> <![endif]-->   <!--[if lt IE 6]> <style> html body #blq-container #blq-foot { background: #4c4c4c; } html body #blq-container #blq-foot a, html body #blq-container #blq-foot p, html body #blq-container #blq-foot li { color: white; } </style> <![endif]-->  <script type="text/javascript">  blq.setEnvironment('live');  if (blq.setLabel) blq.setLabel('searchSuggestion', "Search");   </script>     <!-- BBCDOTCOM ipIsAdvertiseCombined: true journalismVariant: true adsEnabled: false flagpole: not set -->
+    <script type="text/javascript">
+        if(typeof(bbcdotcom) == "undefined") bbcdotcom = {};
+    </script>
+              
+	
+
+        
+		<!-- shared/head -->
+<meta http-equiv="imagetoolbar" content="no" />
+<!--[if !(lt IE 6)]>
+   	<link rel="stylesheet" type="text/css" href="http://news.bbcimg.co.uk/view/2_0_7/cream/hi/shared/type.css" />
+
+
+		<link rel="stylesheet" type="text/css" media="screen" href="http://news.bbcimg.co.uk/view/2_0_7/cream/hi/shared/global.css" />
+
+
+	<link rel="stylesheet" type="text/css" media="print" href="http://news.bbcimg.co.uk/view/2_0_7/cream/hi/shared/print.css" />
+
+	<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 976px)" href="http://news.bbcimg.co.uk/view/2_0_7/cream/hi/shared/mobile.css" />
+	
+
+
+
+<link rel="stylesheet" type="text/css" href="http://news.bbcimg.co.uk/view/2_0_7/cream/hi/shared/components/components.css" />
+
+<![endif]-->
+<!--[if !IE]>-->
+   	<link rel="stylesheet" type="text/css" href="http://news.bbcimg.co.uk/view/2_0_7/cream/hi/shared/type.css" />
+
+
+		<link rel="stylesheet" type="text/css" media="screen" href="http://news.bbcimg.co.uk/view/2_0_7/cream/hi/shared/global.css" />
+
+
+	<link rel="stylesheet" type="text/css" media="print" href="http://news.bbcimg.co.uk/view/2_0_7/cream/hi/shared/print.css" />
+
+	<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 976px)" href="http://news.bbcimg.co.uk/view/2_0_7/cream/hi/shared/mobile.css" />
+	
+
+
+
+<link rel="stylesheet" type="text/css" href="http://news.bbcimg.co.uk/view/2_0_7/cream/hi/shared/components/components.css" />
+
+<!--<![endif]-->
+<script type="text/javascript">
+/*<![CDATA[*/
+gloader.load(["glow","1","glow.dom"],{onLoad:function(glow){glow.dom.get("html").addClass("blq-js")}});
+gloader.load(["glow","1","glow.dom"],{onLoad:function(glow){glow.ready(function(){if (glow.env.gecko){var gv = glow.env.version.split(".");for (var i=gv.length;i<4;i++){gv[i]=0;}if((gv[0]==1 && gv[1]==9 && gv[2]==0)||(gv[0]==1 && gv[1]<9)||(gv[0]<1)){glow.dom.get("body").addClass("firefox-older-than-3-5");}}});}});
+
+window.disableFacebookSDK=true;
+if (window.location.pathname.indexOf('+')>=0){window.disableFacebookSDK=true;}
+
+/*]]>*/
+</script>
+<script type="text/javascript" src="http://news.bbcimg.co.uk/js/locationservices/locator/v4_0/locator.js"></script>
+
+<script type="text/javascript" src="http://news.bbcimg.co.uk/js/core/3_3_1/bbc_fmtj.js"></script>
+
+<script type="text/javascript">
+<!--
+	bbc.fmtj.page = {
+		serverTime: 1322844032000,
+		editionToServe: 'international',
+		queryString: null,
+		referrer: 'http://www.bbc.co.uk/news/',
+		section: 'magazine',
+		sectionPath: '/Magazine',
+		siteName: 'BBC News',
+		siteToServe: 'news',
+		siteVersion: 'cream',
+		storyId: '15959067',
+		assetType: 'story',
+		uri: '/news/magazine-15959067',
+		country: 'br',
+		masthead: false,
+		adKeyword: null,
+		templateVersion: 'v1_0'
+	}
+-->
+</script>
+<script type="text/javascript" src="http://news.bbcimg.co.uk/js/common/3_2_1/bbc_fmtj_common.js"></script>
+
+
+<script type="text/javascript">$useMap({map:"http://news.bbcimg.co.uk/js/map/map_0_0_29.js"});</script>
+<script type="text/javascript">$loadView("0.0",["bbc.fmtj.view"]);</script>
+<script type="text/javascript">$render("livestats-heatmap");</script>
+
+
+<script type="text/javascript" src="http://news.bbcimg.co.uk/js/config/apps/4_7_1/bbc_fmtj_config.js"></script>
+
+
+
+
+<script type="text/javascript">
+    //<![CDATA[
+        require(['jquery-1'], function($){
+            
+            // set up EMP once it's loaded
+            var setUp = function(){
+                // use our own pop out page
+        	    embeddedMedia.setPopoutUrl('/player/emp/2_0_23/popout/pop.stm');
+
+        	    // store EMP's notifyParent function
+        	    var oldNotifyParent = embeddedMedia.console.notifyParent;
+        	    // use our own to add livestats to popout
+        	    embeddedMedia.console.notifyParent = function(childWin){
+        	        oldNotifyParent(childWin);
+        	        // create new live stats url
+                    var liveStatsUrl = bbc.fmtj.av.emp.liveStatsForPopout($('#livestats').attr('src'));
+                    var webBug = $('<img />', {
+                                     id:  'livestats',
+                                     src: liveStatsUrl
+                                 });
+                    // append it to popout
+                    $(childWin.document).find('body').append(webBug);
+                }
+            }
+                
+            // check if console is available to manipulate
+            if(window.embeddedMedia && window.embeddedMedia.console){
+                setUp();
+            }
+            // otherwise emp is still loading, so add event listener
+            else{
+                $(document).bind('empReady', function(){
+                    setUp();
+                });
+            }
+        });
+    //]]>
+</script>
+
+<!-- Top level sections -->
+
+	    
+		
+			
+			
+	    
+		
+	<!-- get BUMP from cdn -->
+    <script type="text/javascript" src="http://emp.bbci.co.uk/emp/bump?emp=worldwide&amp;enableClear=0"></script>
+
+<!-- load glow and required modules -->
+<script type="text/javascript">
+    //<![CDATA[
+        gloader.load(['glow', '1', 'glow.dom']);
+    //]]>
+</script>
+
+
+
+	<!-- pull in our emp code -->
+	<script type="text/javascript" src="http://news.bbcimg.co.uk/js/app/av/emp/2_0_23/emp.js"></script>
+	<!-- pull in compatibility.js -->
+	<script type="text/javascript" src="http://news.bbcimg.co.uk/js/app/av/emp/2_0_23/compatibility.js"></script>
+
+
+<script type="text/javascript">
+	//<![CDATA[
+	    
+	
+	    
+	        
+	    
+	
+	    
+	        
+	    
+	
+	    // set site specific config
+	    
+	        bbc.fmtj.av.emp.configs.push('news');
+	    
+	    
+	    // when page loaded, write all created emps
+	    glow.ready(function(){
+			if(typeof bbcdotcom !== 'undefined' && bbcdotcom.av && bbcdotcom.av.emp){
+				bbcdotcom.av.emp.configureAll();
+			}
+	        embeddedMedia.writeAll();
+	        // mark the emps as loaded
+	        bbc.fmtj.av.emp.loaded = true;
+	    });
+	//]]>
+</script>
+<!-- Check for advertising testing -->
+
+<meta name="viewport" content="width = 996" />
+
+        <!-- shared/head_story -->
+<!-- THESE STYLESHEETS VARY ACCORDING TO PAGE CONTENT -->															  
+
+<link rel="stylesheet" type="text/css" media="screen" href="http://news.bbcimg.co.uk/view/2_0_7/cream/hi/shared/layout/story.css" />
+<link rel="stylesheet" type="text/css" media="screen" href="http://news.bbcimg.co.uk/view/2_0_7/cream/hi/shared/story.css" />
+
+
+<!-- js story view -->
+<script type="text/javascript">$loadView("0.0",["bbc.fmtj.view.news.story"]);</script>
+
+<!-- EMP -->
+<script type="text/javascript" src="http://news.bbc.co.uk/js/app/av/emp/compatibility.js"></script>
+<!-- /EMP -->
+        <!-- #CREAM hi news international head.inc -->  
+                            <!-- is suitable for ads adding isadvertise ... -->
+			
+
+
+
+
+
+
+
+
+
+			 
+
+			
+
+
+	
+		
+		
+	
+
+	
+
+		
+
+
+
+
+	<link href="http://news.bbcimg.co.uk/css/screen/shared/0.3.87/3pt_ads.css" rel="stylesheet" type="text/css" />
+
+
+
+
+<script type="text/javascript">
+/*<![CDATA[*/
+	if(typeof BBC === 'undefined') var BBC = {};
+	BBC.adverts = {setZone: function(){}, configure: function(){}, write: function(){}, show: function(){}};
+
+    window.bbcdotcom={};
+    bbcdotcom.createObject = function(namespace){
+        var names   = namespace.split('.'),
+            next    = '',
+            i       = 0,
+            len     = names.length;
+        for(i; i < len; i++){
+            if('' !== next) {
+            	next = ("object" === typeof next[names[i]]) ? next[names[i]] : next[names[i]] = {};
+            } else {
+            	next = ("object" === typeof window[names[i]]) ? window[names[i]] : window[names[i]] = {};
+        	}
+        }
+    }
+/*]]>*/
+</script>
+
+
+	<script type="text/javascript" src="http://news.bbcimg.co.uk/js/app/bbccom/0.3.87/bbccom.js"></script>
+
+
+<script type="text/javascript">
+/*<![CDATA[*/
+	(function(){
+
+		var fiddleredition = '(none)';
+		var url = '/news/magazine-15959067';
+		switch('/news/magazine-15959067') {
+			case "/":
+			case "/default.stm":
+				url = (fiddleredition === "domestic") ? "/1/hi/default.stm" : "/2/hi/default.stm";
+				break;
+			case "/sport":
+			case "/sport/":
+			case "/sport/default.stm":
+				url = (fiddleredition === "domestic") ? "/sport1/hi/default.stm" : "/sport2/hi/default.stm";
+				break;
+		};
+
+		var zone = "3pt_zone_file",
+			zoneOverride = false;
+
+		
+
+		if(/[?|&]zone=((?!preview)\w*\/*\w+)(&|$)/.test(window.location.search)) {
+			zone = RegExp.$1;
+		};
+
+		if(/[?|&]zone=(http:\/\/.+(\.bbc\.co\.uk\/){1}.*(bbccom){1}.*\.js)(&|$)/.test(window.location.search)) {
+			if (RegExp.$1.indexOf("/../") === -1) {
+				zone = RegExp.$1;
+				zoneOverride = true;
+			};
+		};
+
+
+	BBC.adverts.setScriptRoot("http://news.bbcimg.co.uk/js/app/bbccom/0.3.87/");
+
+
+		BBC.adverts.init({
+			domain: "www.bbc.co.uk",
+			location: url,
+			zoneVersion: zone,
+			zoneOverride: zoneOverride,
+			zoneReferrer: document.referrer
+		});
+
+	})();
+
+	if(BBC.adverts.getNewsGvl3()) {
+		
+			document.write('<script language="JavaScript" src="http://news.bbcimg.co.uk/js/app/bbccom/0.3.87/advert.js"><\/script>');
+		   
+	}
+
+/*]]>*/
+</script>
+        
+
+	
+	
+
+		
+
+<script type="text/javascript">
+	if(BBC.adverts){
+		BBC.adverts.setPageVersion('(none)');
+	}
+</script>
+
+
+	
+	
+
+
+
+        		<!-- hi/news/head_last.inc -->
+
+<link rel="stylesheet" type="text/css" media="screen" href="http://news.bbcimg.co.uk/view/1_4_29/cream/hi/news/skin.css" />
+
+
+
+	
+		<script type="text/javascript">
+			gloader.load(["glow","1","glow.dom"],{onLoad: function(glow){
+				glow.ready(function(){
+					var adImageUrl = BBC.adverts.getAdvertTag('printableversionsponsorship','','standardUri');
+
+					if (glow.env.ie ) {
+						window.onbeforeprint = function(){
+							var printAdvert = glow.dom.get("#print-advert");
+							if (printAdvert.get("img").length == 0)
+							{
+								printAdvert.append('<img src="'+adImageUrl+'" alt="" />');
+							}
+						};
+					}else{
+						glow.dom.get("head").append('<style type="text/css">#print-advert {display:none};</style><style type="text/css" media="print">#print-advert::after{content:url('+adImageUrl+');} #print-advert{display:block;overflow:hidden;}</style>');
+					}
+				});
+			}});
+		</script>
+	
+
+
+<link rel="apple-touch-icon" href="http://news.bbcimg.co.uk/img/1_0_1/cream/hi/news/iphone.png"/> 
+<script type="text/javascript">
+blq.setLabel('searchSuggestion', 'Search BBC News');
+blq.externalGoTrackingConfig = {
+	".story-body a":"{path}/ext/story-body/{dir}",
+	".story-related .related-links a":"{path}/ext/related-links/{dir}",
+	".story-related .newstracker-list a":"{path}/ext/newstracker/{dir}"
+}
+</script>
+
+
+
+<!--  MVT ENABLED:yes -->
+
+
+<script type="text/javascript" src="http://news.bbcimg.co.uk/js/mvt/optimost/1_0_0/global_head.js"></script>
+
+
+
+	</head>
+
+            
+    <!--[if lte IE 6]><body class="news ie"><![endif]-->
+    <!--[if IE 7]><body class="news ie7"><![endif]-->
+    <!--[if IE 8]><body class="news ie8"><![endif]-->
+    <!--[if !IE]>--><body class="news"><!--<![endif]-->
+	<div class="livestats-web-bug"><img alt="" id="livestats" src="http://stats.bbc.co.uk/o.gif?~RS~s~RS~News~RS~t~RS~HighWeb_Story~RS~i~RS~15959067~RS~p~RS~99189~RS~a~RS~International~RS~u~RS~/news/magazine-15959067~RS~r~RS~http://www.bbc.co.uk/news/~RS~q~RS~~RS~z~RS~32~RS~"/></div>
+        
+	
+	
+
+   <!-- NEDSTAT -->
+
+
+
+    
+
+
+
+
+
+
+<script type="text/javascript">
+//<![CDATA[
+    window.bbcFlagpoles_istats = "ON";
+    window.istatsTrackingUrl   = '//sa.bbc.co.uk/bbc/bbc/s?name=news.magazine.story.15959067.page&cps_asset_id=15959067&page_type=story&section=magazine&app_version=6.2.65-RC3&first_pub=2011-12-02T00:03:39+00:00&last_editorial_update=2011-12-02T00:03:39+00:00&title=Escape+from+a+WWII+submarine&comments_box=false&cps_media_type=&cps_media_state=&app_type=web&ml_name=SSI&ml_version=0.5.0&language=en-GB';
+ // ]]>
+</script>
+
+<!-- NEDSTAT -->
+<!-- Begin iStats 20100118 (UX-CMC 1.1009.3) -->
+<script type="text/javascript">
+// <![CDATA[
+(function() {
+    var cookieDisabled = (document.cookie.indexOf('NO-SA=') != -1),
+        hasCookieLabels = (document.cookie.indexOf('sa_labels=') != -1),
+        hasClickThrough = /^#sa-(.*?)(?:-sa(.*))?$/.test(document.location.hash),
+        runSitestat;
+
+    runSitestat = !cookieDisabled && !hasCookieLabels && !hasClickThrough;
+
+    if (runSitestat && bbcFlagpoles_istats === 'ON') {
+        sitestat(istatsTrackingUrl);
+    }
+
+    function sitestat(n){var j=document,f=j.location,b="";if(j.cookie.indexOf("st_ux=")!=-1){var k=j.cookie.split(";");var e="st_ux",h=document.domain,a="/";if(typeof ns_!="undefined"&&typeof ns_.ux!="undefined"){e=ns_.ux.cName||e;h=ns_.ux.cDomain||h;a=ns_.ux.cPath||a}for(var g=0,f=k.length;g<f;g++){var m=k[g].indexOf("st_ux=");if(m!=-1){b="&"+unescape(k[g].substring(m+6))}}document.cookie=e+"=; expires="+new Date(new Date().getTime()-60).toGMTString()+"; path="+a+"; domain="+h}ns_pixelUrl=n;n=ns_pixelUrl+"&ns__t="+(new Date().getTime())+"&ns_c="+((j.characterSet)?j.characterSet:j.defaultCharset)+"&ns_ti="+escape(j.title)+b+"&ns_jspageurl="+escape(f&&f.href?f.href:j.URL)+"&ns_referrer="+escape(j.referrer);if(n.length>2000&&n.lastIndexOf("&")){n=n.substring(0,n.lastIndexOf("&")+1)+"ns_cut="+n.substring(n.lastIndexOf("&")+1,n.lastIndexOf("=")).substring(0,40)}(j.images)?new Image().src=n:j.write('<p><i'+'mg src="'+n+'" height="1" width="1" alt="" /></p>')};
+})();
+// ]]>
+</script>
+<noscript><p class="blq-hide"><img src="//sa.bbc.co.uk/bbc/bbc/s?name=news.magazine.story.15959067.page&amp;cps_asset_id=15959067&amp;page_type=story&amp;section=magazine&amp;app_version=6.2.65-RC3&amp;first_pub=2011-12-02T00:03:39+00:00&amp;last_editorial_update=2011-12-02T00:03:39+00:00&amp;title=Escape+from+a+WWII+submarine&amp;comments_box=false&amp;cps_media_type=&amp;cps_media_state=&amp;app_type=web&amp;ml_name=SSI&amp;ml_version=0.5.0&amp;language=en-GB" height="1" width="1" alt="" /></p></noscript>
+<!-- End iStats (UX-CMC) -->
+<!-- END NEDSTAT -->
+
+ <div id="blq-global" class="blq-gvl-3"> <div id="blq-pre-mast" xml:lang="en-GB"> <!-- Pre mast -->  </div> </div> <div id="blq-container-outer">  <div id="blq-container" class="blq-lang-en-GB blq-dotcom blq-gvl-3"> <div id="blq-container-inner" xml:lang="en-GB">  <div id="blq-acc" class="blq-rst"> <p id="blq-mast-home" class="blq-no-images"><a href="http://www.bbc.co.uk/" hreflang="en-GB"> <span class="blq-home"><acronym title="British Broadcasting Corporation">BBC</acronym></span><img src="http://static.bbc.co.uk/frameworks/barlesque/1.13.3/desktop/3/img/blocks/light.png" alt="" id="blq-blocks" width="84" height="24" /></a></p> <p class="blq-hide"><strong><a id="page-top">Accessibility links</a></strong></p> <ul id="blq-acc-links">   <li class="blq-hide"><a href="#main-content">Skip to content</a></li>  <li class="blq-hide"><a href="#blq-local-nav">Skip to local navigation</a></li>  <li class="blq-hide"><a href="#blq-nav-main">Skip to bbc.co.uk navigation</a></li> <li class="blq-hide"><a href="#blq-search">Skip to bbc.co.uk search</a></li> <li id="blq-acc-help"><a href="http://www.bbc.co.uk/help/">Help</a></li> <li class="blq-hide"><a href="http://www.bbc.co.uk/accessibility/">Accessibility Help</a></li>   </ul>  </div>   <div id="blq-main" class="blq-clearfix"> 
+	
+
+                                		<div class="magazine  has-no-ticker">
+			<div id="header-wrapper">
+						  
+			  		  
+    		      			      				  <h2 id="header">
+    			      	            <a rel="index" href="http://www.bbc.co.uk/news/"><img alt="BBC News" src="http://news.bbcimg.co.uk/img/1_0_1/cream/hi/news/news-blocks.gif" /></a>
+    	                	            	    	            		<span class="section-title">Magazine</span>
+    	            	    	            		   		      				  </h2>
+    			  			  			  
+			  
+			    <div class="bbccom_advert_placeholder">
+			      <script type="text/javascript">$render("advert","advert-sponsor-section");</script>
+			    </div>
+			    <script type="text/javascript">$render("advert-post-script-load");</script>
+			  
+		        			  
+			
+			  	            <div id="blq-local-nav">
+ 	            <ul id="nav" class="nav">
+                	
+        	        		                	
+        	        		<li class="first-child selected"><a href="/news/">Home</a></li>
+        		        		                            	
+        	        	        	
+        	            	<li><a href="/news/uk/">UK</a></li>
+                            	
+        	        	        	
+        	            	<li><a href="/news/world/africa/">Africa</a></li>
+                            	
+        	        	        	
+        	            	<li><a href="/news/world/asia/">Asia</a></li>
+                            	
+        	        	        	
+        	            	<li><a href="/news/world/europe/">Europe</a></li>
+                            	
+        	        	        	
+        	            	<li><a href="/news/world/latin_america/">Latin America</a></li>
+                            	
+        	        	        	
+        	            	<li><a href="/news/world/middle_east/">Mid-East</a></li>
+                            	
+        	        	        	
+        	            	<li><a href="/news/world/us_and_canada/">US &amp; Canada</a></li>
+                            	
+        	        	        	
+        	            	<li><a href="/news/business/">Business</a></li>
+                            	
+        	        	        	
+        	            	<li><a href="/news/health/">Health</a></li>
+                            	
+        	        	        	
+        	            	<li><a href="/news/science_and_environment/">Sci/Environment</a></li>
+                            	
+        	        	        	
+        	            	<li><a href="/news/technology/">Tech</a></li>
+                            	
+        	        	        	
+        	            	<li><a href="/news/entertainment_and_arts/">Entertainment</a></li>
+                            	
+        	        	        	
+        	            	<li><a href="/news/10462520">Video</a></li>
+                            </ul> 
+        
+	    	      <ul id="sub-nav" class="nav"> 
+	        	        			        	        	
+	        		        		<li class="first-child selected"><a href="/news/magazine/">Magazine</a></li>
+	            	        	        		        	
+	        		            	<li><a href="/news/in_pictures/">In Pictures</a></li>
+	            	        	        		        	
+	        		            	<li><a href="/news/also_in_the_news/">Also in the News</a></li>
+	            	        	        		        	
+	        		            	<li><a href="http://www.bbc.co.uk/blogs/theeditors/">Editors' Blog</a></li>
+	            	        	        		        	
+	        		            	<li><a href="/news/have_your_say/">Have Your Say</a></li>
+	            	        	        		        	
+	        		            	<li><a href="/news/world_radio_and_tv/">World Radio and TV</a></li>
+	            	        	        		        	
+	        		            	<li><a href="/news/special_reports/">Special Reports</a></li>
+	            	        	      </ul> 
+	    	</div>
+
+			  			  
+	        </div>
+	        <!-- START CPS_SITE CLASS: international -->
+	        <div id="content-wrapper" class="international">
+			
+					<div class="advert">
+													
+							<div class="bbccom_advert_placeholder">
+								<script type="text/javascript">$render("advert","advert-leaderboard");</script>
+							</div>
+							<script type="text/javascript">$render("advert-post-script-load");</script>
+							
+											</div>
+				
+	            <!-- START CPS_SITE CLASS: story -->
+	            <div id="main-content" class="story blq-clearfix">
+			<!-- No EWA -->
+ 
+
+
+
+	
+
+<div id="print-advert">
+
+</div>	
+
+
+
+
+
+<div class="layout-block-a">
+    <div class="story-body">    	
+    		  <span class="story-date">
+    <span class="date">2 December 2011</span>
+<span class="time-text">Last updated at </span><span class="time">00:03 GMT</span>  
+</span>
+
+	<div id="page-bookmark-links-head" class="share-help">
+  <h3>Share this page</h3>
+  <ul>  	
+    <li class="delicious">
+      <a title="Post this story to Delicious" href="http://del.icio.us/post?url=http://www.bbc.co.uk/news/magazine-15959067&amp;title=BBC+News+-+Submarine+escape%3A+A+WWII+survival+tale+from+Kefalonia">Delicious</a>
+    </li>
+    <li class="digg">
+      <a title="Post this story to Digg" href="http://digg.com/submit?url=http://www.bbc.co.uk/news/magazine-15959067&amp;title=BBC+News+-+Submarine+escape%3A+A+WWII+survival+tale+from+Kefalonia">Digg</a>
+    </li>
+    <li class="facebook">
+      <a title="Post this story to Facebook" href="http://www.facebook.com/sharer.php?u=http://www.bbc.co.uk/news/magazine-15959067&amp;t=BBC+News+-+Submarine+escape%3A+A+WWII+survival+tale+from+Kefalonia">Facebook</a>
+    </li>
+    <li class="reddit">
+      <a title="Post this story to reddit" href="http://reddit.com/submit?url=http://www.bbc.co.uk/news/magazine-15959067&amp;title=BBC+News+-+Submarine+escape%3A+A+WWII+survival+tale+from+Kefalonia">reddit</a>
+    </li>
+    <li class="stumbleupon">
+      <a title="Post this story to StumbleUpon" href="http://www.stumbleupon.com/submit?url=http://www.bbc.co.uk/news/magazine-15959067&amp;title=BBC+News+-+Submarine+escape%3A+A+WWII+survival+tale+from+Kefalonia">StumbleUpon</a>
+    </li>
+    <li class="twitter">
+      <a title="Post this story to Twitter" href="http://twitter.com/home?status=BBC+News+-+Submarine+escape%3A+A+WWII+survival+tale+from+Kefalonia+http://www.bbc.co.uk/news/magazine-15959067">Twitter</a>
+    </li>
+    <li class="email">
+      <a title="Email this story" href="http://newsvote.bbc.co.uk/mpapps/pagetools/email/www.bbc.co.uk/news/magazine-15959067">Email</a>
+    </li>
+    <li class="print">
+      <a title="Print this story" href="?print=true">Print</a>
+    </li>
+  </ul>
+<!--  Social media icons by Paul Annet | http://nicepaul.com/icons  -->
+</div>
+<script type="text/javascript"> 
+<!--
+$render("page-bookmark-links","page-bookmark-links-head",{
+    useForgeShareTools:"true",
+    position:"top",
+    site:'News', 
+    headline:'BBC News - Submarine escape: A WWII survival tale from Kefalonia', 
+    storyId:'15959067', 
+    sectionId:'99189', 
+    url:'http://www.bbc.co.uk/news/magazine-15959067', 
+    edition:'International'
+}); 
+-->
+</script>
+
+
+
+
+
+	<h1 class="story-header">Submarine escape: A WWII survival tale from Kefalonia</h1>
+
+     
+         
+ 
+        		
+					            	    		 			<span class="byline">
+														<span class="byline-name">By Tim Clayton</span>
+				<span class="byline-title">Military historian</span>
+			</span>
+		        
+        <div class="caption body-width">
+  <img src="http://news.bbcimg.co.uk/media/images/57027000/jpg/_57027794_perseus_getty.jpg" width="464" height="261" alt="Launch of HMS Perseus in May 1929" />
+
+    <span style="width:464px;">HMS Perseus was launched in May 1929</span>
+  </div>
+<div class="embedded-hyper">
+	<a class="hidden" href="#story_continues_1">Continue reading the main story</a>	
+
+
+
+
+		     <div class="hyperpuff">
+	       	          
+
+		
+		
+						
+				
+		<!-- Specific version for 15959067 -->
+		
+	
+						<h2><a href="/news/magazine/">In today&#039;s Magazine</a></h2>
+		
+		
+
+		  	  <ul>
+	  	  	
+	   
+
+
+
+
+	
+
+
+	
+
+
+
+
+<li>
+	<a class="story" rel="published-1322784486414" href="/news/magazine-15988056">Quiz of the week&#039;s news</a>
+
+		</li>
+
+		
+	  	  	
+	   
+
+
+
+
+	
+
+
+	
+
+
+
+
+<li>
+	<a class="story" rel="published-1322679328267" href="/news/magazine-14779271">Should animals be stunned before slaughter?</a>
+
+		</li>
+
+		
+	  	  	
+	   
+
+
+
+
+	
+
+
+	
+
+
+
+
+<li>
+	<a class="story" rel="published-1322709870366" href="/news/magazine-15972527">Lingering stigma helps Aids epidemic ravage US South</a>
+
+		</li>
+
+		
+	  	  	
+	   
+
+
+
+
+	
+
+
+	
+
+
+
+
+<li>
+	<a class="story" rel="published-1322742714248" href="/news/magazine-15970341">Why we quit Australia for the UK</a>
+
+		</li>
+
+		
+	  	  </ul>
+  
+
+
+		
+						
+
+	       	     </div>
+	
+</div>                      <p class="introduction" id="story_continues_1">Seventy years ago, off the Greek island of Kefalonia, the British submarine HMS Perseus hit an Italian mine, sparking one of the greatest and most controversial survival stories of World War II.</p>
+        <p>The clear waters of the Mediterranean were a death trap for British submarines in World War II.</p>
+        <p>Some were bombed from the air, others hunted with sonar and depth charges, and many, perhaps most, collided with mines.</p>
+        <p>Two fifths of the subs that ventured into the Mediterranean were sunk and when a submarine sank it became a communal coffin - everyone on board died. That was the rule. </p>
+        <p>In fact, during the whole of the war there were only four escapes from stricken British submarines. And the most remarkable of these took place on 6 December 1941, when HMS Perseus plummeted to the seabed. </p>
+  <span class="cross-head">Enigma</span>
+	      <p>When she left the British submarine base at Malta at the end of November 1941, HMS Perseus had on board her 59 crew and two passengers, one of whom was John Capes, a 31-year-old Navy stoker en route to Alexandria. </p>
+  <div class="caption">
+  <img src="http://news.bbcimg.co.uk/media/images/57027000/jpg/_57027786_john_capes229_rnsm.jpg" width="224" height="299" alt="John Capes" />
+
+    <span style="width:224px;">John Capes: Stoker on the Perseus</span>
+  </div>
+      <p>Tall, dark, handsome and a bit of an enigma, Capes had been educated at Dulwich College, and as the son of a diplomat he would naturally have been officer class rather than one of the lowliest of the mechanics who looked after the engines.  </p>
+        <p>On the rough winter night of 6 December, Perseus was on the surface of the sea 3km (two miles) off the coast of Kefalonia, recharging her batteries under cover of darkness in preparation for another day underwater.  </p>
+        <p>According to newspaper articles Capes later wrote or contributed to, he was relaxing in a makeshift bunk converted from a spare torpedo tube when, with no warning, there was a devastating explosion. </p>
+        <p>The boat twisted, plunged, and hit the bottom with what Capes described as a &quot;nerve-shattering jolt&quot;. </p>
+        <p>His bunk reared up and threw him across the compartment. The lights went out. </p>
+  <div class="story-feature wide ">
+	<a class="hidden" href="#story_continues_2">Continue reading the main story</a>		<h2>Escape from the Deep</h2>
+		<!-- pullout-items-->
+	
+	<!-- pullout-body-->
+	<ul>
+    <li> Louis de Bernieres returns to Kefalonia to tell the story of John Capes and HMS Perseus</li>
+    <li> Tim Clayton acted as a programme consultant</li>
+    <li> Broadcast on Friday 2 December 2011 at 1100 GMT on BBC Radio 4, or listen again on <a href="http://www.bbc.co.uk/iplayer" >iPlayer</a></li>
+  </ul>
+	<!-- pullout-links-->
+	</div>      <p id="story_continues_2">Capes guessed they had hit a mine. Finding that he could stand, he groped for a torch. In the increasingly foul air and rising water of the engine room he found &quot;the mangled bodies of a dozen dead&quot;. </p>
+        <p>But that was as far as he could get. The engine room door was forced shut by the pressure of water on the other side. &quot;It was creaking under the great pressure. Jets and trickles from the rubber joint were seeping through,&quot; said Capes.</p>
+        <p>He dragged any stokers who showed signs of life towards the escape hatch and fitted them and himself with Davis Submarine Escape Apparatus, a rubber lung with an oxygen bottle, mouthpiece and goggles. </p>
+  <div class="story-feature wide ">
+	<a class="hidden" href="#story_continues_3">Continue reading the main story</a>		<h2>British WWII submarine escapes</h2>
+		<!-- pullout-items-->
+	<div class="caption body-narrow-width">
+  <img src="http://news.bbcimg.co.uk/media/images/57060000/gif/_57060487_sub_escapes304x416.gif" width="304" height="416" alt="Graphic showing the depth at which British WWII submariners escaped" />
+
+  </div>
+
+	<!-- pullout-body-->
+	<ul>
+    <li> HMS Umpire sank near Norfolk, England on 19 July 1941. Escapees: 14-15</li>
+    <li> HMS Stratagem sank near Malacca, Malaysia on 22 November 1944. Escapees: 10</li>
+    <li> HMS Perseus sank near Kefalonia, Greece on 6 December 1941. Escapees: 1 </li>
+    <li> HMS P32 sank near Tripoli, Libya on 18 August 1941 (but the wreck was discovered only in 1999). Escapees: 2</li>
+  </ul>
+	<!-- pullout-links-->
+	</div>      <p id="story_continues_3">This equipment had only been tested to a depth of 100ft (30m). The depth gauge showed just over 270ft, and as far as Capes knew, no-one had ever made an escape from such a depth. </p>
+        <p>In fact the gauge was broken, over-estimating the depth by 100ft, but time was running out. It was difficult to breathe now. </p>
+        <p>He flooded the compartment, lowered the canvas trunk beneath the escape hatch and with great difficulty released the damaged bolts on the hatch. </p>
+        <p>He pushed his injured companions into the trunk, up through the hatch and away into the cold sea above. Then he took a last swig of rum from his blitz bottle, ducked under and passed through the hatch himself. </p>
+        <p>&quot;I let go, and the buoyant oxygen lifted me quickly upward. Suddenly I was alone in the middle of the great ocean. </p>
+        <p>&quot;The pain became frantic, my lungs and whole body as fit to burst apart. Agony made me dizzy. How long can I last? </p>
+        <p>&quot;Then, with the suddenness of certainty, I burst to the surface and wallowed in a slight swell with whitecaps here and there.&quot;</p>
+        <p>But having made the deepest escape yet recorded, his ordeal was not over. </p>
+        <p>His fellow injured stokers had not made it to the surface with him so he found himself alone in the middle of a cold December sea. </p>
+        <p>In the darkness he spotted a band of white cliffs and realised he had no choice but to strike out for those. </p>
+  <span class="cross-head">Story doubted</span>
+	      <p>The next morning, Capes was found unconscious by two fishermen on the shore of Kefalonia. </p>
+        <p>For the following 18 months he was passed from house to house, to evade the Italian occupiers. He lost 70lb (32kg) in weight and dyed his hair black in an effort to blend in. </p>
+        <p>He recalled later: &quot;Always, at the moment of despair, some utterly poor but friendly and patriotic islander would risk the lives of all his family for my sake. </p>
+  <div class="caption body-narrow-width">
+  <img src="http://news.bbcimg.co.uk/media/images/57055000/jpg/_57055063_perseus_thoctarides.jpg" width="304" height="171" alt="Kostas Thoctarides swimming next to the wreck of HMS Perseus" />
+
+    <span style="width:304px;">Kostas Thoctarides and his dive team found the wreck of HMS Perseus in 1997</span>
+  </div>
+      <p>&quot;They even gave me one of their prize possessions, a donkey called Mareeka. There was one condition attached to her - I had to take a solemn vow not to eat her.&quot; </p>
+        <p>He was finally taken off the island on a fishing boat in May 1943, in a clandestine operation organised by the Royal Navy. </p>
+        <p>A dangerous, roundabout journey of 640km took him to Turkey and from there back to the submarine service in Alexandria.  </p>
+        <p>Despite being awarded a medal for his escape, Capes&#039;s story was so extraordinary that many people, both within and outside the Navy, doubted it.</p>
+        <p>Was he really on the boat at all? After all, he was not on the crew list. And submarine commanders had been ordered to bolt escape hatches shut from the outside to prevent them lifting during depth charge attacks. </p>
+        <p>There were no witnesses, he had a reputation as a great storyteller, and his own written accounts after the war varied in their details. </p>
+        <p>And the depth gauge reading 270ft made his story all the harder to believe.</p>
+        <p>John Capes died in 1985 but it was not until 1997 that his story was finally verified. </p>
+        <p>In a series of dives to the wreck of Perseus, Kostas Thoctarides discovered Capes&#039;s empty torpedo tube bunk, the hatch and compartment exactly as he had described it, and finally, his blitz bottle from which he had taken that last fortifying swig of rum.  </p>
+        <p><em>Tim Clayton is the author of Sea Wolves: the Extraordinary Story of Britain&#039;s WW2 Submarines. </em></p>
+                        <p class="transmission-info">BBC Radio 4&#039;s <a href="http://www.bbc.co.uk/programmes/b017mx3x" >Escape from the Deep</a> is broadcast on Friday 2 December 2011 at 1100 GMT. Or listen again on BBC <a href="http://www.bbc.co.uk/iplayer/" >iPlayer</a>.</p>
+             
+	
+	</div><!-- / story-body -->
+  
+  <div>
+ 	<!--Related hypers and stories -->
+	<div class="story-related">
+	<h2>More on This Story</h2>
+	              
+
+
+
+
+		     <div class="hyperpuff">
+	       	                   
+<div class="hyper-container-title">
+          
+       	      <h3 class="hyper-depth-header"><a href="/news/magazine/" class="special-report">In today&#039;s Magazine
+	      </a>
+	      </h3>
+          
+            
+
+
+			
+		
+	<!-- Specific version for 15959067 -->
+	
+	
+	 
+
+      
+
+
+			
+	<!-- Non specific version -->
+	
+	
+			<div id="group-title-2" class="hyper-related-assets">
+				
+					
+					
+												<ul>
+																																																															
+																
+																														
+									
+							<li class=" medium-image first-child">
+		
+								
+
+
+
+
+	
+
+
+		
+
+
+
+
+<h5 class=" hyper-story-header">
+	<a class="story" rel="published-1322784486414" href="/news/magazine-15988056"><img src="http://news.bbcimg.co.uk/media/images/57060000/jpg/_57060600_streep_pathe144.jpg" alt="Meryl Streep" />Quiz of the week&#039;s news</a>
+
+		</h5>
+
+								
+																  <p>The weekly world quiz of the news, with seven questions.</p>
+																									<hr />
+															</li>
+														
+																</ul>
+						
+										
+		</div>
+		<script type="text/javascript">$render("hyper-related-assets","group-title-2");</script>
+
+	 
+
+      
+
+
+			
+	<!-- Non specific version -->
+	
+	
+			<div id="group-title-3" class="hyper-related-assets">
+				
+					
+					
+												<ul>
+																																																															
+																
+																														
+									
+							<li class=" with-summary first-child">
+		
+								
+
+
+
+
+	
+
+
+	
+
+
+
+
+<h5 class=" hyper-story-header">
+	<a class="story" rel="published-1322679328267" href="/news/magazine-14779271">Should animals be stunned before slaughter?</a>
+
+		</h5>
+
+								
+																  <p>Animal welfare and religious freedom are at the heart of a debate over moves to restrict the slaughter of conscious animals.</p>
+																							</li>
+														
+																</ul>
+						
+										
+		</div>
+		<script type="text/javascript">$render("hyper-related-assets","group-title-3");</script>
+
+	 
+
+      
+
+
+			
+	<!-- Non specific version -->
+	
+	
+			<div id="group-title-4" class="hyper-related-assets">
+				
+					
+					
+												<ul>
+																																																															
+																
+																														
+									
+							<li class=" with-summary first-child">
+		
+								
+
+
+
+
+	
+
+
+	
+
+
+
+
+<h5 class=" hyper-story-header">
+	<a class="story" rel="published-1322709870366" href="/news/magazine-15972527">Lingering stigma helps Aids epidemic ravage US South</a>
+
+		</h5>
+
+								
+																  <p>How the conservative South&#039;s reluctance to speak frankly about HIV/Aids has hampered its ability to fight the disease.</p>
+																							</li>
+														
+																</ul>
+						
+										
+		</div>
+		<script type="text/javascript">$render("hyper-related-assets","group-title-4");</script>
+
+	 
+
+      
+
+
+			
+	<!-- Non specific version -->
+	
+	
+			<div id="group-title-5" class="hyper-related-assets">
+				
+					
+					
+												<ul>
+																																																															
+																
+																														
+									
+							<li class=" medium-image first-child">
+		
+								
+
+
+
+
+	
+
+
+		
+
+
+
+
+<h5 class=" hyper-story-header">
+	<a class="story" rel="published-1322742714248" href="/news/magazine-15970341"><img src="http://news.bbcimg.co.uk/media/images/57061000/jpg/_57061216_passports_226.jpg" alt="Passports" />Why we quit Australia for the UK</a>
+
+		</h5>
+
+								
+																  <p>We received hundreds of emails in response to our story about the large numbers of British people giving up on life in Australia. Some readers have been sharing their experiences of leaving - and staying - Down Under. </p>
+																									<hr />
+															</li>
+														
+																</ul>
+						
+										
+		</div>
+		<script type="text/javascript">$render("hyper-related-assets","group-title-5");</script>
+
+	 
+
+  </div>
+
+	       	     </div>
+	
+      
+	
+	<script type="text/javascript">$render("page-newstracker","ID");</script> 
+
+	        
+<div class="related-internet-links">
+	<h3>Related Internet links</h3>
+	<ul class="related-links">
+											
+							    	<li class="column-1  first-child">
+	            <a href="http://www.timclayton.co.uk/">Tim Clayton</a>
+	        </li>
+		    </ul>
+</div>
+
+  		
+        <p class="disclaimer">The BBC is not responsible for the content of external Internet sites</p>
+	</div>
+<script type="text/javascript">$render("page-related-items","ID");</script>
+
+  </div>
+
+      
+  <div class="share-body-bottom">
+	<div id="page-bookmark-links-foot" class="share-help">
+  <h3>Share this page</h3>
+  <ul>  	
+    <li class="delicious">
+      <a title="Post this story to Delicious" href="http://del.icio.us/post?url=http://www.bbc.co.uk/news/magazine-15959067&amp;title=BBC+News+-+Submarine+escape%3A+A+WWII+survival+tale+from+Kefalonia">Delicious</a>
+    </li>
+    <li class="digg">
+      <a title="Post this story to Digg" href="http://digg.com/submit?url=http://www.bbc.co.uk/news/magazine-15959067&amp;title=BBC+News+-+Submarine+escape%3A+A+WWII+survival+tale+from+Kefalonia">Digg</a>
+    </li>
+    <li class="facebook">
+      <a title="Post this story to Facebook" href="http://www.facebook.com/sharer.php?u=http://www.bbc.co.uk/news/magazine-15959067&amp;t=BBC+News+-+Submarine+escape%3A+A+WWII+survival+tale+from+Kefalonia">Facebook</a>
+    </li>
+    <li class="reddit">
+      <a title="Post this story to reddit" href="http://reddit.com/submit?url=http://www.bbc.co.uk/news/magazine-15959067&amp;title=BBC+News+-+Submarine+escape%3A+A+WWII+survival+tale+from+Kefalonia">reddit</a>
+    </li>
+    <li class="stumbleupon">
+      <a title="Post this story to StumbleUpon" href="http://www.stumbleupon.com/submit?url=http://www.bbc.co.uk/news/magazine-15959067&amp;title=BBC+News+-+Submarine+escape%3A+A+WWII+survival+tale+from+Kefalonia">StumbleUpon</a>
+    </li>
+    <li class="twitter">
+      <a title="Post this story to Twitter" href="http://twitter.com/home?status=BBC+News+-+Submarine+escape%3A+A+WWII+survival+tale+from+Kefalonia+http://www.bbc.co.uk/news/magazine-15959067">Twitter</a>
+    </li>
+    <li class="email">
+      <a title="Email this story" href="http://newsvote.bbc.co.uk/mpapps/pagetools/email/www.bbc.co.uk/news/magazine-15959067">Email</a>
+    </li>
+    <li class="print">
+      <a title="Print this story" href="?print=true">Print</a>
+    </li>
+  </ul>
+<!--  Social media icons by Paul Annet | http://nicepaul.com/icons  -->
+
+<div class="bbccom_advert_placeholder">
+	<script type="text/javascript">$render("advert","advert-sponsor-module","page-bookmark-links");</script>
+</div>
+<script type="text/javascript">$render("advert-post-script-load");</script>
+	
+</div>
+<script type="text/javascript"> 
+<!--
+$render("page-bookmark-links","page-bookmark-links-foot",{
+    useForgeShareTools:"true",
+    position:"bottom",
+    site:'News', 
+    headline:'BBC News - Submarine escape: A WWII survival tale from Kefalonia', 
+    storyId:'15959067', 
+    sectionId:'99189', 
+    url:'http://www.bbc.co.uk/news/magazine-15959067', 
+    edition:'International'
+}); 
+-->
+</script>
+
+ </div>
+ 
+   
+      	
+		<div class="bbccom_advert_placeholder">
+	      	<script type="text/javascript">$render("advert","advert-google-adsense");</script>
+		</div>
+		<script type="text/javascript">$render("advert-post-script-load");</script>
+    	
+	
+ 
+</div><!-- / layout-block-a -->
+
+<div class="layout-block-b">	
+			
+
+
+
+
+		     <div class="hyperpuff">
+	       	         
+<div class="bbccom_advert_placeholder">
+	<script type="text/javascript">$render("advert","advert-mpu-high");</script>
+</div>
+<script type="text/javascript">$render("advert-post-script-load");</script>
+
+	       	         
+
+
+
+<div id="range-top-stories" class="top-stories-range-module">
+
+			<h2 class="top-stories-range-module-header">Top Stories</h2>
+		
+		
+									
+				<!-- Non specific version -->
+				
+	<ul>
+					  				  								
+				
+
+
+
+
+	
+
+
+		
+
+
+
+
+<li class=" first-child medium-image">
+	<a class="story" rel="published-1322811623809" href="/news/world-europe-15997784"><img src="http://news.bbcimg.co.uk/media/images/57082000/jpg/_57082329_013435550-1.jpg" alt="German Chancellor Angela Merkel addresses the Bundestag in Berlin on 2 December 2011" />Merkel pushes euro fiscal union</a>
+
+		</li>
+
+									 			
+
+
+
+
+	
+
+
+	
+
+
+
+
+<li>
+	<a class="story" rel="published-1322795341936" href="/news/world-asia-15997268">Suu Kyi hopeful on Burma progress</a>
+
+		</li>
+
+  									 			
+
+
+
+
+	
+
+
+	
+
+
+
+
+<li>
+	<a class="story" rel="published-1322823493278" href="/news/world-africa-16000522">Nando&#039;s axes Mugabe &#039;dictator&#039; ad</a>
+
+		</li>
+
+  									 			
+
+
+
+
+	
+
+
+	
+
+
+
+
+<li>
+	<a class="story" rel="published-1322833347815" href="/news/business-16005502">Unemployment in US falls to 8.6%</a>
+
+		</li>
+
+  									 			
+
+
+
+
+	
+
+
+	
+
+
+
+
+<li>
+	<a class="story" rel="published-1322825345909" href="/news/world-africa-16003299">ICC seeks Sudan minister&#039;s arrest</a>
+
+		</li>
+
+  						</ul>
+
+		 
+	
+</div>
+<script type="text/javascript">$render("range-top-stories","range-top-stories");</script>
+      	
+
+	       	         
+<div class="bbccom_advert_placeholder">
+	<script type="text/javascript">$render("advert","advert-mpu-low");</script>
+</div>
+<script type="text/javascript">$render("advert-post-script-load");</script>
+
+	       	         
+
+	<div id="features" class="feature-generic">
+
+			<h2 class="features-header">Features &amp; Analysis</h2>
+		
+	<ul class="feature-main">
+
+		
+	
+						
+				
+		<!-- Specific version for 15959067 -->
+		
+			
+							
+		<li class="medium-image">
+
+			
+
+
+
+
+	
+
+
+		
+
+
+
+
+<h3 class=" feature-header">
+	<a class="story" rel="published-1322784486414" href="/news/magazine-15988056"><img src="http://news.bbcimg.co.uk/media/images/57071000/jpg/_57071447_streep_pathe144.jpg" alt="Meryl Streep" />It&#039;s quiz time!</a>
+
+		</h3>
+
+			
+							<p>Meryl Streep&#039;s last Oscar was for which film?  	
+				  <span id="dna-comment-count___CPS__15988056" class="gvl3-icon gvl3-icon-comment comment-count"></span></p>
+			
+							<hr />
+					</li>
+			
+							
+		<li class="medium-image">
+
+			
+
+
+
+
+	
+
+
+		
+
+
+
+
+<h3 class=" feature-header">
+	<a class="story" rel="published-1322824699439" href="/news/world-middle-east-15948031"><img src="http://news.bbcimg.co.uk/media/images/57082000/jpg/_57082020_al_thani_afp144.jpg" alt="Qatari prime minister" />League of its own</a>
+
+		</h3>
+
+			
+							<p>How Arab leaders embraced revolution  	
+				  <span id="dna-comment-count___CPS__15948031" class="gvl3-icon gvl3-icon-comment comment-count"></span></p>
+			
+							<hr />
+					</li>
+			
+							
+		<li class="medium-image">
+
+			
+
+
+
+
+	
+
+
+		
+
+
+
+
+<h3 class=" feature-header">
+	<a class="story" rel="published-1322830041714" href="/news/in-pictures-16000230"><img src="http://news.bbcimg.co.uk/media/images/57085000/jpg/_57085352_99898.jpg" alt="Delegates are seen beneath a ceiling painted by Spanish artist Miquel Barcelo during a special session of the UN Human Rights Council, Geneva" />Day in pictures</a>
+
+		</h3>
+
+			
+							<p>24 hours of news photos from around the world 	
+				  <span id="dna-comment-count___CPS__16000230" class="gvl3-icon gvl3-icon-comment comment-count"></span></p>
+			
+							<hr />
+					</li>
+	
+						 
+	
+	
+	</ul>
+	</div>
+	<script type="text/javascript">$render("feature-generic","features");</script> 
+
+
+	       	         
+<div id="most-popular" class="livestats livestats-tabbed tabbed range-most-popular">
+	
+			<h2 class="livestats-header">Most Popular</h2>
+	
+					
+					<h3 class="tab "><a href="#">Shared</a></h3>
+		
+		<div class="panel ">
+      		<ol>
+	      		<li
+  class="first-child ol1">
+  <a
+    href="http://www.bbc.co.uk/news/world-europe-15995845"
+    class="story">
+    <span
+      class="livestats-icon livestats-1">1: </span>New Icelandic volcano eruption could have global impact</a>
+</li>
+<li
+  class="ol2">
+  <a
+    href="http://www.bbc.co.uk/news/magazine-15959067"
+    class="story">
+    <span
+      class="livestats-icon livestats-2">2: </span>Escape from a WWII submarine</a>
+</li>
+<li
+  class="ol3">
+  <a
+    href="http://www.bbc.co.uk/news/uk-15999234"
+    class="story">
+    <span
+      class="livestats-icon livestats-3">3: </span>Clarkson complaints reach 21,000</a>
+</li>
+<li
+  class="ol4">
+  <a
+    href="http://www.bbc.co.uk/news/world-africa-16000522"
+    class="story">
+    <span
+      class="livestats-icon livestats-4">4: </span>Nando's axes Mugabe 'dictator' ad</a>
+</li>
+<li
+  class="ol5">
+  <a
+    href="http://www.bbc.co.uk/news/world-latin-america-16000331"
+    class="story">
+    <span
+      class="livestats-icon livestats-5">5: </span>'No 2012 end of world' for Maya</a>
+</li>
+      		</ol>
+      	</div>
+							
+					<h3 class="tab open"><a href="#">Read</a></h3>
+		
+		<div class="panel open">
+      		<ol>
+	      		<li
+  class="first-child ol1">
+  <a
+    href="http://www.bbc.co.uk/news/world-asia-16008958"
+    class="story">
+    <span
+      class="livestats-icon livestats-1">1: </span>Furore over Pakistan 'ISI' photo</a>
+</li>
+<li
+  class="ol2">
+  <a
+    href="http://www.bbc.co.uk/news/world-europe-15997784"
+    class="story">
+    <span
+      class="livestats-icon livestats-2">2: </span>Merkel pushes euro fiscal union</a>
+</li>
+<li
+  class="ol3">
+  <a
+    href="http://www.bbc.co.uk/news/world-europe-16000340"
+    class="story">
+    <span
+      class="livestats-icon livestats-3">3: </span>Jail for 'stupidest bank robber' </a>
+</li>
+<li
+  class="ol4">
+  <a
+    href="http://www.bbc.co.uk/news/magazine-15959067"
+    class="story">
+    <span
+      class="livestats-icon livestats-4">4: </span>Escape from a WWII submarine</a>
+</li>
+<li
+  class="ol5">
+  <a
+    href="http://www.bbc.co.uk/news/world-asia-india-15997648"
+    class="story">
+    <span
+      class="livestats-icon livestats-5">5: </span>India Dalit boy 'killed for name'</a>
+</li>
+<li
+  class="ol6">
+  <a
+    href="http://www.bbc.co.uk/news/world-africa-16000522"
+    class="story">
+    <span
+      class="livestats-icon livestats-6">6: </span>Nando's axes Mugabe 'dictator' ad</a>
+</li>
+<li
+  class="ol7">
+  <a
+    href="http://www.bbc.co.uk/news/uk-15999234"
+    class="story">
+    <span
+      class="livestats-icon livestats-7">7: </span>Clarkson complaints reach 21,000</a>
+</li>
+<li
+  class="ol8">
+  <a
+    href="http://www.bbc.co.uk/news/in-pictures-16000230"
+    class="story">
+    <span
+      class="livestats-icon livestats-8">8: </span>Day in pictures: 2 December 2011</a>
+</li>
+<li
+  class="ol9">
+  <a
+    href="http://www.bbc.co.uk/news/business-16005502"
+    class="story">
+    <span
+      class="livestats-icon livestats-9">9: </span>US jobless rate drops to 8.6%</a>
+</li>
+<li
+  class="ol10">
+  <a
+    href="http://www.bbc.co.uk/news/world-europe-15995845"
+    class="story">
+    <span
+      class="livestats-icon livestats-10">10: </span>New Icelandic volcano eruption could have global impact</a>
+</li>
+      		</ol>
+      	</div>
+					
+					<h3 class="tab "><a href="#">Video/Audio</a></h3>
+		
+		<div class="panel ">
+      		<ol>
+	      		<li
+  class="first-child has-icon-watch ol1">
+  <a
+    href="http://www.bbc.co.uk/2/hi/programmes/click_online/9653411.stm"
+    class="story">
+    <span
+      class="livestats-icon livestats-1">1: </span>A touchscreen car and other tech news<span
+      class="gvl3-icon gvl3-icon-watch"> Watch</span></a>
+</li>
+<li
+  class="has-icon-watch ol2">
+  <a
+    href="http://www.bbc.co.uk/news/video_and_audio/"
+    class="story">
+    <span
+      class="livestats-icon livestats-2">2: </span>One-minute World News<span
+      class="gvl3-icon gvl3-icon-watch"> Watch</span></a>
+</li>
+<li
+  class="has-icon-watch ol3">
+  <a
+    href="http://www.bbc.co.uk/news/world-us-canada-15997347"
+    class="story">
+    <span
+      class="livestats-icon livestats-3">3: </span>Obamas embrace Christmas with Kermit<span
+      class="gvl3-icon gvl3-icon-watch"> Watch</span></a>
+</li>
+<li
+  class="has-icon-watch ol4">
+  <a
+    href="http://www.bbc.co.uk/news/world-africa-16002239"
+    class="story">
+    <span
+      class="livestats-icon livestats-4">4: </span>Nando's 'Mugabe' ad causes controversy<span
+      class="gvl3-icon gvl3-icon-watch"> Watch</span></a>
+</li>
+<li
+  class="has-icon-watch ol5">
+  <a
+    href="http://www.bbc.co.uk/news/uk-15997820"
+    class="story">
+    <span
+      class="livestats-icon livestats-5">5: </span>Public sector strikers 'should be shot'<span
+      class="gvl3-icon gvl3-icon-watch"> Watch</span></a>
+</li>
+<li
+  class="has-icon-watch ol6">
+  <a
+    href="http://www.bbc.co.uk/news/world-europe-15996754"
+    class="story">
+    <span
+      class="livestats-icon livestats-6">6: </span>Icelandic volcano flood warning <span
+      class="gvl3-icon gvl3-icon-watch"> Watch</span></a>
+</li>
+<li
+  class="has-icon-watch ol7">
+  <a
+    href="http://www.bbc.co.uk/news/world-europe-15995948"
+    class="story">
+    <span
+      class="livestats-icon livestats-7">7: </span>Inside Warsaw's Euro 2012 stadium<span
+      class="gvl3-icon gvl3-icon-watch"> Watch</span></a>
+</li>
+<li
+  class="has-icon-watch ol8">
+  <a
+    href="http://www.bbc.co.uk/news/business-15978276"
+    class="story">
+    <span
+      class="livestats-icon livestats-8">8: </span>Tokyo Motor Show: Is hi-tech the answer?<span
+      class="gvl3-icon gvl3-icon-watch"> Watch</span></a>
+</li>
+<li
+  class="has-icon-watch ol9">
+  <a
+    href="http://www.bbc.co.uk/news/world-asia-15997908"
+    class="story">
+    <span
+      class="livestats-icon livestats-9">9: </span>Clinton: Democracy is the goal<span
+      class="gvl3-icon gvl3-icon-watch"> Watch</span></a>
+</li>
+<li
+  class="has-icon-watch ol10">
+  <a
+    href="http://www.bbc.co.uk/news/10317943"
+    class="story">
+    <span
+      class="livestats-icon livestats-10">10: </span>Anger at Clarkson and more news<span
+      class="gvl3-icon gvl3-icon-watch"> Watch</span></a>
+</li>
+      		</ol>
+      	</div>
+		 
+	<div class="bbccom_advert_placeholder">
+		<script type="text/javascript">$render("advert","advert-sponsor-module","range-most-popular","most-popular");</script>
+	</div>
+	<script type="text/javascript">$render("advert-post-script-load");</script>
+	
+</div>
+
+<script type="text/javascript">$render("most-popular","most-popular");</script>
+
+	       	     </div>
+	
+		
+	
+			
+
+
+
+
+		     <div class="hyperpuff">
+	       	         <div id="promotional-content" class="hyper-promotional-content">
+	
+			<h2>Elsewhere on BBC News</h2>
+	
+	<ul>
+							
+						
+															
+										<li class="large-image first-child">
+				
+
+
+
+
+	
+
+
+		
+
+
+
+
+<h3>
+	<a class="story" rel="published-1322738381158" href="http://www.bbc.co.uk/news/business-15980470"><img src="http://news.bbcimg.co.uk/media/images/57056000/jpg/_57056172_zhai624.jpg" alt="Zhai Meiqing" />Giving a bit back</a>
+
+		</h3>
+
+									<p>The entrepreneur and now multi-millionaire at the forefront of China&#039;s new-found philanthropic thinking</p>
+							</li>
+			</ul>
+	
+	<div class="bbccom_advert_placeholder">
+	      <script type="text/javascript">$render("advert","advert-sponsor-module","hyper-promotional-content","giving-a-bit-back");</script>
+	</div>
+	<script type="text/javascript">$render("advert-post-script-load");</script>
+ 
+</div>
+<script type="text/javascript">$render("hyper-promotional-content","promotional-content");</script>
+
+
+	       	     </div>
+	
+		
+	 	
+	<div class="bbccom_advert_placeholder">
+ 		<script type="text/javascript">$render("advert","advert-partner-button");</script>
+	</div>
+	<script type="text/javascript">$render("advert-post-script-load");</script>
+	
+		
+			
+
+
+
+
+		     <div class="hyperpuff">
+	       	             		  		    	
+    		    		  
+
+<div id="container-programme-promotion" class="container-programme-promotion">
+			<h2 class="programmes-header">Programmes</h2>
+		
+	
+
+						
+<ul class="programme-breakout">
+	
+	
+			
+	<li class="first-child large-image">		
+		
+
+
+
+
+		
+
+
+		
+
+
+
+
+<h3 class=" programme-header">
+	<a class="story" rel="published-1322819536000" href="/2/hi/programmes/click_online/9653411.stm"><img src="http://news.bbcimg.co.uk/media/images/57078000/jpg/_57078529_jex_1252322_de27-1.jpg" alt="Toyota Fun Vii" />Click<span class="gvl3-icon-wrapper"><span class="gvl3-icon gvl3-icon-invert-watch"> Watch</span></span></a>
+
+		</h3>
+
+		<p>Toyota&#039;s futuristic car that changes colour and other tech news in Click&#039;s weekly bulletin</p>
+		
+		
+		<div class="bbccom_advert_placeholder">
+	      	<script type="text/javascript">$render("advert","advert-sponsor-module","programme-breakout","click");</script>
+		</div>
+		<script type="text/javascript">$render("advert-post-script-load");</script>
+	     
+	</li>
+</ul>		
+	</div>
+<script type="text/javascript">$render("container-programmes-promotion","container-programme-promotion");</script>
+	
+	       	     </div>
+	
+		
+	 	
+	<div class="bbccom_advert_placeholder">
+		<script type="text/javascript">$render("advert","advert-mpu-bottom");</script>
+	</div>
+	<script type="text/javascript">$render("advert-post-script-load");</script>
+	
+		
+</div>
+
+	<!-- END #MAIN-CONTENT & CPS_ASSET_TYPE CLASS: story -->
+	</div>
+<!-- END CPS_AUDIENCE CLASS: international -->
+	
+</div> 
+<div id="related-services" class="footer">
+   <div id="news-services">
+      <h2>Services</h2>
+      <ul>
+         <li id="service-feeds"><a href="http://www.bbc.co.uk/news/10628494"><span class="gvl3-feeds-icon-large services-icon">&nbsp;</span>News feeds</a></li>
+         <li id="service-mobile" class="first-child"><a href="http://www.bbc.co.uk/news/help-10801499"><span class="gvl3-mobile-icon-large services-icon">&nbsp;</span>Mobile</a></li>
+         <li id="service-podcasts"><a href="http://www.bbc.co.uk/podcasts/"><span class="gvl3-podcast-icon-large services-icon">&nbsp;</span>Podcasts</a></li>
+         <li id="service-alerts"><a href="http://www.bbc.co.uk/news/10628323"><span class="gvl3-alerts-icon-large services-icon">&nbsp;</span>Alerts</a></li>
+         <li id="service-email-news"><a href="http://newsvote.bbc.co.uk/email"><span class="gvl3-email-icon-large services-icon">&nbsp;</span>E-mail news</a></li>
+      </ul>
+   </div>
+   <div id="news-related-sites">
+      <h2>About BBC News</h2>
+      <ul>
+         <li class="column-1"><a href="http://www.bbc.co.uk/blogs/theeditors/">Editors' blog</a></li>
+         <li class="column-1"><a href="http://www.bbc.co.uk/journalism/">BBC College of Journalism</a></li>
+         <li class="column-1"><a href="http://www.bbc.co.uk/news/10621655">News sources</a></li>
+         <li class="column-1"><a href="http://www.bbc.co.uk/worldservice/trust/">World Service Trust</a></li>
+      </ul>
+   </div>
+</div>
+
+
+	
+		
+	
+
+</div><!-- close magazine -->
+
+
+
+	
+	
+
+   </div>   <div id="blq-mast" class="blq-rst blq-mast-light blq-new-nav" xml:lang="en-GB">   <div id="blq-acc-mobile"><a href="/news/mobile/" id="blq-acc-mobile-link">Mobile</a></div>    <form method="get" action="http://search.bbc.co.uk/search" accept-charset="utf-8"> <p>  <input type="hidden" name="go" value="toolbar" />  <input type="hidden" value="http://www.bbc.co.uk/news/magazine-15959067" name="uri" />    <input type="hidden" name="scope" value="news" />  <label for="blq-search" class="blq-hide">Search term:</label> <input id="blq-search" type="text" name="q" value="" maxlength="128" /> <input id="blq-search-btn" type="submit" value="Search" /> </p> </form>   <h2 class="blq-hide">bbc.co.uk navigation</h2> <ul id="blq-nav-main" class="blq-not-uk">    <li id="blq-nav-n"><a href="http://www.bbc.co.uk/news/" hreflang="en-GB">News</a></li> <li id="blq-nav-s"><a href="http://news.bbc.co.uk/sport/" hreflang="en-GB">Sport</a></li> <li id="blq-nav-w"><a href="http://news.bbc.co.uk/weather/" hreflang="en-GB">Weather</a></li>  <li id="blq-nav-tr"> <a href="http://www.bbc.com/travel/" hreflang="en-GB">Travel</a> </li>  <li id="blq-nav-t"><a href="http://www.bbc.co.uk/tv/" hreflang="en-GB">TV</a></li>  <li id="blq-nav-r"><a href="http://www.bbc.co.uk/radio/" hreflang="en-GB">Radio</a></li> <li id="blq-nav-m"><a href="#blq-nav">More</a></li>  </ul> </div>  <div id="blq-nav" class="blq-orange blq-rst"> <div id="blq-nav-links" class="blq-clearfix" xml:lang="en-GB"> <div id="blq-nav-links-inner">  <ul class="blq-nav-sub blq-first"> <li><a href="http://www.bbc.co.uk/cbbc/">CBBC</a></li> <li><a href="http://www.bbc.co.uk/cbeebies/">CBeebies</a></li> <li><a href="http://www.bbc.co.uk/comedy/">Comedy</a></li> <li><a href="http://www.bbc.co.uk/food/">Food</a></li> <li><a href="http://www.bbc.co.uk/health/">Health</a></li> </ul> <ul class="blq-nav-sub"> <li><a href="http://www.bbc.co.uk/history/">History</a></li> <li><a href="http://www.bbc.co.uk/learning/">Learning</a></li> <li><a href="http://www.bbc.co.uk/music/">Music</a></li> <li><a href="http://www.bbc.co.uk/science/">Science</a></li> <li><a href="http://www.bbc.co.uk/nature/">Nature</a></li> </ul> <ul class="blq-nav-sub blq-last"> <li><a href="http://www.bbc.co.uk/local/">Local</a></li> <li><a href="http://www.bbc.co.uk/northernireland/">Northern Ireland</a></li> <li><a href="http://www.bbc.co.uk/scotland/">Scotland</a></li> <li><a href="http://www.bbc.co.uk/wales/">Wales</a></li> <li id="blq-az"><a href="http://www.bbc.co.uk/a-z/">Full A-Z<span class="blq-hide"> of BBC sites</span></a></li> </ul>  </div> </div> </div>  <!--[if IE 6]> <div id="blq-ie6-upgrade"> <p> <span>You're using the Internet Explorer 6 browser to view the BBC website. Our site will work much better if you change to a more modern browser. It's free, quick and easy.</span> <a href="http://www.browserchoice.eu/">Find out more <span>about upgrading your browser</span> here&hellip;</a> </p> </div> <![endif]-->  <div id="blq-foot" xml:lang="en-GB" class="blq-rst blq-clearfix blq-foot-transparent blq-foot-text-dark">  <div id="blq-footlinks"> <h2 class="blq-hide">BBC links</h2>  <ul id="blq-bbclinks"> <li>     <a href="http://www.bbc.co.uk/aboutthebbc/">About the BBC</a> </li> <li>     <a href="http://www.bbc.co.uk/help/">BBC Help</a> </li>  <li>     <a href="http://news.bbc.co.uk/newswatch/ifs/hi/feedback/default.stm">Contact Us</a> </li>  <li>     <a href="http://www.bbc.co.uk/accessibility/">Accessibility Help</a> </li> <li>     <a href="http://www.bbc.co.uk/terms/">Terms of Use</a> </li> <li>     <a href="http://www.bbc.co.uk/careers/">Careers</a> </li> <li>     <a href="http://www.bbc.co.uk/privacy/">Privacy &amp; Cookies</a> </li>  <li>     <a href="http://www.bbc.co.uk/bbc.com/furtherinformation/">Advertise With Us</a> </li> <li>     <a href="http://www.bbc.co.uk/bbc.com/ad-choices/" hreflang="en-GB">Ad Choices</a> </li>  </ul>  </div>   <p id="blq-logo" class="blq-footer-image-dark"><img src="http://static.bbc.co.uk/frameworks/barlesque/1.13.3/desktop/3/img/blocks/dark.png" width="84" height="24" alt="BBC" /></p>  <p id="blq-disclaim"><span id="blq-copy">BBC &copy; 2011</span> <a href="http://www.bbc.co.uk/help/web/links/">The BBC is not responsible for the content of external sites. Read more.</a></p> <div id="blq-obit"><p><strong>This page is best viewed in an up-to-date web browser with style sheets (CSS) enabled. While you will be able to view the content of this page in your current browser, you will not be able to get the full visual experience. Please consider upgrading your browser software or enabling style sheets (CSS) if you are able to do so.</strong></p></div> </div> </div> 
+    <div id="bbccomWebBug" class="bbccomWebBug"></div>
+<script type="text/javascript">
+bbcdotcom.stats = {
+    "adEnabled" : "yes",
+    "contentType" : "HTML",
+    "audience" : "br"
+};
+</script>
+
+<script type="text/javascript" src="http://js.revsci.net/gateway/gw.js?csid=J08781"></script>
+<script type="text/javascript">
+/*<![CDATA[*/
+var adKeyword = document.getElementsByName('ad_keyword');
+if('/news/uk-11767495' == window.location.pathname) {
+    J08781.DM_addEncToLoc("Section","Royal Wedding");
+} else if (undefined != adKeyword[0]) {
+    J08781.DM_addEncToLoc("Section",adKeyword[0].content);
+} else if ("undefined" != typeof bbc &&
+    "undefined" != typeof bbc.fmtj &&
+    "undefined" != typeof bbc.fmtj.page &&
+    "undefined" != typeof bbc.fmtj.page.section) {
+        J08781.DM_addEncToLoc("Section", bbc.fmtj.page.section);
+}
+J08781.DM_tag();
+/*]]>*/
+</script>
+
+
+<!-- SiteCatalyst code version: H.21.
+Copyright 1996-2010 Adobe, Inc. All Rights Reserved
+More info available at http://www.omniture.com -->
+
+<script type="text/javascript">
+    var s_account = "bbcwglobalprod";
+</script>
+
+
+	<script type="text/javascript" src="http://news.bbcimg.co.uk/js/app/bbccom/0.3.87/s_code.js"></script>
+
+<script type="text/javascript"><!--
+/* You may give each page an identifying name, server, and channel on
+the next lines. */
+
+/************* DO NOT ALTER ANYTHING BELOW THIS LINE ! **************/
+var s_code=scw.t();if(s_code)document.write(s_code)//--></script>
+<script type="text/javascript"><!--
+if(navigator.appVersion.indexOf('MSIE')>=0)document.write(unescape('%3C')+'\!-'+'-')
+//--></script><noscript><div><a href="http://www.omniture.com" title="Web Analytics"><img
+src="http://bbc.112.2o7.net/b/ss/bbcwglobalprod/1/H.21--NS/0"
+height="1" width="1" alt="" /></a></div></noscript><!--/DO NOT REMOVE/-->
+<!-- End SiteCatalyst code version: H.21. -->
+
+
+
+<!-- Begin comScore Tag -->
+<script type="text/javascript">
+    document.write(unescape("%3Cscript src='" + (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js' %3E%3C/script%3E"));</script>
+<script type="text/javascript">
+    COMSCORE.beacon({
+        c1:2,
+        c2:"6035051",
+        c3:"",
+        c4:"www.bbc.co.uk/news/magazine-15959067",
+        c5:"",
+        c6:"",
+        c15:""
+    });
+</script>
+<noscript>
+	<div>
+		<img src="http://b.scorecardresearch.com/b?c1=2&amp;c2=6035051&amp;c3=&amp;c4=www.bbc.co.uk/news/magazine-15959067&amp;c5=&amp;c6=&amp;c15=&amp;cv=1.3&amp;cj=1" style="display:none" width="0" height="0" alt="" />
+	</div>
+</noscript>
+<!-- End comScore Tag -->
+
+<!-- Begin Cedexis tag -->
+<script type="text/javascript"> 
+    (function(w, d) { 
+        var a = function() { 
+            var a = d.createElement('script'); 
+            a.type = 'text/javascript'; 
+            a.async = 'async'; 
+            a.src = '//' + ((w.location.protocol === 'https:') ? 's3.amazonaws.com/cdx-radar/' : 'radar.cedexis.com/') + '01-10271-radar10.min.js'; 
+            d.body.appendChild(a); 
+        }; 
+        if (w.addEventListener) { 
+            w.addEventListener('load', a, false); 
+        } else if (w.attachEvent) { 
+            w.attachEvent('onload', a); 
+        } 
+    }(window, document)); 
+</script>
+<!-- End Cedexis tag -->
+
+
+
+
+
+
+
+
+
+
+
+
+<!-- Effective Measure BBCCOM-1195 -->
+<script type="text/javascript">
+  (function() {
+    var em = document.createElement('script'); em.type = 'text/javascript'; em.async = true;
+    em.src = ('https:' == document.location.protocol ? 'https://me-ssl' : 'http://me-cdn') + '.effectivemeasure.net/em.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(em, s);
+  })();
+</script>
+<noscript>
+	<div>
+		<img src="//me.effectivemeasure.net/em_image" alt="" style="position:absolute; left:-5px;" />
+	</div>
+</noscript>
+<!-- End Effective Measure -->
+
+
+<!-- Start QuBit -->
+<script type="text/javascript" src="//d3c3cq33003psk.cloudfront.net/bbc-filter.js" defer="defer"></script>
+<!-- End QuBit -->
+ </div> </div>  <script type="text/javascript"> if (typeof require !== 'undefined') { require(['istats-1'], function(istats){ istats.track('external', { region: document.getElementById('blq-main') }); istats.track('download', { region: document.getElementById('blq-main') }); }); } </script>             
+	
+
+<!-- shared/foot -->
+<script type="text/javascript">
+	bbc.fmtj.common.removeNoScript({});
+	bbc.fmtj.common.tabs.createTabs({});
+</script>
+<!-- hi/news/foot.inc -->
+<!-- shared/foot_story -->
+<!-- #CREAM hi news international foot.inc -->
+
+ 
+
+</body>
+</html>
+
+
+