<!DOCTYPE html PUBLIC "-//W3C//DTD HTML+RDFa 1.1//EN">




<html class="no-js not-oldie" lang="en" dir="ltr" version="HTML+RDFa 1.1">
  <meta charset="utf-8" />

<link rel="shortcut icon" href="/sites/all/themes/epa/favicon.ico" type="image/vnd.microsoft.icon" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width" />
<meta name="MobileOptimized" content="width" />
<meta http-equiv="ImageToolbar" content="false" />
<meta http-equiv="cleartype" content="on" />


<meta name="keywords" content="climate change; global warming; science; indicator; data; ocean; heat; warmer" />
<link rel="canonical" href="/climate-indicators/climate-change-indicators-ocean-heat" />
<link rel="shortlink" href="/climate-indicators/climate-change-indicators-ocean-heat" />







<meta name="WebArea" content="Climate Change Indicators" />
<meta name="WebAreaType" content="Microsite" />
<meta name="ContentType" content="page" />
  <title>Climate Change Indicators: Ocean Heat | Climate Change Indicators in the United States | US EPA</title>
  
  <link type="text/css" rel="stylesheet" href="/sites/production/files/css/css_3h5HfPyG4w0xmgk_oaLP90_rUIs7Xmed0sNIfCxGAyg.css" media="all" />
<link type="text/css" rel="stylesheet" href="/sites/production/files/css/css_NFNG4tEiKv-n_hlnQ4iBNlFbb-9XRaRVA9wRk6nUPHY.css" media="all" />
<link type="text/css" rel="stylesheet" href="/sites/production/files/css/css_Pvo-DHIdW2Qn9LljtH2R1QKqzm8QoJ18zl6wR9Dk-Ak.css" media="all" />
<link type="text/css" rel="stylesheet" href="/sites/production/files/css/css_28CvFue6tf4M8aL9zid2j2W58Z6HleySMQyNH35QhI0.css" media="all" />

<!--[if lt IE 9]>
<link type="text/css" rel="stylesheet" href="/sites/production/files/css/css_H7Qs31C_4pOAKdUe1sAA01nOyZTqO_KOIt1uDr0iKB4.css" media="all" />
<![endif]-->
<link type="text/css" rel="stylesheet" href="/sites/production/files/css/css_68w49Vk1SYPj8EPx2iW8fUagDJ4xc2WJQO7Dn7aLNaU.css" media="all" />
  <link rel="alternate" type="application/atom+xml" title="EPA.gov All Press Releases" href="/newsreleases/search/rss" />
  <link rel="alternate" type="application/atom+xml" title="EPA.gov Headquarters Press Releases" href="/newsreleases/search/rss/field_press_office/headquarters" />
  <link rel="alternate" type="application/atom+xml" title="Greenversations, EPA's Blog" href="https://blog.epa.gov/blog/feed/" />
  <link rel="alternate" type="application/atom+xml" title="Climate Change Indicators" href="/feed/125251/rss.xml" />    </head>
<body class="html not-front not-logged-in one-sidebar sidebar-first page-node page-node-153331 node-type-page og-context og-context-node og-context-node-125251 section-climate-indicators microsite" >
  <div class="skip-links"><a href="#main-content" class="skip-link element-invisible element-focusable">Jump to main content</a></div>
      
  
  <div class="region-alert">  <div id="block-pane-epa-admin-public-alert-message" class="block block-pane  block-pane-epa-admin-public-alert-message block-alert">
  
  
  
  
      
</div>
<div id="block-pane-epa-gtm" class="block block-pane  block-pane-epa-gtm">
  
  
  
  
    

  
</div>
  </div>
<div id="brand-header"></div>
<header class="masthead clearfix" role="banner">

      <img class="site-logo" src="/sites/all/themes/epa/logo.png" alt="" />
  
  
  <hgroup class="site-name-and-slogan">
      <h1 class="site-name">

      
      <a href="/" title="Go to the home page" rel="home">      <span>US EPA</span>
      </a>
    </h1>
  
      <div class="site-slogan">United States Environmental Protection Agency</div>
  
  </hgroup>
  
  
  <div class="region-header">  <div id="block-epa-core-gsa-epa-search" class="block block-epa-core  block-epa-core-gsa-epa-search">
  
  
  
  
      
