Bxslider images not loading until I refresh the page?

So I have this page where I have a bxslider with images inside some tabs, I have the bxslider function set to load in front of the tabs, but when I go to the tab where the bxslider are images that are not loaded. When I refresh the page, they will be there. How do I get them to load so that when a person goes to that tab, they are already there and not an empty section? Thank!

http://jsfiddle.net/r1ma11tj/

There are many missing images, sorry i am not sure how to add images to jsfiddles. Here is a live link to watch ...

http://morecleanenergy.com/graphics/testing/mass/Mass.html

This is my call function right before the body tag.

<script type="text/javascript">
 $(document).ready(function () {
     $('.bxslider').bxSlider();
     $('#tab-container').easytabs();
 });
  </script>

      

        
        
        
      

    

bxslider is on the Why CEC page, has a light blue background, and the second is on top.