<!DOCTYPE html>
<html lang="en" class="controller_podcasts">
<head>
<meta name="description" content="Hurricane Harvey has destroyed so much, but not the heart of Man. We come together with amazing Grace to help and restore Hope." />
<meta name="twitter:site" content="@podbeancom" />
<meta name="twitter:url" content="https://thelight.podbean.com/e/through-the-storm-1504183860/" />
<meta name="twitter:title" content="Through the Storm" />
<meta name="twitter:description" content="Hurricane Harvey has destroyed so much, but not the heart of Man. We come together with amazing Grace to help and restore Hope." />
<meta name="twitter:image" content="https://deow9bq0xqvbj.cloudfront.net/image-logo/1536457/podcast_image_2B1167B0-EE31-481D-9553-9ADD19EF223D.jpg" />
<meta name="twitter:card" content="player" />
<meta name="twitter:player:width" content="600" />
<meta name="twitter:player:height" content="375" />
<meta name="twitter:player" content="https://www.podbean.com/media/player/fqffz-715d54-pb?vjs=1" />
<meta property="al:ios:url" content="podbean://?action=openEpisode&amp;episodeId=pb7429460" />
<meta property="al:ios:app_name" content="Podbean" />
<meta property="al:ios:app_store_id" content="973361050" />
<meta property="og:title" content="Through the Storm" />
<meta property="og:image" content="https://deow9bq0xqvbj.cloudfront.net/image-logo/1536457/podcast_image_2B1167B0-EE31-481D-9553-9ADD19EF223D.jpg" />
<meta property="og:url" content="http://www.podbean.com/media/share/pb-fqffz-715d54" />
<meta property="og:description" content="Hurricane Harvey has destroyed so much, but not the heart of Man. We come together with amazing Grace to help and restore Hope." />
<meta property="fb:app_id" content="1405281796374673" />
<meta property="og:type" content="article" />
<meta name="apple-itunes-app" content="app-id=973361050, app-argument=podbean://?action=openEpisode&amp;episodeId=pb7429460" />
<link rel="stylesheet" type="text/css" href="/player/css/playericon.css?version=201802051" />
<link rel="stylesheet" type="text/css" href="/player/css/html5-player.css?version=201802051" />
<link rel="stylesheet" type="text/css" href="/css/player-control.css?version=201802051" />
<link rel="stylesheet" type="text/css" href="/css/share.css?version=201802051" />
<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css?version=201802051" />
<link rel="stylesheet" type="text/css" href="/css/icomoon/style.css?version=201802051" />
<link rel="stylesheet" type="text/css" href="/css/bootstrap-responsive.min.css?version=201802051" />
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&amp;version=201802051" />
<script type="text/javascript" src="//d8g345wuhgd7e.cloudfront.net/core/jquery.min.js"></script>
<script type="text/javascript" src="/admin/jui/js/jquery-ui-1.9.2.min.js?version=201802051"></script>
<script type="text/javascript" src="/js/community.js?version=201802051"></script>
<script type="text/javascript" src="/player/js/jquery.jplayer.min.js?version=201802051"></script>
<script type="text/javascript" src="/player/js/podbean.player20131225.js?version=201802051"></script>
<script type="text/javascript" src="/admin/bootstrap/js/bootstrap.min.js?version=201802051"></script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5146bea7215915ab?version=201802051"></script>
<title>Restoration of Hope Podcast - Through the Storm | Free Listening on Podbean App</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<meta name="svr" content="ws4" />
<style>
*{
    -webkit-user-select: text;
}
div.jp-video-play a.jp-video-play-icon{
    font-size: 18px;
}
p,a,h1,h2,h3{
  font-family: 'open sans';
}
.episode_info .group a:hover{
  text-decoration: none;
}
@media (min-width: 768px) {
  h1.episode_title{
    line-height: 35px;
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  h1.episode_title{
    font-size: 16px;
  }
}
</style>
</head>
<body>
</head>
<body>
<div id="share-v1">
<div class="nav hidden-phone">
<a href="https://www.podbean.com/"><span class="notnarrow"><img src="/images/logo-img2.png"></span></a>
<div class="group" style="margin-top:6px;float:right;">
<a href="https://goo.gl/uGcRd4" target="_blank" class="btn-a"><img src="//d8g345wuhgd7e.cloudfront.net/site/images/ios.png" style="margin-top:-2px; padding-right:6px;width:15px;">ios</a>
<a href="https://goo.gl/oqVjBD" target="_blank" class="btn-a"><img src="//d8g345wuhgd7e.cloudfront.net/site/images/google.png" style="margin-top:-2px; padding-right:6px;width:15px;">Android</a>
</div>
</div>
<div class="container share-content">
<div class="row-fluid" style="padding-bottom: 20px;">
<div class="span8 share-content-left">
<div class="pod-top">
<a class="tit-link" href="https://thelight.podbean.com" target="_blank">
<img src="https://deow9bq0xqvbj.cloudfront.net/image-logo/1536457/podcast_image_2B1167B0-EE31-481D-9553-9ADD19EF223D_300x300.jpg">
</a>
<div class="pod-title">
<p class="name">
<a class="tit-link" href="https://thelight.podbean.com" target="_blank">
Restoration of Hope Podcast </a>
</p>
<p class="category">Religion & Spirituality</p>
</div>
<div class="clear"></div>
</div>
<div class="pod-content">
<div class="share-podcast">
<div class="top">
<img class="logo-img" src="https://deow9bq0xqvbj.cloudfront.net/image-logo/1536457/podcast_image_2B1167B0-EE31-481D-9553-9ADD19EF223D_300x300.jpg">
<div class="podcast-media">
<p class="pod-name">
Through the Storm </p>
<div class="time">
<img class="time-img" src="/images/time.png">
<span>2017-08-31</span>
</div>
<div class="btn-group">
<a class="btn btn-ios" href="https://goo.gl/uGcRd4" target="_blank"><img src="/images/ios.png">iOS</a>
<a class="btn btn-adr" href="https://goo.gl/oqVjBD" target="_blank"><img src="/images/adr.png">Android</a>
<a class="btn btn-share" data-toggle="modal" href="#shareModal"><i class="icon-share" style="margin-bottom:2px;margin-right: 10px;"></i>Share</a>
</div>
</div>
<div class="clear"></div>
<div class="line"></div>
<div class="describe">
<p class="des" id="desc">
Hurricane Harvey has destroyed so much, but not the heart of Man. We come together with amazing Grace to help and restore Hope. </p>
</div>
<div class="player">
<div class="post-player">
<div class="video-player">
<div>
<div class="aplayer-panel pbplayerBox aplayer-bg theme7" title="click to play" data-height="45" data-source="//www.podbean.com/media/player/fqffz-715d54-pb?vjs=1&auto=1&from=usercenter&mini=1" rel="1" style=''>
<div class="aplayer-bg" style="">
<span><em class="f">00:00</em><span><i></i></span><em class="l">-00:00</em></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="more-episodes">
<h3>More Episodes</h3>
<a class="episode-list" href="http://www.podbean.com/media/share/pb-9n76x-8472be" target="_blank">
<div class="left-content">
<p class="epi-title"> Stop the 'Sacrifice'. A baby is a Human Being!</p>
<div class="episode-infor">
<span class="date"><img class="clock" src="/images/clock.png"> <span>2018-01-22</span></span>
</div>
</div>

<div class="clear"></div>
</a>
<a class="episode-list" href="http://www.podbean.com/media/share/pb-2jbjj-83818e" target="_blank">
<div class="left-content">
<p class="epi-title"> You are LOVED! You are Worth it!</p>
<div class="episode-infor">
<span class="date"><img class="clock" src="/images/clock.png"> <span>2018-01-15</span></span>
</div>
</div>

<div class="clear"></div>
</a>
<a class="episode-list" href="http://www.podbean.com/media/share/pb-4ypj6-82593b" target="_blank">
<div class="left-content">
<p class="epi-title"> We have Hope thru Him. Joy comes in the Morning!</p>
<div class="episode-infor">
<span class="date"><img class="clock" src="/images/clock.png"> <span>2018-01-06</span></span>
</div>
</div>

<div class="clear"></div>
</a>
<a class="episode-list" href="http://www.podbean.com/media/share/pb-kx2qc-801c78" target="_blank">
<div class="left-content">
<p class="epi-title"> Dec 20, Let's be Grateful!</p>
<div class="episode-infor">
<span class="date"><img class="clock" src="/images/clock.png"> <span>2017-12-20</span></span>
</div>
</div>

<div class="clear"></div>
</a>
<a class="episode-list" href="http://www.podbean.com/media/share/pb-niy99-7ef939" target="_blank">
<div class="left-content">
<p class="epi-title"> Repent, what a word!</p>
<div class="episode-infor">
<span class="date"><img class="clock" src="/images/clock.png"> <span>2017-12-12</span></span>
</div>
</div>

<div class="clear"></div>
</a>
<a class="episode-list" href="http://www.podbean.com/media/share/pb-asmpq-7b057c" target="_blank">
<div class="left-content">
<p class="epi-title"> No good deed goes unpunished?? Who is doing the punishing?</p>
<div class="episode-infor">
<span class="date"><img class="clock" src="/images/clock.png"> <span>2017-11-09</span></span>
</div>
</div>

<div class="clear"></div>
</a>
<a class="episode-list" href="http://www.podbean.com/media/share/pb-nf2in-76db07" target="_blank">
<div class="left-content">
<p class="epi-title"> No more darkness...turn on the light!</p>
<div class="episode-infor">
<span class="date"><img class="clock" src="/images/clock.png"> <span>2017-10-09</span></span>
</div>
</div>

<div class="clear"></div>
</a>
<a class="episode-list" href="http://www.podbean.com/media/share/pb-p6y35-72fc86" target="_blank">
<div class="left-content">
<p class="epi-title"> The truth is out there!</p>
<div class="episode-infor">
<span class="date"><img class="clock" src="/images/clock.png"> <span>2017-09-12</span></span>
</div>
</div>

<div class="clear"></div>
</a>
<a class="episode-list" href="http://www.podbean.com/media/share/pb-kdryn-705f63" target="_blank">
<div class="left-content">
<p class="epi-title"> Coming together, a community of Man.</p>
<div class="episode-infor">
<span class="date"><img class="clock" src="/images/clock.png"> <span>2017-08-24</span></span>
</div>
</div>

<div class="clear"></div>
</a>
<a class="episode-list" href="http://www.podbean.com/media/share/pb-ywuyy-6d731d" target="_blank">
<div class="left-content">
<p class="epi-title"> Doing "IT" anyway.</p>
<div class="episode-infor">
<span class="date"><img class="clock" src="/images/clock.png"> <span>2017-07-27</span></span>
</div>
</div>

<div class="clear"></div>
</a>
</div>
</div>
<div class="span4 share-content-right">
<div class="downloads">
<div class="down">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-5434740743733609";
/* 300x250_textimage */
google_ad_slot = "1943019124";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script> </div>
<div class="down">
<p>Get this podcast on your <br>phone, <span class="free">FREE</span></p>
<div class="group">
<a class="g-ios" href="https://goo.gl/uGcRd4" target="_blank">
<img width="150" height="auto" src="/images/podbeanapp/app-ios.png">
</a>
<a class="g-adr" href="https://goo.gl/oqVjBD" target="_blank">
<img width="150" height="auto" src="/images/podbeanapp/app-android.png">
</a>
</div>
 </div>
<div class="may-like">
<h3>You may also like</h3>
<a href="https://www.podbean.com/podcast-detail/dq4za-34e59/Joel-Osteen-Podcast" class="tit-link" target="_blank">
<div class="list">
<img class="logo" src="//deow9bq0xqvbj.cloudfront.net/dir-logo/216665/216665.jpg" width="78px" height="78">
<div class="pod-main">
<div class="list-middle">
<p class="title">Joel Osteen Podcast</p>
<div class="stats">
<span class="user">
<img src="//d8g345wuhgd7e.cloudfront.net/site/images/user.png" width="18" height="auto">
<span>9.3k</span>
</span>
<span class="played"><img src="//d8g345wuhgd7e.cloudfront.net/site/images/played.png" width="12" height="auto">
<span>146.7k</span>
</span>
</div>
</div>
<div class="img-right">
<img src="/images/arrow-img.png">
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</a>
<a href="https://www.podbean.com/podcast-detail/fdrze-33f6f/Meditation-Oasis-Podcast" class="tit-link" target="_blank">
<div class="list">
<img class="logo" src="//deow9bq0xqvbj.cloudfront.net/dir-logo/212847/212847.jpg" width="78px" height="78">
<div class="pod-main">
<div class="list-middle">
<p class="title">Meditation Oasis</p>
<div class="stats">
<span class="user">
<img src="//d8g345wuhgd7e.cloudfront.net/site/images/user.png" width="18" height="auto">
<span>3.9k</span>
</span>
<span class="played"><img src="//d8g345wuhgd7e.cloudfront.net/site/images/played.png" width="12" height="auto">
<span>44.3k</span>
</span>
</div>
</div>
<div class="img-right">
<img src="/images/arrow-img.png">
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</a>
<a href="https://www.podbean.com/podcast-detail/4btum-2f1ef/Andy-Stanley-Leadership-Podcast" class="tit-link" target="_blank">
<div class="list">
<img class="logo" src="//deow9bq0xqvbj.cloudfront.net/dir-logo/193007/193007.png" width="78px" height="78">
<div class="pod-main">
<div class="list-middle">
<p class="title">Andy Stanley Leadership Podcast</p>
<div class="stats">
<span class="user">
<img src="//d8g345wuhgd7e.cloudfront.net/site/images/user.png" width="18" height="auto">
<span>4.3k</span>
</span>
<span class="played"><img src="//d8g345wuhgd7e.cloudfront.net/site/images/played.png" width="12" height="auto">
<span>22.5k</span>
</span>
</div>
</div>
<div class="img-right">
<img src="/images/arrow-img.png">
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</a>
<a href="https://www.podbean.com/podcast-detail/he9wt-2ef5a/Timothy-Keller-Sermons-Podcast-by-Gospel-in-Life" class="tit-link" target="_blank">
<div class="list">
<img class="logo" src="//deow9bq0xqvbj.cloudfront.net/dir-logo/192346/192346.jpg" width="78px" height="78">
<div class="pod-main">
<div class="list-middle">
<p class="title">Timothy Keller Sermons Podcast by Gospel in Life</p>
<div class="stats">
<span class="user">
<img src="//d8g345wuhgd7e.cloudfront.net/site/images/user.png" width="18" height="auto">
<span>5.3k</span>
</span>
<span class="played"><img src="//d8g345wuhgd7e.cloudfront.net/site/images/played.png" width="12" height="auto">
<span>51.3k</span>
</span>
</div>
</div>
<div class="img-right">
<img src="/images/arrow-img.png">
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</a>
<a href="https://www.podbean.com/podcast-detail/h7m8w-3559a/Crazy-Love-Podcast" class="tit-link" target="_blank">
<div class="list">
<img class="logo" src="//deow9bq0xqvbj.cloudfront.net/dir-logo/218522/218522.jpg" width="78px" height="78">
<div class="pod-main">
<div class="list-middle">
<p class="title">Crazy Love Podcast</p>
<div class="stats">
<span class="user">
<img src="//d8g345wuhgd7e.cloudfront.net/site/images/user.png" width="18" height="auto">
<span>6.5k</span>
</span>
<span class="played"><img src="//d8g345wuhgd7e.cloudfront.net/site/images/played.png" width="12" height="auto">
<span>38k</span>
</span>
</div>
</div>
<div class="img-right">
<img src="/images/arrow-img.png">
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</a>
</div>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-5434740743733609";
/* 250x250all */
google_ad_slot = "9535951943";
google_ad_width = 250;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script> </div>
</div>
</div>
</div>
<div style="" id="shareModal" class="modal hide fade"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: #fff;">×</button>
</div>
<div class="modal-body" style="max-height: 680px;">
<div class="tabbable share-table"> 
<ul class="nav nav-tabs tab-share" id="shareTab">
<li class="active"><a href="#tab1" data-toggle="tab">Share</a></li>
<li><a href="#tab2" data-toggle="tab">Embed</a></li>
<div class="line"></div>
</ul>
<div class="tab-content" style="margin-top: 0;margin-bottom:0px;">
<div class="tab-pane active share-pane" id="tab1" style="text-align: left;">
<p class="social">Social share</p>
<div class="addthis_toolbox addthis_default_style addthis_32x32_style share_box" style='margin-top:1em;'>
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_google_plusone_share"></a>
<a class="addthis_button_tumblr"></a>
<a class="addthis_button_compact"></a>
</div>
<p class="share-episode">Share episode link</p>
<input class="link share-link-input" type="text" placeholder="https://podbean.com/ellathompsonmusic/04-arcade-1" style="width: 97%;" value="http://www.podbean.com/media/share/pb-fqffz-715d54">
</div>
<div class="tab-pane embed" id="tab2" style="">
<div class="tabbable embed-tab"> 
<ul class="nav nav-tabs nav-embed">
<li class="active">
<a class="audio" href="#tab3" data-toggle="tab">
<img class="logo episode-logo" src="https://deow9bq0xqvbj.cloudfront.net/image-logo/1536457/podcast_image_2B1167B0-EE31-481D-9553-9ADD19EF223D_300x300.jpg">
<img class="play" src="https://www.podbean.com/wp-content/plugins/pbShare/images/play.png">
</a>
</li>
<li class="second">
<a class="second-audio" href="#tab4" data-toggle="tab">
<div class="second-bg">
<img class="second-logo episode-logo" src="https://deow9bq0xqvbj.cloudfront.net/image-logo/1536457/podcast_image_2B1167B0-EE31-481D-9553-9ADD19EF223D_300x300.jpg">
<img class="second-play" src="https://www.podbean.com/wp-content/plugins/pbShare/images/s-play.png">
</div>
</a>
</li>
</ul>
<div class="tab-content embed-con">
<div class="tab-pane active audioplayer-area" id="tab3">
<p class="code">Code and preview</p>
<div class="preview-code">
<p class="wp-code-desc" style="display: none;"><a class="get" href="https://wordpress.org/plugins/podbean-shortcode/" target="_blank">Get the Plugin</a> and then copy and paste this code in your WordPress:</p>
<input style="" class="embed-input iframe-code embedcode" id="audio-embed-code" type="text" placeholder="" value="<iframe src='https://www.podbean.com/media/player/fqffz-715d54-pb?from=share&skin=1&share=1&fonts=Helvetica&download=0&vjs=1' data-link='https://www.podbean.com/media/player/fqffz-715d54-pb?from=share&skin=1&share=1&fonts=Helvetica&download=0&vjs=1' height='315' width='100%' frameborder='0' scrolling='no' data-name='pb-iframe-player' ></iframe>">
<input class="embed-input wp-code" id="audio-wp-embed-code" type="text" placeholder="" style="display: none;">
<span>
<input type="checkbox" value="" class="wp-checkbox">
WordPress code
</span>
</div>
<div id="audio-iframe-box" class="iframe-box">
<iframe src='https://www.podbean.com/media/player/fqffz-715d54-pb?from=share&skin=1&share=1&fonts=Helvetica&download=0&vjs=1' data-link='https://www.podbean.com/media/player/fqffz-715d54-pb?from=share&skin=1&share=1&fonts=Helvetica&download=0&vjs=1' height='315' width='100%' frameborder='0' scrolling='no' data-name='pb-iframe-player'></iframe> </div>
<p class="option more-opt-btn">
<span>More options</span>
<img class="more-icon" src="https://www.podbean.com/wp-content/plugins/pbShare/images/icon-down.png">
</p>
<div class="function-box more-opt-box" style="display: none;">
<form data-wp-code="fqffz-715d54" data-wp-domain="">
<input type="hidden" name='skin' value='1' />
<div class="ul-skins clearfix">
<p class="color">Player color</p>
<a class="current" style="background-color:#8bbb4e;" href="javascript:void(0);" data-skin="1"></a>
<a style="background-color:#1b1b1b;" href="javascript:void(0);" data-skin="2"></a>
<a style="background-color:#3267a3;" href="javascript:void(0);" data-skin="3" class=""></a>
<a style="background-color:#60a0c8;" href="javascript:void(0);" data-skin="4" class=""></a>
<a style="background-color:#2baf9e;" href="javascript:void(0);" data-skin="5" class=""></a>
<a style="background-color:#3ab278;" href="javascript:void(0);" data-skin="6" class=""></a>
<a style="background-color:#ddd;" href="javascript:void(0);" data-skin="7"></a>
<a style="background-color:#ff6d00;" href="javascript:void(0);" data-skin="8"></a>
<a style="background-color:#c73a3a;" href="javascript:void(0);" data-skin="9"></a>
<a style="background-color:#956f46;" href="javascript:void(0);" data-skin="10"></a>
<a style="background-color:#654771;" href="javascript:void(0);" data-skin="11"></a>
<a style="background-color:#666666;" href="javascript:void(0);" data-skin="12"></a>
<a style="background-color:#fb0584;" href="javascript:void(0);" data-skin="13"></a>
<div style="clear:both;"></div>
</div>
<label class="checkbox">
<input type="checkbox" name="auto" id="audio-style1-checkbox">
Auto play
</label>
</form>
</div>
</div>
<div class="tab-pane audioplayer-area" id="tab4" style="">
<p class="code">Code and preview</p>
<div class="preview-code">
<p class="wp-code-desc" style="display: none;"><a class="get" href="https://wordpress.org/plugins/podbean-shortcode/" target="_blank">Get the Plugin</a> and then copy and paste this code in your WordPress:</p>
<input style="" class="link iframe-code embedcode" id="audio-embed-code1" type="text" placeholder="" value="<iframe src='https://www.podbean.com/media/player/fqffz-715d54-pb?from=share&skin=1&share=1&fonts=Helvetica&download=0' data-link='https://www.podbean.com/media/player/fqffz-715d54-pb?from=share&skin=1&share=1&fonts=Helvetica&download=0' height='100' width='100%' frameborder='0' scrolling='no' data-name='pb-iframe-player' ></iframe>">
<input class="link wp-code" id="audio-wp-embed-code1" type="text" placeholder="" style="display: none;">
<span>
<input type="checkbox" value="" class="wp-checkbox">
WordPress code
</span>
</div>
<div id="audio-iframe-box1" class="iframe-box">
<iframe src='https://www.podbean.com/media/player/fqffz-715d54-pb?from=share&skin=1&share=1&fonts=Helvetica&download=0' data-link='https://www.podbean.com/media/player/fqffz-715d54-pb?from=share&skin=1&share=1&fonts=Helvetica&download=0' height='100' width='100%' frameborder='0' scrolling='no' data-name='pb-iframe-player'></iframe> </div>
<p class="more-option more-opt-btn">
<span>More options</span>
<img class="more-icon" src="https://www.podbean.com/wp-content/plugins/pbShare/images/icon-down.png">
</p>
<div id="main-share" class="more-opt-box" style="display: none;">
<form data-wp-code="fqffz-715d54" data-wp-domain="">
<input type="hidden" name='skin' value='1' />
<input type="hidden" name='btn-skin' value='107' />
<div class="ul-skins clearfix">
<p class="color">Player color</p>
<a class="current" style="background-color:#ddd;" href="javascript:void(0);" data-skin="1">theme1</a>
<a style="background-color:#1b1b1b;" href="javascript:void(0);" data-skin="2">theme2</a>
<a style="background-color:#3267a3;" href="javascript:void(0);" data-skin="3">theme3</a>
<a style="background-color:#60a0c8;" href="javascript:void(0);" data-skin="4">theme4</a>
<a style="background-color:#2baf9e;" href="javascript:void(0);" data-skin="5">theme5</a>
<a style="background-color:#3ab278;" href="javascript:void(0);" data-skin="6">theme6</a>
<a style="background-color:#8bbb4e;" href="javascript:void(0);" data-skin="7">theme7</a>
<a style="background-color:#ff6d00;" href="javascript:void(0);" data-skin="8">theme8</a>
<a style="background-color:#c73a3a;" href="javascript:void(0);" data-skin="9">theme9</a>
<a style="background-color:#956f46;" href="javascript:void(0);" data-skin="10">theme10</a>
<a style="background-color:#654771;" href="javascript:void(0);" data-skin="11">theme11</a>
<a style="background-color:#666666;" href="javascript:void(0);" data-skin="12">theme12</a>
<a style="background-color:#c73a3a;display: none;" href="javascript:void(0);" data-skin="15" id="antitrustlawsource-theme">theme15</a>
<div style="clear:both;"></div>
</div>
<div class="ul-skins ul-button clearfix">
<p class="color">Or, just button color</p>
<a style="background-color:#ddd;" href="javascript:void(0);" data-skin="101">theme1</a>
<a style="background-color:#1b1b1b;" href="javascript:void(0);" data-skin="102">theme2</a>
<a style="background-color:#3267a3;" href="javascript:void(0);" data-skin="103">theme3</a>
<a style="background-color:#60a0c8;" href="javascript:void(0);" data-skin="104">theme4</a>
<a style="background-color:#2baf9e;" href="javascript:void(0);" data-skin="105">theme5</a>
<a style="background-color:#3ab278;" href="javascript:void(0);" data-skin="106">theme6</a>
<a style="background-color:#8bbb4e;" href="javascript:void(0);" data-skin="107" class="current">theme7</a>
<a style="background-color:#ff6d00;" href="javascript:void(0);" data-skin="108">theme8</a>
<a style="background-color:#c73a3a;" href="javascript:void(0);" data-skin="109">theme9</a>
<a style="background-color:#956f46;" href="javascript:void(0);" data-skin="110">theme10</a>
<a style="background-color:#654771;" href="javascript:void(0);" data-skin="111">theme11</a>
<a style="background-color:#666666;" href="javascript:void(0);" data-skin="112">theme12</a>
<a style="background-color:#fb0584;" href="javascript:void(0);" data-skin="113">theme13</a>
<div style="clear:both;"></div>
</div>
<label class="checkbox">
<input type="checkbox" name="auto" id="audio-style2-checkbox">
Auto play
</label>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane tab-video audioplayer-area" id="tab5" style="">
<p class="code">Code and preview</p>
<div class="preview-code">
<p class="wp-code-desc" style="display: none;"><a class="get" href="https://wordpress.org/plugins/podbean-shortcode/" target="_blank">Get the Plugin</a> and then copy and paste this code in your WordPress:</p>
<input style="" class="link iframe-code embedcode" type="text" id="video-embed-code" value="<iframe src='https://www.podbean.com/media/player/fqffz-715d54-pb?from=share&skin=1&share=1&fonts=Helvetica&download=0&vjs=1' data-link='https://www.podbean.com/media/player/fqffz-715d54-pb?from=share&skin=1&share=1&fonts=Helvetica&download=0&vjs=1' height='315' width='100%' frameborder='0' scrolling='no' data-name='pb-iframe-player' ></iframe>">
<input class="link wp-code" type="text" id="video-wp-embed-code" placeholder="https://podbean.com/ellathompsonmusic/04-arcade-1" style="display: none;">
<span class="w-code">
<input type="checkbox" value="" class="wp-checkbox">
WordPress code
</span>
</div>
<div id="video-iframe-box" class="iframe-box">
<iframe src='https://www.podbean.com/media/player/fqffz-715d54-pb?from=share&skin=1&share=1&fonts=Helvetica&download=0&vjs=1' data-link='https://www.podbean.com/media/player/fqffz-715d54-pb?from=share&skin=1&share=1&fonts=Helvetica&download=0&vjs=1' height='315' width='100%' frameborder='0' scrolling='no' data-name='pb-iframe-player'></iframe> </div>
<p id="option" class="video-option more-opt-btn">
<span>More options</span>
<img class="more-icon" src="https://www.podbean.com/wp-content/plugins/pbShare/images/icon-down.png">
</p>
<div id="video-main" class="ul-skins clearfix more-opt-box" style="display: none;">
<form data-wp-code="fqffz-715d54" data-wp-domain="">
<input type="hidden" name='skin' value='1' />
<p class="color">Color</p>
<div class="ul-skins clearfix">
<a href="javascript:void(0);" style="background-color:#8bbb4e;" class='current' data-skin="1">theme1</a>
<a href="javascript:void(0);" style="background-color:#1b1b1b;display: none;" data-skin="2">theme2</a>
<a href="javascript:void(0);" style="background-color:#3267a3;" data-skin="3">theme2</a>
<a href="javascript:void(0);" style="background-color:#60a0c8;" data-skin="4">theme3</a>
<a href="javascript:void(0);" style="background-color:#2baf9e;" data-skin="5">theme4</a>
<a href="javascript:void(0);" style="background-color:#3ab278;" data-skin="6">theme5</a>
<a href="javascript:void(0);" style="background-color:#ddd;" data-skin="7">theme6</a>
<a href="javascript:void(0);" style="background-color:#ff6d00;" data-skin="8">theme7</a>
<a href="javascript:void(0);" style="background-color:#c73a3a;" data-skin="9">theme8</a>
<a href="javascript:void(0);" style="background-color:#956f46;" data-skin="10">theme9</a>
<a href="javascript:void(0);" style="background-color:#654771;" data-skin="11">theme10</a>
<a href="javascript:void(0);" style="background-color:#666666;" data-skin="12">theme11</a>
<a href="javascript:void(0);" style="background-color:#fb0584;" data-skin="13">theme12</a>
<div style="clear:both;"></div>
</div>
<p class="size">Size</p>
<label class="radio">
<input type="radio" name="size" value="480">
480px
</label>
<label class="radio">
<input type="radio" name="size" value="315" checked>
315px (default)
</label>
<label class="radio">
<input type="radio" name="size" value="240">
240px (for mobile)
</label>
<label class="checkbox">
<input type="checkbox" name="auto" id="video-auto-checkbox">
Auto play
</label>
</form>
</div>
</div>
</div>
</div>
</div>
</div><script type="text/javascript">
/*<![CDATA[*/

      
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-5072465-2', 'podbean.com');
      ga('require', 'displayfeatures');
      ga('send', 'pageview');

      
jQuery(function($) {
    $('body').delegate('.aplayer-panel','click',showIframe);

    function showIframe(){
      if($(this).find('iframe').length <= 0 ){
        var iframe = '<iframe allowfullscreen style="border:none;width:100%;height:'+$(this).attr("data-height")+';" src="'+$(this).attr("data-source")+'"></iframe>';
        $(this).append(iframe)
            .attr('rel','1')
            .css('height',$(this).attr("data-height"))
            .css('background-image','none')
            .children('.aplayer-bg')
            .css('display','none');
      }
      return false;
    }

    $('body').delegate('#view-more','click',function(){
      if($(this).hasClass('view-more')){
        $('#desc').css('display','inline-block');
        $(this).html(' view less <i class="icon-chevron-up"></i>');
        $(this).removeClass('view-more');
      }else{
        $('#desc').css('display','-webkit-box');
        $(this).html(' view more <i class="icon-chevron-down"></i>');
        $(this).addClass('view-more');
      }
    });
    
    $('body').delegate('#shareModal #audio-embed-code,#shareModal #audio-embed-code1,#shareModal .share-link-input,#shareModal #video-embed-code,#shareModal .iframe-code,#shareModal .wp-code','click',function(){
        $(this).select();
    });
    
  
    $('body').delegate('#shareModal .more-opt-btn','click',function(event) 
    {
        if($(this).next('.more-opt-box:visible').length>0){
            $(this).find('span').text('More options');
            $(this).find('img').attr('src','/wp-content/plugins/pbShare/images/icon-down.png');
            $(this).next('.more-opt-box').hide();
        }else{
            $(this).find('span').text('Fewer options');
            $(this).find('img').attr('src','/wp-content/plugins/pbShare/images/icon-up.png');
            $(this).next('.more-opt-box').show();
        }
    });

function buildWpEmbed(obj){
    var wp_embed = '[podbean';
    for(var i in obj){
        wp_embed+= ' '+i+'="'+obj[i]+'"';
    }
    return wp_embed+']';
}

$('.ul-skins a[data-skin]').click(function(event) {
  var skinIndex = $(this).attr('data-skin');
  var form = $(this).parents('form');
  
  var is_btn = $(this).parents('.ul-button').length>0;
  if(is_btn){
    form.find("input[name='btn-skin']").val(skinIndex);
    form.find('.ul-button').find('a.current').removeClass('current');
  }else{
    form.find("input[name='skin']").val(skinIndex);
    form.find('.ul-skins').not('.ul-button').find('a.current').removeClass('current');
  }
  
  $(this).addClass('current');

  updateIframe($(this));
});

$('#shareModal form input[type="checkbox"]').click(function(event) {
  if($(this).attr('checked')=='checked'){
    $(this).val('1');
  }else{
    $(this).val('0');
  }

  updateIframe($(this));
});

function updateWpEmbed(form){
    var wp_code = form.attr('data-wp-code');
    var wp_domain = form.attr('data-wp-domain');
    var current_tab_id = form.parents('.tab-pane').attr('id');

    var wpdata = {};
    
    wpdata.resource = 'episode='+wp_code+'';
    if(current_tab_id=='tab4'){
        wpdata.type = 'audio-rectangle';
        wpdata.height = 100;
    }else if(current_tab_id=='tab3'){
        wpdata.type = 'audio-square';
        wpdata.height = 315;
    }else{
        wpdata.type = 'video';
        wpdata.height = form.find("input[name='size']:checked").val();
    }

    if(wp_domain){
        wpdata.domain = wp_domain;
    }
    
    form.serializeArray().forEach(function(v){
        wpdata[v.name] = encodeURIComponent(v.value);
    });

    form.parents('.audioplayer-area').find('.wp-code').val(buildWpEmbed(wpdata));
}

function updateIframe(self){
    var player = self.parents('.audioplayer-area');
    var form = self.parents('form');
    var iframe = player.find('iframe');

    var link = iframe.attr('data-link');
    var params = form.serialize();

    iframe.attr('src',link+'&'+params);
    
    if(form.find("input[name='size']").length>0){
        iframe.attr('height',form.find("input[name='size']:checked").val());
    }
    
    var box = player.find('.iframe-box').clone();

    box.find('iframe').removeAttr('data-link');

    player.find('.embedcode').val($.trim(box.html().replace(/&amp;/g,'&')));

    updateWpEmbed(form);
}
updateWpEmbed($('#tab3 form'));
updateWpEmbed($('#tab4 form'));
updateWpEmbed($('#tab5 form'));

$('.select-all').click(function(){
	$(this).select();
});


$('a[data-toggle="tab"]').on('shown', function (e) {
    var id = $(this).attr('href');
  $(id+' .ul-skins a.current').click();
})

$('#shareModal form input[name="size"]').click(function(event) {
    updateIframe($(this));
});

$('body').delegate('#shareModal .wp-checkbox','click',function()
{
    if($(this).attr('checked')=='checked')
    {
        $(this).parents('.preview-code').find('.iframe-code').hide();
        $(this).parents('.preview-code').find('.wp-code').show();
        $(this).parents('.preview-code').find('.wp-code-desc').show();
    }else{
        $(this).parents('.preview-code').find('.iframe-code').show();
        $(this).parents('.preview-code').find('.wp-code').hide();
        $(this).parents('.preview-code').find('.wp-code-desc').hide();
    }
});

$('#shareModal').on('hide', function () {
    $('#shareModal input[type="checkbox"]').removeAttr('checked');
    $('#shareTab a:first').tab('show');
    $('#shareTab a:last').tab('show');
    $('#shareTab a:first').tab('show');
})
jQuery('#shareModal').modal({'show':false});
});
/*]]>*/
</script>
</body>
</html>