</div>
  </div>
</header>
<div id="brand-menu"></div>
<section id="main-content" class="main-content clearfix" role="main" lang="en">
  <h2 class="microsite-name">Climate Change Indicators</h2>  
  
  <div class="region-preface clearfix">  

  </div>
    <div class="main-column clearfix">
            
          
      <h1  class="page-title">Climate Change Indicators: Ocean Heat</h1>
      
    
            
    
    
    
  
    



<div class="panel-pane pane-node-content" >

  
  
  
  
  
  <div class="pane-content">
    <div class="node node-page clearfix view-mode-full ">

  
  <div id="social-icons" style="display:none">
	<div><span class="twitter"><a href="http://twitter.com/home?status=Climate%20Change%20Indicators:%20Ocean%20Heat:%20/climate-indicators/ocean-heat"><span
    class="figure image file file-image file-image-png inline view-mode-thumbnail" style="width:32px;"><img alt="Share Icon" title="Twitter" height="32" width="32" class="inline media-element file-thumbnail inline" typeof="foaf:Image" src="/sites/production/files/styles/thumbnail/public/2016-01/twitter31.png" /></span></a></span></div>

	<div><span><a href="http://www.facebook.com/sharer.php?u=/climate-indicators/ocean-heat"><span
    class="figure image file file-image file-image-png inline view-mode-thumbnail" style="width:32px;"><img alt="Share Icon" title="Facebook" height="32" width="32" class="inline media-element file-thumbnail inline" typeof="foaf:Image" src="/sites/production/files/styles/thumbnail/public/2016-01/facebook6.png" /></span></a></span></div>

	<div><span><a href="http://reddit.com/submit?url=/climate-indicators/ocean-heat&amp;title=Climate%20Change%20Indicators:Ocean%20Heat"><span
    class="figure image file file-image file-image-png inline view-mode-full" style="width:32px;"><img alt="Reddit Share Icon" title="Reddit Share Icon" height="32" width="32" class="media-element file-full" typeof="foaf:Image" src="/sites/production/files/styles/large/public/2016-03/reddit-new.png" /></span></a></span></div>
</div>

<p>This indicator describes trends in the amount of heat stored in the worldâ€™s oceans.</p>

<div class="box" id="indicator-container">
	<div class="pane-content">
		<ul id="slideshow"><li><label for="img1"><strong>Figure 1.</strong> Ocean Heat Content, 1955â€“2015</label> <span
    class="figure image file file-image file-image-png view-mode-full" style="width:100%px;"><img alt="Line graph showing three different estimates of how the amount of heat in the ocean changed from 1955 to 2015." title="Ocean Heat Content, 1955â€“2015" height="591" width="100%" class="media-element file-full" typeof="foaf:Image" src="/sites/production/files/styles/large/public/2016-07/ocean-heat-figure1-2016.png" /></span>
				<div class="row cols-3">
					<div class="col"><span><a href="/sites/production/files/2016-08/ocean-heat_fig-1.csv"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:32px;"><img alt="Download Data" title="Download Data" height="32" width="32" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2015-12/spreadsheet4.png" /></span></a></span>Â  <span><a href="/sites/production/files/styles/large/public/2016-07/ocean-heat-download1-2016.png"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:32px;"><img alt="Download Image" title="Download Image" height="32" width="32" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2015-12/images11.png" /></span></a>Â </span></div>

					<div class="col">Â </div>

					<div class="col">Â </div>
				</div>

				<div id="caption1">
					<p>This figure shows changes in ocean heat content between 1955 and 2015. Ocean heat content is measured in joules, a unit of energy, and compared against the 1971â€“2000 average, which is set at zero for reference. Choosing a different baseline period would not change the shape of the data over time. The lines were independently calculated using different methods by government agencies in three countries: the National Oceanic and Atmospheric Administration (NOAA), Australiaâ€™s Commonwealth Scientific and Industrial Research Organisation (CSIRO), and Japan Meteorological Agencyâ€™s Meteorological Research Institute (MRI/JMA). For reference, an increase of 1 unit on this graph (1 x 10<sup>22</sup> joules) is equal to approximately 18 times the total amount of energy used by all the people on Earth in a year.<a href="#ref4"><sup>4</sup></a></p>

					<p>Data sources: CSIRO, 2016<a href="#ref5"><sup>5</sup></a>; MRI/JMA, 2016<a href="#ref6"><sup>6</sup></a>; NOAA, 2016<a href="#ref7"><sup>7</sup></a><br /><em>Web update: AugustÂ 2016</em></p>
				</div>
			</li>
		</ul></div>
</div>

<div class="row cols-2" id="navigation">
	<div class="col">
		<table class="nostyle"><thead><tr><th>Â </th>
				</tr></thead><tbody><tr><td style="vertical-align:top"><a href="# " id="nav1-tmb"><span
    class="figure image file file-image file-image-png center view-mode-teaser" style="width:160px;"><img alt="Line graph showing three different estimates of how the amount of heat in the ocean changed from 1955 to 2015." title="Ocean Heat Content, 1955â€“2015" height="112" width="160" class="center media-element file-teaser center" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/ocean-heat-thumb1-2016.png" /></span></a></td>
				</tr><tr><td style="vertical-align:top"><a href="# " id="nav1"><small><b>Figure 1.</b> Ocean Heat Content, 1955â€“2015</small></a></td>
				</tr></tbody></table></div>

	<div class="col">Â </div>
</div>
</div>
  </div>

  
  
</div>


<div class="panel-pane pane-fieldable-panels-pane pane-vid-121163 pane-bundle-fieldable-panels-pane pane-fpid-9429" >

  
  
  
  
  
  <div class="pane-content">
    <div id="tabs">
	<ul class="tabs" id="tabsnav"><li><a class="menu-internal" href="#tab-1"><small>Â <br />
			Key Points</small></a></li>
		<li><a class="menu-internal" href="#tab-2"><small>Â <br />
			Background</small></a></li>
		<li><a class="menu-internal" href="#tab-3"><small>About the<br />
			Indicator</small></a></li>
		<li><a class="menu-internal" href="#tab-4"><small>Â <br />
			Indicator Notes</small></a></li>
		<li><a class="menu-internal" href="#tab-5"><small>Â <br />
			Data Sources</small></a></li>
		<li><a class="menu-internal" href="#tab-6"><small>Technical<br />
			Documentation</small></a></li>
	</ul><div id="tab-1">
		<h3>Key Points</h3>

		<ul class="roomy"><li>In three different data analyses, the long-term trend shows that the oceans have become warmer since 1955 (see Figure 1).</li>
			<li>Although concentrations of greenhouse gases have risen at a relatively steady rate over the past few decades (see the Atmospheric Concentrations of Greenhouse Gases indicator), the rate of change in ocean heat content can vary from year to year (see Figure 1). Year-to-year changes are influenced by events such as volcanic eruptions and recurring ocean-atmosphere patterns such as El NiÃ±o.</li>
		</ul></div>

	<div id="tab-2">
		<h3>Background</h3>

		<p>When sunlight reaches the Earthâ€™s surface, the worldâ€™s oceans absorb some of this energy and store it as heat. This heat is initially absorbed at the surface, but some of it eventually spreads to deeper waters. Currents also move this heat around the world. Water has a much higher heat capacity than air, meaning the oceans can absorb larger amounts of heat energy with only a slight increase in temperature.</p>

		<p>The total amount of heat stored by the oceans is called â€œocean heat content,â€? and measurements of water temperature reflect the amount of heat in the water at a particular time and location. Ocean temperature plays an important role in the Earthâ€™s climate systemâ€”particularly sea surface temperature (see the <a href="/climate-indicators/climate-change-indicators-sea-surface-temperature">Sea Surface Temperature</a> indicator)â€”because heat from ocean surface waters provides energy for storms and thereby influences weather patterns.</p>

		<p>Increasing greenhouse gas concentrations are trapping more energy from the sun. Because changes in ocean systems occur over centuries, the oceans have not yet warmed as much as the atmosphere, even though they have absorbed more than 90 percent of the Earthâ€™s extra heat since 1955.<sup><a href="#ref1">1</a>,<a href="#ref2">2</a></sup>Â If not for the large heat-storage capacity provided by the oceans, the atmosphere would warm more rapidly.<a href="#ref3"><sup>3</sup></a> Increased heat absorption also changes ocean currents because many currents are driven by differences in temperature, which cause differences in density. These currents influence climate patterns and sustain ecosystems that depend on certain temperature ranges.</p>

		<p>Because water expands slightly as it gets warmer, an increase in ocean heat content will also increase the volume of water in the ocean, which is one cause of the observed increases in sea level (see the <a href="/climate-indicators/climate-change-indicators-sea-level">Sea Level</a> indicator).</p>
	</div>

	<div id="tab-3">
		<h3>About the Indicator</h3>

		<p>This indicator shows trends in global ocean heat content from 1955 to 2015. These data are available for the top 700 meters of the ocean (nearly 2,300 feet), which accounts for just under 20 percent of the total volume of water in the worldâ€™s oceans. The indicator measures ocean heat content in joules, which are units of energy.</p>

		<p>The National Oceanic and Atmospheric Administration has calculated changes in ocean heat content based on measurements of ocean temperatures around the world at different depths. These measurements come from a variety of instruments deployed from ships and airplanes and, more recently, underwater robots. Thus, the data must be carefully adjusted to account for differences among measurement techniques and data collection programs. Figure 1 shows three independent interpretations of essentially the same underlying data.</p>
	</div>

	<div id="tab-4">
		<h3>Indicator Notes</h3>

		<p>Data must be carefully reconstructed and filtered for biases because of different data collection techniques and uneven sampling over time and space. Various methods of correcting the data have led to slightly different versions of the ocean heat trend line. Scientists continue to compare their results and improve their estimates over time. They also test their ocean heat estimates by looking at corresponding changes in other properties of the ocean. For example, they can check to see whether observed changes in sea level match the amount of sea level rise that would be expected based on the estimated change in ocean heat.</p>
	</div>

	<div id="tab-5">
		<h3>Data Sources</h3>

		<p>Data for this indicator were collected by the National Oceanic and Atmospheric Administration and other organizations around the world. The data were analyzed independently by researchers at the National Oceanic and Atmospheric Administration, Australiaâ€™s Commonwealth Scientific and Industrial Research Organisation, and the Japan Meteorological Agencyâ€™s Meteorological Research Institute.</p>
	</div>

	<div id="tab-6">
		<h3>Technical Documentation</h3>

		<ul><li><a href="/climate-indicators/downloads-indicators-technical-documentation">Download related technical information PDF</a></li>
		</ul></div>
</div>

<hr /><h3>References</h3>

<p><small><sup><a id="ref1" name="ref1"></a>1.</sup> IPCC (Intergovernmental Panel on Climate Change). 2013. Climate change 2013: The physical science basis. Working Group I contribution to the IPCC Fifth Assessment Report. Cambridge, United Kingdom: Cambridge University Press. <a href="http://www.ipcc.ch/report/ar5/wg1">www.ipcc.ch/report/ar5/wg1</a>.</small></p>

<p><small><sup><a id="ref2" name="ref2"></a>2.</sup> Levitus, S., J.I. Antonov, T.P. Boyer, O.K. Baranova, H.E. Garcia, R.A. Locarnini, A.V. Mishonov, J.R. Reagan, D. Seidov, E.S. Yarosh, and M.M. Zweng. 2012. World ocean heat content and thermosteric sea level change (0â€“2000 m), 1955â€“2010. Geophys. Res. Lett. 39:L10603.</small></p>

<p><small><sup><a id="ref3" name="ref3"></a>3. </sup>Levitus, S., J.I. Antonov, T.P. Boyer, O.K. Baranova, H.E. Garcia, R.A. Locarnini, A.V. Mishonov, J.R. Reagan, D. Seidov, E.S. Yarosh, and M.M. Zweng. 2012. World ocean heat content and thermosteric sea level change (0â€“2000 m), 1955â€“2010. Geophys. Res. Lett. 39:L10603.</small></p>

<p><small><sup><a id="ref4" name="ref4"></a>4. </sup>Based on a total global energy supply of 13,541 million tons of oil equivalents in the year 2013, which equates to 5.7 x 10<sup>20</sup> joules. Source: IEA (International Energy Agency). 2015. Key world energy statistics. <a href="http://www.iea.org/publications/freepublications/publication/KeyWorld_Statistics_2015.pdf">www.iea.org/publications/freepublications/publication/KeyWorld_Statistics_2015.pdf</a>.</small></p>

<p><small><sup><a id="ref5" name="ref5"></a>5. </sup>CSIRO (Commonwealth Scientific and Industrial Research Organisation). 2016 update to data originally published in: Domingues, C.M., J.A. Church, N.J. White, P.J. Gleckler, S.E. Wijffels, P.M. Barker, and J.R. Dunn. 2008. Improved estimates of upper-ocean warming and multi-decadal sea-level rise. Nature 453:1090â€“1094. <a href="http://www.cmar.csiro.au/sealevel/thermal_expansion_ocean_heat_timeseries.html">www.cmar.csiro.au/sealevel/thermal_expansion_ocean_heat_timeseries.html</a>.</small></p>

<p><small><sup><a id="ref6" name="ref6"></a>6. </sup>MRI/JMA (Meteorological Research Institute/Japan Meteorological Agency). 2016 update to data originally published in: Ishii, M., and M. Kimoto. 2009. Reevaluation of historical ocean heat content variations with time-varying XBT and MBT depth bias corrections. J. Oceanogr. 65:287â€“299.</small></p>

<p><small><sup><a id="ref7" name="ref7"></a>7. </sup>NOAA (National Oceanic and Atmospheric Administration). 2016. Global ocean heat and salt content. Accessed May 2016. <a href="http://www.nodc.noaa.gov/OC5/3M_HEAT_CONTENT">www.nodc.noaa.gov/OC5/3M_HEAT_CONTENT</a>.</small></p>

<hr /><p><a href="/climate-indicators/printer-friendly-pdf-downloads-indicator-text-and-figures">Printer-friendly PDF of all text and figures</a></p>
  </div>

  
  
</div>


<div class="panel-pane pane-fieldable-panels-pane pane-fpid-13523 pane-bundle-fieldable-panels-pane" >

  
  
  
  
  
  <div class="pane-content">
    <h3>Learn about other indicators in this section</h3>

<p><a href="/climate-indicators/climate-change-indicators-ocean-heat"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:160px;"><img alt="Ocean Heat" height="130" width="160" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/ocean-heat-landing-thumb-2016.png" title="" /></span></a>Â <a href="/climate-indicators/climate-change-indicators-sea-surface-temperature"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:160px;"><img alt="Sea Surface Temperature" height="130" width="160" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/sea-surface-temp-landing-thumb-2016.png" title="" /></span></a>Â <a href="/climate-indicators/climate-change-indicators-sea-level"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:160px;"><img alt="Sea Level" height="130" width="160" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/sea-level-landing-thumb-2016.png" title="" /></span></a>Â <a href="/climate-indicators/atlantic-coast"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:160px;"><img alt="Land Loss Along the Atlantic Coast" height="130" width="160" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/land-loss-landing-thumb-2016.png" title="" /></span></a>Â <a href="/climate-indicators/climate-change-indicators-coastal-flooding"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:160px;"><img alt="Coastal Flooding" height="130" width="160" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/coastal-flooding-landing-thumb-2016.png" title="" /></span></a>Â <a href="/climate-indicators/climate-change-indicators-ocean-acidity"><span
    class="figure image file file-image file-image-png inline view-mode-teaser" style="width:160px;"><img alt="Ocean Acidity" height="130" width="160" class="inline media-element file-teaser inline" typeof="foaf:Image" src="/sites/production/files/styles/small/public/2016-07/acidity-landing-thumb-2016.png" title="" /></span></a></p>
  </div>

  
  
</div>

<div id="block-pane-epa-web-area-footer" class="block block-pane  block-pane-epa-web-area-footer">
  
  
  
  
    <p class="web-area-footer"><a href="/climate-indicators/forms/contact-us-about-climate-indicators" class="contact-us">Contact Us</a> to ask a question, provide feedback, or report a problem.</p>  
</div>
  
    
      </div>
  
  
  <div class="region-sidebar-first region-sidebar">  <div id="block-og-menu-og-single-menu-block" class="block block-og-menu  block-og-menu-og-single-menu-block">

      <h2 class="element-invisible">Climate Indicators</h2>
  
  
    <ul class="menu"><li class="menu-item"><a href="/climate-indicators" title="" class="menu-node-unpublished menu-link">Climate Change Indicators</a></li>
<li class="menu-item"><a href="/climate-indicators/greenhouse-gases" class="menu-node-unpublished menu-link">Greenhouse Gases</a></li>
<li class="menu-item"><a href="/climate-indicators/weather-climate" class="menu-node-unpublished menu-link">Weather and Climate</a></li>
<li class="active-trail menu-item"><a href="/climate-indicators/oceans" class="menu-node-unpublished active-trail menu-link">Oceans</a><ul class="menu"><li class="active-trail menu-item"><a href="/climate-indicators/climate-change-indicators-ocean-heat" class="menu-node-unpublished active-trail menu-link active">Ocean Heat</a></li>
<li class="menu-item"><a href="/climate-indicators/climate-change-indicators-sea-surface-temperature" class="menu-node-unpublished menu-link">Sea Surface Temperature</a></li>
<li class="menu-item"><a href="/climate-indicators/climate-change-indicators-sea-level" class="menu-node-unpublished menu-link">Sea Level</a></li>
<li class="menu-item"><a href="/climate-indicators/atlantic-coast" class="menu-node-unpublished menu-link">A Closer Look: Land Loss Along the Atlantic Coast</a></li>
<li class="menu-item"><a href="/climate-indicators/climate-change-indicators-coastal-flooding" class="menu-node-unpublished menu-link">Coastal Flooding</a></li>
<li class="menu-item"><a href="/climate-indicators/climate-change-indicators-ocean-acidity" class="menu-node-unpublished menu-link">Ocean Acidity</a></li>
</ul></li>
<li class="menu-item"><a href="/climate-indicators/snow-ice" class="menu-node-unpublished menu-link">Snow and Ice</a></li>
<li class="menu-item"><a href="/climate-indicators/health-society" class="menu-node-unpublished menu-link">Health and Society</a></li>
<li class="menu-item"><a href="/climate-indicators/ecosystems" class="menu-node-unpublished menu-link">Ecosystems</a></li>
<li class="menu-item"><a href="/climate-indicators/frequent-questions-about-climate-change-indicators" class="menu-node-unpublished menu-link">Frequent Questions</a></li>
</ul>  
</div>
  </div>
</section>

  



  <div id="brand-footer"></div>
 <script type="text/javascript" src="/sites/production/files/js/js_LcFRnnSHVah-Aw_WQ8aVLXhp3HPJvrOe4h6YEXA5BT8.js"></script>
<script type="text/javascript" src="/sites/production/files/js/js_oZD9-WvfiElJ5KPavqu9ZAQiZcfWlzNCzxFHpedR9dI.js"></script>

<script type="text/javascript" src="/sites/production/files/js/js_slEmfY49PYt03JJafrjvmxmEfVQE7vqI-454V7NM5ys.js"></script>
<script type="text/javascript" src="/sites/all/modules/custom/epa_core/js/alert.js?ok0rem"></script>
<script type="text/javascript" src="/sites/production/files/js/js_cjmkhjdYj9qyv8rH-ylGyD-SIMacZ-dzdqW9m8x_TEc.js"></script>

<script type="text/javascript" src="/sites/production/files/js/js_UG00nMwTXcewn_yu8c3s7Bgbxmhbdk0BE1GwQLAuoQU.js"></script>
<script type="text/javascript" src="/sites/production/files/js/js_CaVFOiO3QpcJYEzSDhR3RmEeSnMbgnImgh5uEDkDD_0.js"></script>

<script src="/sites/all/libraries/cycle/jquery.cycle2.min.js"></script>
<script>var indicatorIndex = 0;</script>
<style>
#social-icons {
  float: right;
  width: 9%;
  padding-left: 2em;
}
#indicator-container {
  width: 90%;
}
#navigation {
  width: 94%;
}
#navigation td {
  padding:2px;
  margin:0px !important;
}
#navigation td small {
  padding:2px;
}
#active-indicator span {
  display: inline-block;
  position: relative;
  width: 24%;
  vertical-align: top;
}
#active-indicator img {
  width: 100%;
  vertical-align: top;
}
#active-indicator span:after {
  content:'\A';
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background:rgba(0,0,0,0.6);
  opacity:1;
  transition: all 0.5s;;
  -webkit-transition: all 0.5s;
}
#active-indicator span:hover:after {
  opacity:0.5;
}
#slideshow {
  height: 800px;  
}
</style>
<script>
jQuery(document).ready(function() {

  // Tabs
  jQuery('#tabs > div').hide(); // hide all child divs
  jQuery('#tabs div:first').show(); // show first child dive
  jQuery('#tabsnav li:first').addClass('active');

  jQuery('.menu-internal').click(function(){
    jQuery('#tabsnav li').removeClass('active');
    var currentTab = jQuery(this).attr('href');
    jQuery('#tabsnav li a[href="' + currentTab + '" ]').parent().addClass('active');
    jQuery('#tabs > div').hide();
    jQuery(currentTab).show();
    return false;
  });

  // Create a bookmarkable tab link
  hash = window.location.hash;
  elements = jQuery('a[href="' + hash + '"]');
  // if there aren't any, then show the first tab;
  // Otherwise, scroll back to top (if needed) and open the tab in the hash
  if (elements.length === 0) { 
    jQuery("ul.tabs li:first").addClass("active").show(); //   
  } else { 
    jQuery('html,body').scrollTop(200); elements.click(); 
  } 


  // Slideshow
  var slideshow = jQuery("#slideshow"),
      navBtns       = ['nav1','nav2','nav3'],
      activeStyle   = {'border':'1px solid black'},
      inactiveStyle = {'border':'none'},
      $table;
        
  slideshow.cycle({
    loader: 'wait',
    paused: true,
    slides: 'li',
    fx: 'none',
    autoHeight: 'container',
    updateView: 1,
    log: false,
    height: '900px',
    timeout:0,
    speed:1
  });

  navBtns.forEach(function (element, index) {
    jQuery('a[id^=' + element + ']').click(function (e) {
      e.preventDefault();
      resetBorder(navBtns, inactiveStyle);
      $table = jQuery(this).closest('tbody');
      $table.css(activeStyle);
      slideshow.cycle('goto',index);
      console.log(element,index)
    });
  });

  jQuery('#nav1').trigger('click');

  // Overlay
  var $otherIndicatorsSection = jQuery('h3:contains("Learn about other indicators in this section")').parent();
  var $otherIndicatorsLinks = $otherIndicatorsSection.find('a');
  if(typeof indicatorIndex !== 'undefined') jQuery($otherIndicatorsLinks[indicatorIndex]).attr('id','active-indicator');        
});

function resetBorder(target,style){
  target.forEach(function (element, index) {
    $table = jQuery("a[id^=" + element + "]").closest('tbody');
    $table.css(style);
  });
}
</script>    </body>
</html>

