<!DOCTYPE html>
<html itemscope itemtype="http://schema.org/Movie" lang="en-US">
    <head>
        <!--
        ````
      ``````````
     `````````````
     ```````````````         ++
    `@@@@@.```````````       @@
    ,`@```@.```````````      ``
    ,`@````@`````````.@@#
    ,`@````@````.@:`.@``;@ ;@@@
    ..@``.@`:+@;#`@`'@```@`   @  :: `#;
     ,@@@@#```@@``@````;@@``  @  .+:# '+
     ,@```;+``@``````@@;`@````@   +@   @
     .@````@``@`````@````@````@   +    @
      @````@``@`````@```#@````@`  +    @
      @,```@``@`````+@+@#@;,,,@,, +    @
     @@@@@@``@@@@```````````+++++`+    @
       `,````````````````````````@@@; @@@
        ,,````````````,;```````````
        @@@@@@@@````@@@@@@.``@@@@@@@' :.
         `@,```@+``@@````,@.```@````@..@:
          @,.```@`+@``````:@```@````.@#@@
          @,,```@`@````````@,``@`````@
          @ ,,``@`@````````#@``@`````@`
          @  ,,.@;@````````,@``@````,@`
          @   ;@.+@`````````@``@```,@.``
          @@@@@:,+@`````````@``@@@@@,```
          @     ,#@`````````@``@`````````
          @      :@,```````,@``@`````````
          @       @,,``````##``@`````````
          @       @;,,.````@```@``````````
          @       .@ ,,,``+@```@``````````
        @@@@@      +@,`,,#@``@@@@+````````
                    .@@@@@,.`````````````
                          ,,,,```````````
                            ,,,,.``````.`
                              .,,,,,,,,.
                                 `.,,.

-->
<link href="https://cdn.brainpop.com/assets/images/icon-normal.png" rel="apple-touch-icon" /><link href="https://cdn.brainpop.com/assets/images/apple-touch-icon-76x76.png" rel="apple-touch-icon" sizes="76x76" /><link href="https://cdn.brainpop.com/assets/images/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120" /><link href="https://cdn.brainpop.com/assets/images/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" /><link href="https://cdn.brainpop.com/assets/images/apple-touch-icon-180x180.png" rel="apple-touch-icon" sizes="180x180" /><link href="https://cdn.brainpop.com/assets/images/icon-normal.png" rel="icon" sizes="192x192" /><link href="https://cdn.brainpop.com/assets/images/apple-touch-icon-180x180.png" rel="icon" sizes="128x128" /><title>Floods - BrainPOP</title><META name="description" content="In this educational animated movie about Science learn about floodwaters, rivers, storms, surges, disasters, levees, dams, and seawalls."><META name="keywords" content="flood, floods, flooding, flooded, floodwater, floodwaters, river, rivers, rain, rains, raining, rained, rainfall, storm, storms, surge, surges, hurricane, hurricanes, katrina, tide, tides, tsunami, tsunamis, disaster, disasters, levee, levees, dike, dikes, dam, dams, seawall, seawalls, forces of nature, primary source,newsela"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><script type="text/javascript">window.NREUM||(NREUM={}),__nr_require=function(e,t,n){function r(n){if(!t[n]){var o=t[n]={exports:{}};e[n][0].call(o.exports,function(t){var o=e[n][1][t];return r(o||t)},o,o.exports)}return t[n].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<n.length;o++)r(n[o]);return r}({1:[function(e,t,n){function r(){}function o(e,t,n){return function(){return i(e,[f.now()].concat(u(arguments)),t?null:this,n),t?void 0:this}}var i=e("handle"),a=e(2),u=e(3),c=e("ee").get("tracer"),f=e("loader"),s=NREUM;"undefined"==typeof window.newrelic&&(newrelic=s);var p=["setPageViewName","setCustomAttribute","setErrorHandler","finished","addToTrace","inlineHit","addRelease"],d="api-",l=d+"ixn-";a(p,function(e,t){s[t]=o(d+t,!0,"api")}),s.addPageAction=o(d+"addPageAction",!0),s.setCurrentRouteName=o(d+"routeName",!0),t.exports=newrelic,s.interaction=function(){return(new r).get()};var m=r.prototype={createTracer:function(e,t){var n={},r=this,o="function"==typeof t;return i(l+"tracer",[f.now(),e,n],r),function(){if(c.emit((o?"":"no-")+"fn-start",[f.now(),r,o],n),o)try{return t.apply(this,arguments)}catch(e){throw c.emit("fn-err",[arguments,this,e],n),e}finally{c.emit("fn-end",[f.now()],n)}}}};a("setName,setAttribute,save,ignore,onEnd,getContext,end,get".split(","),function(e,t){m[t]=o(l+t)}),newrelic.noticeError=function(e){"string"==typeof e&&(e=new Error(e)),i("err",[e,f.now()])}},{}],2:[function(e,t,n){function r(e,t){var n=[],r="",i=0;for(r in e)o.call(e,r)&&(n[i]=t(r,e[r]),i+=1);return n}var o=Object.prototype.hasOwnProperty;t.exports=r},{}],3:[function(e,t,n){function r(e,t,n){t||(t=0),"undefined"==typeof n&&(n=e?e.length:0);for(var r=-1,o=n-t||0,i=Array(o<0?0:o);++r<o;)i[r]=e[t+r];return i}t.exports=r},{}],4:[function(e,t,n){t.exports={exists:"undefined"!=typeof window.performance&&window.performance.timing&&"undefined"!=typeof window.performance.timing.navigationStart}},{}],ee:[function(e,t,n){function r(){}function o(e){function t(e){return e&&e instanceof r?e:e?c(e,u,i):i()}function n(n,r,o,i){if(!d.aborted||i){e&&e(n,r,o);for(var a=t(o),u=m(n),c=u.length,f=0;f<c;f++)u[f].apply(a,r);var p=s[y[n]];return p&&p.push([b,n,r,a]),a}}function l(e,t){v[e]=m(e).concat(t)}function m(e){return v[e]||[]}function w(e){return p[e]=p[e]||o(n)}function g(e,t){f(e,function(e,n){t=t||"feature",y[n]=t,t in s||(s[t]=[])})}var v={},y={},b={on:l,emit:n,get:w,listeners:m,context:t,buffer:g,abort:a,aborted:!1};return b}function i(){return new r}function a(){(s.api||s.feature)&&(d.aborted=!0,s=d.backlog={})}var u="nr@context",c=e("gos"),f=e(2),s={},p={},d=t.exports=o();d.backlog=s},{}],gos:[function(e,t,n){function r(e,t,n){if(o.call(e,t))return e[t];var r=n();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:r,writable:!0,enumerable:!1}),r}catch(i){}return e[t]=r,r}var o=Object.prototype.hasOwnProperty;t.exports=r},{}],handle:[function(e,t,n){function r(e,t,n,r){o.buffer([e],r),o.emit(e,t,n)}var o=e("ee").get("handle");t.exports=r,r.ee=o},{}],id:[function(e,t,n){function r(e){var t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===window?0:a(e,i,function(){return o++})}var o=1,i="nr@id",a=e("gos");t.exports=r},{}],loader:[function(e,t,n){function r(){if(!x++){var e=h.info=NREUM.info,t=d.getElementsByTagName("script")[0];if(setTimeout(s.abort,3e4),!(e&&e.licenseKey&&e.applicationID&&t))return s.abort();f(y,function(t,n){e[t]||(e[t]=n)}),c("mark",["onload",a()+h.offset],null,"api");var n=d.createElement("script");n.src="https://"+e.agent,t.parentNode.insertBefore(n,t)}}function o(){"complete"===d.readyState&&i()}function i(){c("mark",["domContent",a()+h.offset],null,"api")}function a(){return E.exists&&performance.now?Math.round(performance.now()):(u=Math.max((new Date).getTime(),u))-h.offset}var u=(new Date).getTime(),c=e("handle"),f=e(2),s=e("ee"),p=window,d=p.document,l="addEventListener",m="attachEvent",w=p.XMLHttpRequest,g=w&&w.prototype;NREUM.o={ST:setTimeout,SI:p.setImmediate,CT:clearTimeout,XHR:w,REQ:p.Request,EV:p.Event,PR:p.Promise,MO:p.MutationObserver};var v=""+location,y={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-1071.min.js"},b=w&&g&&g[l]&&!/CriOS/.test(navigator.userAgent),h=t.exports={offset:u,now:a,origin:v,features:{},xhrWrappable:b};e(1),d[l]?(d[l]("DOMContentLoaded",i,!1),p[l]("load",r,!1)):(d[m]("onreadystatechange",o),p[m]("onload",r)),c("mark",["firstbyte",u],null,"api");var x=0,E=e(4)},{}]},{},["loader"]);</script><LINK REL="SHORTCUT ICON" HREF="/assets/images/favicon.ico"><LINK REL="ICON" HREF="/assets/images/favicon.ico"><meta itemprop="name" content="Floods - BrainPOP"><meta itemprop="description" content="Surging forces of nature brought to us by storms, tides, and  mankind! Tim and Moby explain one of the most common natural disasters, floods."><meta itemprop="image" content="https://cdn.brainpop.com/science/earthsystem/floods/screenshot1.png"><meta itemprop="URL" content="https://www.brainpop.com/science/earthsystem/floods/"><!-- LRMI --><meta itemscope="itemscope" itemtype="http://schema.org/CreativeWork"><meta itemprop="inLanguage" content="en-US"></meta><meta itemprop="name" content="BrainPOP - Floods - Movie"></meta><meta itemprop="url" content="https://www.brainpop.com/science/earthsystem/floods/"></meta><meta itemprop="about" content="Floods"></meta><meta itemprop="dateCreated" content=""></meta><meta itemprop="thumbnailUrl" content="https://www.brainpop.com/science/earthsystem/floods/icon_text.gif"></meta><meta itemprop="Creator" itemtype="http://schema.org/Person" itemscope="itemscope"><meta itemprop="name" content="BrainPOP"></meta></meta><meta itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="itemscope"><meta itemprop="name" content="BrainPOP"></meta></meta><meta itemprop="useRightsURL" content="https://wwws.brainpop.com/about/terms_of_use/"></meta><meta itemprop="isBasedOnURL" content=""></meta><meta itemprop="timeRequired" content="PT0H03M02S"></meta><meta itemprop="intendedEndUserRole" content="Student"></meta><meta itemprop="educationalUse" content="Activity"></meta><meta itemprop="educationalUse" content="Assessment"></meta><meta itemprop="educationalUse" content="Auditory"></meta><meta itemprop="educationalUse" content="Classifying"></meta><meta itemprop="educationalUse" content="Comparing"></meta><meta itemprop="educationalUse" content="Cooperative Learning"></meta><meta itemprop="educationalUse" content="Creative Response"></meta><meta itemprop="educationalUse" content="Drill & Practice"></meta><meta itemprop="educationalUse" content="Hands on"></meta><meta itemprop="educationalUse" content="Interactive"></meta><meta itemprop="educationalUse" content="Model & Simulation"></meta><meta itemprop="educationalUse" content="Problem Solving"></meta><meta itemprop="educationalUse" content="Reading"></meta><meta itemprop="educationalUse" content="Reinforcement"></meta><meta itemprop="educationalUse" content="Review"></meta><meta itemprop="educationalUse" content="Summarizing"></meta><meta itemprop="educationalUse" content="Technology"></meta><meta itemprop="educationalUse" content="Visual/Spatial"></meta><meta itemprop="educationalUse" content="Writing"></meta><meta itemprop="interactivityType" content="Class"></meta><meta itemprop="interactivityType" content="Individual"></meta><meta itemprop="interactivityType" content="Pair"></meta><meta itemprop="interactivityType" content="Large Group (6+ members)"></meta><meta itemprop="interactivityType" content="Small Group (3-5 members)"></meta><meta itemprop="learningResourceType" content="Activity"></meta><meta itemprop="learningResourceType" content="Hands-on"></meta><meta itemprop="learningResourceType" content="Online"></meta><meta itemprop="learningResourceType" content="Video"></meta><meta itemprop="learningResourceType" content="Quiz"></meta><meta itemprop="learningResourceType" content="Lesson Plan"></meta><meta itemprop="mediaType" content="Flash"></meta><meta itemprop="mediaType" content="Quicktime"></meta></meta><!-- END OF LRMI --><LINK type="text/css" REL="stylesheet" href="https://cdn.brainpop.com/assets/css/main.min.css?1518561039"><script type="text/javascript" src="https://cdn.brainpop.com/assets/js/main.min.js?1518561039"></script><script type="text/javascript" src="https://cdn.brainpop.com/templates/subject/unit/topic/template.min.js?1518561039"></script><script type="text/javascript" src="https://cdn.brainpop.com/assets/js/subject/unit/topic/code.min.js?1518561039"></script><LINK type="text/css" REL="stylesheet" href="https://cdn.brainpop.com/assets/css/subject/unit/topic/style.min.css?1518561039"><LINK type="text/css" REL="stylesheet" href="https://hello.myfonts.net/count/2bf5d9"><script type="text/javascript" src="https://cdn.brainpop.com/dist/modules/ResourceMgr/js/code.min.js"></script><script type="text/javascript" src="https://cdn.brainpop.com/dist/modules/Core/js/code.min.js"></script><script type="text/javascript">Core.init({"deploy":"1518561039","debug":"false","user_info":{"logged_in":"false","sso":[],"temp":[]},"v":"2","server":"production","env":"production","language":"en","cache_killer":"?1518561039","product":"bpen","product_abrv":"bp","paths":{"resource_path":"https:\/\/cdn.brainpop.com\/resources","images_path":"https:\/\/cdn.brainpop.com\/assets\/images\/","js_path":"https:\/\/cdn.brainpop.com\/core\/js","css_path":"https:\/\/cdn.brainpop.com\/core\/resources\/en\/css","cdn_path":"https:\/\/cdn.brainpop.com","audio_path":"https:\/\/cdn.brainpop.com\/assets\/audios\/","animation_path":"https:\/\/cdn.brainpop.com\/assets\/animations\/","videos_path":"https:\/\/svideos.brainpop.com\/assets\/videos\/","video_hls_path":"https:\/\/hls.brainpop.com","movie_cdn_path":"https:\/\/svideos.brainpop.com","bp":{"en":{"url":"https:\/\/www.brainpop.com","cdn":"https:\/\/cdn.brainpop.com","images":"https:\/\/cdn.brainpop.com\/assets\/images","animations":"https:\/\/cdn.brainpop.com\/assets\/animations"},"mx":{"url":"https:\/\/esp.brainpop.com\/","cdn":"https:\/\/cdn.brainpop.com\/mx","images":"https:\/\/cdn.brainpop.com\/assets\/mx\/images","animations":"https:\/\/cdn.brainpop.com\/assets\/mx\/animations"},"fr":{"url":"https:\/\/fr.brainpop.com\/","cdn":"https:\/\/cdn.brainpop.com\/fr","images":"https:\/\/cdn.brainpop.com\/assets\/fr\/images","animations":"https:\/\/cdn.brainpop.com\/assets\/fr\/animations"},"he":{"url":"https:\/\/il.brainpop.com\/","cdn":"https:\/\/cdn.brainpop.com\/he","images":"https:\/\/cdn.brainpop.com\/assets\/he\/images","animations":"https:\/\/cdn.brainpop.com\/assets\/he\/animations"}},"bpjr":{"en":{"url":"https:\/\/jr.brainpop.com","cdn":"https:\/\/cdn-jr.brainpop.com","images":"https:\/\/cdn-jr.brainpop.com\/assets\/jr\/images","animations":"https:\/\/cdn-jr.brainpop.com\/assets\/jr\/animations"}},"bpesl":{"en":{"url":"https:\/\/ell.brainpop.com","cdn":"https:\/\/cdn-esl.brainpop.com","images":"https:\/\/cdn-esl.brainpop.com\/assets\/esl\/images","animations":"https:\/\/cdn-esl.brainpop.com\/assets\/esl\/animations"}}},"defs":{"PRODUCTS":{"PRODUCT_BP":"bp","PRODUCT_BPJR":"bpjr","PRODUCT_BPESL":"bpesl"},"LANGUAGES":{"EN":"en","MX":"mx","HE":"he","FR":"fr","ZH":"zh","UK":"uk"},"COURSES":{"TYPES":{"MYBP_ASSIGNMENTS":1,"MYBP_INTRO":2},"STEP_TYPE":{"ASSIGNMENT_PART":1}},"TOKENS":{"TYPES":{"ADMIN_INVITED_TEACHER_TO_SCHOOL":"invite_teacher_to_school"}}}});</script>
    <!-- Google Analytics Start -->
    <script type='text/javascript'>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
        ga('create', 'UA-283674-6', 'auto');
        ga('send', 'pageview');
    </script>
    <!-- Google Analytics End -->


<script type='text/javascript'>
     // THIS IS A FIXED PIECE OF CODE. USE MINIFIED VERSION TO REDUCE OUTPUT SIZE.
     $( document ).ready(function() {

        var progress_timer = setTimeout(function() { $('#loading_progress').show(); }, 700);

        core.init({
            baseSiteUrl: '/',
            oncomplete : function(){
                clearTimeout(progress_timer);
                $('#loading_progress').hide();
                var res = core.load.resource({
                    url : 'https://cdn.brainpop.com/autocomplete.json',
                    cache : true,
                    type : 'json',
                    cache_type : 'non-persistence',
                    onComplete : function(data){
                        $.widget( "custom.catcomplete", $.ui.autocomplete, {
                            _create: function() {
                              this._super();
                              this.widget().menu( "option", "items", "> :not(.ui-autocomplete-category)" );
                            },
                            _renderMenu: function( ul, items ) {
                              var that = this,
                                currentCategory = "";

                                var sortItems = items;
                                sortItems.sort(function(a, b) {
                                    if (a.category < b.category){
                                        return -1;
                                    }
                                    else if (a.category > b.category){
                                        return 1;
                                    }
                                    else {
                                        return 0;
                                    }
                                });
                                items = sortItems;



                              $.each( items, function( index, item ) {
                                var li;
                                if ( item.category != currentCategory ) {
                                  ul.append( "<li class='ui-autocomplete-category'></li>" );
                                  currentCategory = item.category;
                                }
                                switch(item.category){
                                case 'content':
                                    li = that._renderItemData( ul, item );
                                    break;
                                case 'information'                                    :
                                    li = that._renderItemData( ul, item ).append('<div class="information_search">i</div>');
                                    break;
                                }

                                if ( !core.services.empty(item.category.trim()) ) {
                                  li.attr( "aria-label", item.category + " : " + item.label );
                                }
                              });
                            }
                        });



                        $('.search_keywords').catcomplete({
                            delay : 0,
                            source : data,
                            messages: {
                                noResults: 'no results',
                                results: function(count) {
                                    return count + (count > 1 ? ' results' : ' result ') + ' found';
                                }
                            },
                            open: function(event, ui) {
                                // $('.ui-autocomplete').off('menufocus hover mouseover mouseenter');
                                $(this).catcomplete('widget').css({'width': ($(this).outerWidth() + 'px')});
                            },
                            select: function( event, ui ) {
                                $('.search_keywords').val(ui.item.value);
                                $('.search_button').trigger('click');
                            }
                        }, {})
                        .keyup(function(e, ui) {
                            if (e.keyCode === 40 || e.keyCode === 38){

                            }
                            if( $(this).val().trim()!=='' && $(this).val().replace('_', '')!=='' ){
                                $('.close_search').show();
                            }else{
                                $('.close_search').hide();
                            };
                        });

                        $('.ui-menu-item').keyup(function(){
                            // console.log($(this).html());
                        });
                        // $('.search_keywords').autocomplete({
                        //     source: function(request, response) { // use a function so you can trim the request and ignore ""
                        //         var term = $.trim(request.term)
                        //         var reg = new RegExp($.ui.autocomplete.escapeRegex(term), "i")
                        //         if (term !== ""){
                        //             response($.grep(data, function (tag) {return tag.match(reg);}));
                        //         }
                        //     },
                        //     open: function(event, ui) {
                        //         $('.ui-autocomplete').off('menufocus hover mouseover mouseenter');
                        //     },
                        //     select: function( event, ui ) {
                        //         $('.search_keywords').val(ui.item.value);
                        //         $('.search_button').trigger('click');
                        //     }
                        // }, {})
                        // .keyup(function() {
                        //     if( $(this).val().trim()!=='' && $(this).val().replace('_', '')!=='' ){
                        //         $('.close_search').show();
                        //     }else{
                        //         $('.close_search').hide();
                        //     };
                        // });
                    }
                });

                var res = core.load.resource({
                    url : "https://cdn.brainpop.com/global.json",
                    cache : true,
                    type : 'json',
                    cache_type : 'non-persistence',
                    onComplete : function(data){
                        global_content = $.extend(global_content, data);
                        topic.init.module({
                            content : (typeof content === 'undefined')?{}:content,
                            settings : (typeof settings === 'undefined')?{}:settings,
                            global_content : global_content
                        });
                    }
                });
            }
        });

        $('.ui-autocomplete-input').on('keypress', function(e){
            if (e.which == 13) {
                e.preventDefault();
                // $('.college').trigger('click');
            }
        });


        svg4everybody();
    });
</script><script type="text/javascript">
            var content = {"category":{"name":"Science","display_name":"Science","url":"\/science\/","icons":{"v1":"\/science\/science_100x100.svg","v2":"\/science\/science_280x280.svg","v3":"\/science\/science_icon (5).svg"},"unit":{"name":"Earth System","url":"\/science\/earthsystem\/","icon":"\/science\/earthsystem\/svg_icon.svg","topic":{"synopsis":"What happens when dry land gets soaked with water? In this BrainPOP movie, Tim and Moby discuss one of the most common natural disasters: flooding. You\u2019ll learn about the earth\u2019s ability to soak up water like a sponge, and why it sometimes gets overwhelmed. Discover what geographic areas are most susceptible to flooding, and what people living in those places do to protect themselves. You\u2019ll also learn about floodwater--what\u2019s floating around in there that makes it such a toxic soup? Most of Hurricane Katrina\u2019s destruction was caused by flooding after the storm had already passed. Find out how storm surges from hurricanes, tides, tsunamis, and earthquakes can lead to watery nightmare!","name":"Floods","name_app":"","EntryID":"2969","courses":[],"free":"no","permafree":"","d_updated":"0","sensitive_content":"","subtitles":[],"red":"","show_on_site":"Yes","lesson_plan":"https:\/\/educators.brainpop.com\/bp-topic\/floods\/","icons":{"high_res_icon":"\/science\/earthsystem\/floods\/icon.png","high_res_icon_180x180":"\/science\/earthsystem\/floods\/icon_180x180.png","high_res_icon_360x360":"\/science\/earthsystem\/floods\/icon_360x360.png"},"screenshots":["\/science\/earthsystem\/floods\/screenshot1.png","\/science\/earthsystem\/floods\/screenshot2.png","\/science\/earthsystem\/floods\/screenshot3.png"],"movies":{"high":"https:\/\/svideos.brainpop.com\/assets\/videos\/blank.mp4","flash":"\/science\/earthsystem\/floods\/mysteries.swf"},"related_jr_topics":[],"related_topics":[{"EntryID":"304","name":"Hurricanes","name_app":"","free":"","show_free_tag":"yes","d_creation":"1125334140","url":"\/science\/weather\/hurricanes\/","icons":{"high_res_icon":"\/science\/weather\/hurricanes\/icon.png","high_res_icon_180x180":"\/science\/weather\/hurricanes\/icon_180x180.png","high_res_icon_360x360":"\/science\/weather\/hurricanes\/icon_360x360.png"},"screenshots":["\/science\/weather\/hurricanes\/screenshot1.png","\/science\/weather\/hurricanes\/screenshot2.png","\/science\/weather\/hurricanes\/screenshot3.png"],"d_updated":"0","product":"bp"},{"EntryID":"447","name":"Tsunami","name_app":"","free":"","show_free_tag":"yes","d_creation":"915166800","url":"\/science\/earthsystem\/tsunami\/","icons":{"high_res_icon":"\/science\/earthsystem\/tsunami\/icon.png","high_res_icon_180x180":"\/science\/earthsystem\/tsunami\/icon_180x180.png","high_res_icon_360x360":"\/science\/earthsystem\/tsunami\/icon_360x360.png"},"screenshots":["\/science\/earthsystem\/tsunami\/screenshot1.png","\/science\/earthsystem\/tsunami\/screenshot2.png","\/science\/earthsystem\/tsunami\/screenshot3.png"],"d_updated":"-68400","product":"bp"},{"EntryID":"918","name":"Dams","name_app":"","free":"","show_free_tag":"yes","d_creation":"1120160820","url":"\/technology\/energytechnology\/dams\/","icons":{"high_res_icon":"\/technology\/energytechnology\/dams\/icon.png","high_res_icon_180x180":"\/technology\/energytechnology\/dams\/icon_180x180.png","high_res_icon_360x360":"\/technology\/energytechnology\/dams\/icon_360x360.png"},"screenshots":["\/technology\/energytechnology\/dams\/screenshot1.png","\/technology\/energytechnology\/dams\/screenshot2.png","\/technology\/energytechnology\/dams\/screenshot3.png"],"d_updated":"-68400","product":"bp"},{"EntryID":"998","name":"Natural Disasters","name_app":"","free":"","show_free_tag":"yes","d_creation":"1127489460","url":"\/science\/earthsystem\/naturaldisasters\/","icons":{"high_res_icon":"\/science\/earthsystem\/naturaldisasters\/icon.png","high_res_icon_180x180":"\/science\/earthsystem\/naturaldisasters\/icon_180x180.png","high_res_icon_360x360":"\/science\/earthsystem\/naturaldisasters\/icon_360x360.png"},"screenshots":["\/science\/earthsystem\/naturaldisasters\/screenshot1.png","\/science\/earthsystem\/naturaldisasters\/screenshot2.png","\/science\/earthsystem\/naturaldisasters\/screenshot3.png"],"d_updated":"-68400","product":"bp"}],"related_games":[{"EntryID":"468","name":"The Meaning of Beep: Natural Disasters"}],"sortify_games":[],"features":[{"type":"quiz","feature_id":"13111","name":"Quiz","requires_flash":"","small_screen_compatible":"Yes","url":"\/science\/earthsystem\/floods\/quiz\/","icon":"\/assets\/images\/quiz_svg_icon.svg"},{"feature_id":"2969","type":"make-a-map","name":"Make-a-Map","url":"\/make-a-map\/?topic=\/science\/earthsystem\/floods\/","requires_flash":"","small_screen_compatible":""},{"feature_id":"2969","type":"make-a-movie","name":"Make-a-Movie","url":"\/make-a-movie\/?topic=2969","requires_flash":"","small_screen_compatible":""},{"type":"newsela","feature_id":"39435","name":"Newsela","requires_flash":"","small_screen_compatible":"Yes","url":"\/science\/earthsystem\/floods\/newsela\/","icon":"\/assets\/images\/newsela_svg_icon.svg"},{"type":"primary_source","feature_id":"32698","name":"Primary Source","requires_flash":"Yes","small_screen_compatible":"","url":"\/science\/earthsystem\/floods\/primarysource\/","icon":"\/assets\/images\/primarysource_svg_icon.svg"},{"type":"fyi","feature_id":"11514","name":"FYI","requires_flash":"","small_screen_compatible":"Yes","url":"\/science\/earthsystem\/floods\/fyi\/","icon":"\/assets\/images\/fyi_svg_icon.svg"},{"type":"activity","feature_id":"13755","name":"Activities","requires_flash":"Yes","small_screen_compatible":"","url":"\/science\/earthsystem\/floods\/activity\/","icon":"\/assets\/images\/activity_svg_icon.svg","activity_types":["activity_activity","activity_graphic_organizer","activity_vocabulary"]},{"type":"transcript","feature_id":"31853","name":"Movie Transcript","requires_flash":"","small_screen_compatible":"","url":"\/science\/earthsystem\/floods\/transcript\/","icon":""}],"feature_promo":{"featured_1":{"title":"MAKE-A-MAP","type":"make_a_map","url":"\/make-a-map\/?topic=\/science\/earthsystem\/floods\/","image":"\/science\/earthsystem\/floods\/232948.png"},"featured_2":{"title":"TAKE THE QUIZ","type":"quiz","url":"\/science\/earthsystem\/floods\/quiz\/","image":"\/science\/earthsystem\/floods\/259108.png"}},"themes":[]}}}};
        var settings = {"title":"Floods - BrainPOP","keywords":"flood, floods, flooding, flooded, floodwater, floodwaters, river, rivers, rain, rains, raining, rained, rainfall, storm, storms, surge, surges, hurricane, hurricanes, katrina, tide, tides, tsunami, tsunamis, disaster, disasters, levee, levees, dike, dikes, dam, dams, seawall, seawalls, forces of nature, primary source,newsela","description":"Surging forces of nature brought to us by storms, tides, and  mankind! Tim and Moby explain one of the most common natural disasters, floods.","show_on_site":"Yes","social_media_preview":{"type":"Movie","name":"Floods - BrainPOP","image":"\/science\/earthsystem\/floods\/screenshot1.png","description":"Surging forces of nature brought to us by storms, tides, and  mankind! Tim and Moby explain one of the most common natural disasters, floods.","URL":"science\/earthsystem\/floods\/"},"meta_tags":[],"lrmi":""};
        var global_content = {'cdn_path' : 'https://cdn.brainpop.com', 'movie_cdn_path' : 'https://svideos.brainpop.com'};
    </script><script type="text/javascript" src="https://cdn.brainpop.com/assets/plugins/readmore/readmore.min.js"></script><LINK type="text/css" REL="stylesheet" href="https://cdn.brainpop.com/assets/plugins/owl.carousel/owl.carousel.css"><LINK type="text/css" REL="stylesheet" href="https://cdn.brainpop.com/assets/plugins/owl.carousel/owl.transitions.css"><script type="text/javascript" src="https://cdn.brainpop.com/assets/plugins/rangeslider/rangeslider.min.js"></script><LINK type="text/css" REL="stylesheet" href="https://cdn.brainpop.com/assets/plugins/rangeslider/rangeslider.min.css">
        
        <script type='text/javascript'>
            function flashSetupMp4Player(json){
                topic.services.flashSetupMp4Player(json);
            };
            $( document ).ready(function() {

                if (true === true){
                    topic.init.content({
                        ec_token: '',
                        movie_cdn_path: 'https://svideos.brainpop.com',
                        movie_hls_cdn_path: 'https://hls.brainpop.com',
                        image_path: 'https://cdn.brainpop.com/assets/images/',
                        force_mp4: 'false',
                        flash_data: '',
                        feature_promo: {"featured_1":{"title":"MAKE-A-MAP","type":"make_a_map","url":"\/make-a-map\/?topic=\/science\/earthsystem\/floods\/","image":"\/science\/earthsystem\/floods\/232948.png"},"featured_2":{"title":"TAKE THE QUIZ","type":"quiz","url":"\/science\/earthsystem\/floods\/quiz\/","image":"\/science\/earthsystem\/floods\/259108.png"}},
                        access_granted: 'false',
                        disable_class: "no_access",
                        denial_access_reason: 10,
                        product: 'bpen',
                        cdn_path: 'https://cdn.brainpop.com',
                        constants: {"RESOURCE_TYPE_QUIZ":"quiz","RESOURCE_TYPE_FYI":"fyi","RESOURCE_TYPE_BELLYUP":"bellyup","RESOURCE_TYPE_SEARCH":"search","RESOURCE_TYPE_PUZZLE":"puzzle","RESOURCE_TYPE_MATCHING":"matching","RESOURCE_TYPE_PICTURE_MAKER":"picture_maker","RESOURCE_TYPE_DRAG_AND_DROP":"drag_and_drop","RESOURCE_TYPE_SCROLLING":"scrolling","RESOURCE_TYPE_MAZE":"maze","RESOURCE_TYPE_SEQUENCE_ORDER":"sequence_order","RESOURCE_TYPE_SPINNER":"spinner","RESOURCE_TYPE_CHALLENGE":"challenge","RESOURCE_TYPE_ACTIVITY":"activity","FEATURE_TYPE_ACTIVITY_STANDARD":"activitystandard","FEATURE_TYPE_ACTIVITY_GRAPHIC_ORGANIZER":"activitygraphicOrganizer","FEATURE_TYPE_ACTIVITY_VOCABULARY":"activityvocabulary","FEATURE_TYPE_ACTIVITY_PRIMARY_SOURCE":"activityprimary_source","RESOURCE_TYPE_MOVIE":"movie","RESOURCE_TYPE_GAME":"game","RESOURCE_TYPE_MIXED_QUIZ":"mixed_quiz","FEATURE_TYPE_ADVANCED_ACTIVITY":"activityadvanced"},
                        img_path: 'https://cdn.brainpop.com/assets/images/',
                        language: 'en',
                        jrurl: 'https://jr.brainpop.com/',
                        has_jr_access: 'true',
                        use_new_movie_player: 'true'
                    });
                }else{
                    movie_player.whenReady({
                        toExecute: function(){
                            topic.init.content({
                                ec_token: '',
                                movie_cdn_path: 'https://svideos.brainpop.com',
                                movie_hls_cdn_path: 'https://hls.brainpop.com',
                                image_path: 'https://cdn.brainpop.com/assets/images/',
                                force_mp4: 'false',
                                flash_data: '',
                                feature_promo: {"featured_1":{"title":"MAKE-A-MAP","type":"make_a_map","url":"\/make-a-map\/?topic=\/science\/earthsystem\/floods\/","image":"\/science\/earthsystem\/floods\/232948.png"},"featured_2":{"title":"TAKE THE QUIZ","type":"quiz","url":"\/science\/earthsystem\/floods\/quiz\/","image":"\/science\/earthsystem\/floods\/259108.png"}},
                                access_granted: 'false',
                                disable_class: "no_access",
                                denial_access_reason: 10,
                                product: 'bpen',
                                cdn_path: 'https://cdn.brainpop.com',
                                constants: {"RESOURCE_TYPE_QUIZ":"quiz","RESOURCE_TYPE_FYI":"fyi","RESOURCE_TYPE_BELLYUP":"bellyup","RESOURCE_TYPE_SEARCH":"search","RESOURCE_TYPE_PUZZLE":"puzzle","RESOURCE_TYPE_MATCHING":"matching","RESOURCE_TYPE_PICTURE_MAKER":"picture_maker","RESOURCE_TYPE_DRAG_AND_DROP":"drag_and_drop","RESOURCE_TYPE_SCROLLING":"scrolling","RESOURCE_TYPE_MAZE":"maze","RESOURCE_TYPE_SEQUENCE_ORDER":"sequence_order","RESOURCE_TYPE_SPINNER":"spinner","RESOURCE_TYPE_CHALLENGE":"challenge","RESOURCE_TYPE_ACTIVITY":"activity","FEATURE_TYPE_ACTIVITY_STANDARD":"activitystandard","FEATURE_TYPE_ACTIVITY_GRAPHIC_ORGANIZER":"activitygraphicOrganizer","FEATURE_TYPE_ACTIVITY_VOCABULARY":"activityvocabulary","FEATURE_TYPE_ACTIVITY_PRIMARY_SOURCE":"activityprimary_source","RESOURCE_TYPE_MOVIE":"movie","RESOURCE_TYPE_GAME":"game","RESOURCE_TYPE_MIXED_QUIZ":"mixed_quiz","FEATURE_TYPE_ADVANCED_ACTIVITY":"activityadvanced"},
                                img_path: 'https://cdn.brainpop.com/assets/images/',
                                language: 'en',
                                jrurl: 'https://jr.brainpop.com/',
                                has_jr_access: 'true',
                                use_new_movie_player: 'true'
                            });
                        }
                    });
                }

            });
        </script>
    </head>

    <body ontouchstart="">

        <div class="row top_container">
            <div class="navbar_container">
                <!-- MININAV BAR -->
                <!-- SKIP TO CONTENT LINK -->
<div class="skiptocontent container-fluid"><a id="skiptocontent" href="#">skip to main content</a></div>
<div id="loading_progress" class="row loading_progress" style="display: none">
  <div class="indeterminate"></div>
</div>



<div class="mini-navbar ">
    <div class="container-fluid mini_navbar_container">
                    <div class="mini-navbar-links">
                <div>
                    
                    <!-- LEFT NAVBAR - ENTER CODE/LOGIN -->
                    <ul class="nav nav-list right-nav">
                        <!-- STUDENT NOTIFICATION -->
                        
                        <!-- ENTER CODE -->
                                                                                    <li role="presentation">
                                    <a id="enter_code_button" class="enter_code_button navbar-button" href="#" data-toggle="collapse" data-target="#enter-code-collapse" data-parent="#utility_bar" alt="Enter school verification codes, student codes, or quiz codes here">ENTER CODE</a>
                                </li>
                                                    
                        <!-- NOT LOGGED IN -->
                                                    <li role="presentation">
                                <a id="login_button" class="login_button navbar-button" href="#" data-parent="#utility_bar" alt="Log in to your account to view settings, activities or progress">LOG IN</a>
                            </li>
                        
                       <!-- MOE LOGIN -->
                        
                    </ul>
                </div>
            </div>
            </div>
</div>

<script>
    $(document).ready(function() {
        $('#skiptocontent').click(function(event){
            event.preventDefault();
            // check if name=main exist
            if ($('[name*="main"]').length > 0){
                var skipTo = $('[name*="main"]');
                $(skipTo).attr('tabindex', -1).on('blur focusout', function () {
                    $(this).removeAttr('tabindex');
                }).focus();
            }else{
                $(this).hide();
            }
        });
        if (sessionStorage.getItem('site_status_message') === null || sessionStorage.getItem('site_status_message') !== 'close'){
            $('#site_issue').show();
        }

        Core.whenReady({
            callback: function () {
                if(Core.courses[Core.options.settings.defs.COURSES.TYPES.MYBP_ASSIGNMENTS] === undefined){
                    // NO COURSE FOR LOGGED IN USER. ON BADGE CLICK - SHOW INTRO COURSE MODAL
                    Core.resource_mgr.load.resources({
                        resources: ['course-css'],
                        onSuccess: function () {
                            $('#myb_course_badge_img_button, #myb_course_badge_img_button_mobile').off().on('click', function(){
                                // Core.resource_mgr.load.template({
                                //     url: 'modules/Course/templates/courses/myb_assignments/intro_course.php',
                                //     data: {
                                //         img_path: Core.options.settings.paths.images_path
                                //     },
                                //     onSuccess: function(template){
                                //         if($('#user_menu').is(':visible')){
                                //             $('#user_menu').popover({
                                //                 trigger: 'click',
                                //                 content: template,
                                //                 placement: 'bottom',
                                //                 html: true,
                                //                 title: '<button class="close_popover" aria-label="close"><img class="img-responsive" src="' + Core.options.settings.paths.cdn_path + '/assets/images/icn_close.svg" /></button>',
                                //                 selector: '#user_menu'
                                //             });
                                //             $('#user_menu').popover('toggle');

                                //             $('.popover .arrow').css('left', '79%');
                                //             $('.popover').css('left', '-230px');
                                //             $('.learn_about_training').off().on('click', function(){
                                //                 window.location.href = '/basic-training/';
                                //             });
                                //         } else {
                                //             Core.notifier.open({
                                //                 onOpen: function () {
                                //                     $('.modal-content').addClass('course_modal_content');
                                //                     $('.learn_about_training').off().on('click', function(){
                                //                         window.location.href = '/basic-training/';
                                //                     });
                                //                 },
                                //                 onClose: function () {},
                                //                 type: 'clean_close',
                                //                 content: template,
                                //                 title: '',
                                //                 custom_class: 'course_modal'
                                //             });
                                //         }

                                //     }
                                // });
                                // window.location.href = '/basic-training/';
                            });
                        }
                    });
                }else{
                    // GO THROW COURSES AND CHECK IF NEEDS TO SHOW COURSE'S NAVBAR'S ELEMENTS
                    for (var key in Core.courses) {
                        if (Core.courses.hasOwnProperty(key)){
                            var course_obj = Core.courses[key];
                            course_obj.eventsHandler.addListener({
                                type: 'loaded_' + course_obj.options.data.id,
                                callback: function(course){
                                    // UPDATE PROGRESS
                                    $('.course_progress').html(Math.round(course_obj.options.data.course.progress*100) + '%');
                                    $('.student_progress_inner').animate({
                                        width: course.progress*100 + '%'
                                    }, 1000);
                                    $('.student_progress_inner').attr('aria-valuemax', 100);
                                    $('.student_progress_inner').attr('aria-valuenow', course.progress*100);

                                    if(course_obj.options.data.course.type == Core.options.settings.defs.COURSES.TYPES.MYBP_ASSIGNMENTS){
                                        // SET BADGE ICON DEPENDS ON COURSE PROGRESS
                                        switch (course_obj.options.data.course.progress) {
                                            case 0:
                                                $('.myb_course_badge_li .course_badge_image').attr('src', Core.options.settings.paths.images_path + 'badge_no_course_default.svg');
                                                $('.myb_course_badge_li .course_badge_image_hover').attr('src', Core.options.settings.paths.images_path + 'badge_no_course_hover_black.svg');
                                                $('.myb_course_badge_li_mobile .course_badge_image_mobile').attr('src', Core.options.settings.paths.images_path + 'mobile_badge_no_course_default.svg');
                                                $('.myb_course_badge_li_mobile .course_badge_image_mobile_hover').attr('src', Core.options.settings.paths.images_path + 'mobile_badge_no_course_onHover.svg');
                                                break;
                                            case 1:
                                                $('.myb_course_badge_li .course_badge_image').attr('src', Core.options.settings.paths.images_path + 'badge_completed_default.svg');
                                                $('.myb_course_badge_li .course_badge_image_hover').attr('src', Core.options.settings.paths.images_path + 'badge_completed_hover_black.svg');
                                                $('.myb_course_badge_li_mobile .course_badge_image_mobile').attr('src', Core.options.settings.paths.images_path + 'mobile_badge_completed_default.svg');
                                                $('.myb_course_badge_li_mobile .course_badge_image_mobile_hover').attr('src', Core.options.settings.paths.images_path + 'mobile_badge_completed_onHover.svg');
                                                break;
                                            default:
                                                $('.myb_course_badge_li .course_badge_image').attr('src', Core.options.settings.paths.images_path + 'badge_in_progress_default.svg');
                                                $('.myb_course_badge_li .course_badge_image_hover').attr('src', Core.options.settings.paths.images_path + 'badge_in_progress_hover_black.svg');
                                                $('.myb_course_badge_li_mobile .course_badge_image_mobile').attr('src', Core.options.settings.paths.images_path + 'mobile_badge_in_progress_default.svg');
                                                $('.myb_course_badge_li_mobile .course_badge_image_mobile_hover').attr('src', Core.options.settings.paths.images_path + 'mobile_badge_in_progress_onHover.svg');
                                                break;
                                        }
                                        // SHOW BADGE CONTAINER LI
                                        $('.myb_course_badge_li, .myb_course_badge_li_mobile').show();
                                        // $('#myb_course_badge_img_button, #myb_course_badge_img_button_mobile').off().on('click', function(){
                                        //     course_obj.trainingPlans[course.type].progressInvoked();
                                        // });
                                    }
                                },
                                run_once: true
                            });

                            // course_obj.eventsHandler.addListener({
                            //     type: 'progressInvoked_0',
                            //     callback: function(params){
                            //         if($('#user_menu').is(':visible')){
                            //             $('#user_menu').popover({
                            //                 trigger: 'click',
                            //                 content: params.template,
                            //                 placement: 'bottom',
                            //                 html: true,
                            //                 title: '<button class="close_popover" aria-label="close"><img class="img-responsive" src="' + Core.options.settings.paths.cdn_path + '/assets/images/icn_close.svg" /></button>',
                            //                 selector: '#user_menu'
                            //             });
                            //             $('#user_menu').popover('toggle');

                            //             if(!Core.helpers.empty(params.onOpen)){
                            //                 params.onOpen();
                            //             }
                            //         } else {
                            //             Core.notifier.open({
                            //                 onOpen: function () {
                            //                     $('.modal .course_progress').html(Math.round(course_obj.options.data.course.progress*100) + '%');
                            //                     $('.modal .progress_bar').css('width', course_obj.options.data.course.progress*100 + '%');
                            //                     $('.modal #course_progress_bar_image').css('left', 'calc('+course_obj.options.data.course.progress*100+'% - 1px)');

                            //                     $('.modal .progress_bar').attr('aria-valuemax', 1);
                            //                     $('.modal .progress_bar').attr('aria-valuenow', course_obj.options.data.course.progress*100);
                            //                     if(!Core.helpers.empty(params.onOpen)){
                            //                         params.onOpen();
                            //                     }
                            //                 },
                            //                 onClose: function () {},
                            //                 type: 'clean_close',
                            //                 content: params.template,
                            //                 title: '',
                            //                 custom_class: 'course_modal'
                            //             });
                            //         }
                            //     }
                            // });

                            // course_obj.eventsHandler.addListener({
                            //     type: 'progressInvoked_1_99',
                            //     callback: function(params){
                            //         if($('#user_menu').is(':visible')){
                            //             $('#user_menu').popover({
                            //                 trigger: 'click',
                            //                 content: params.template,
                            //                 placement: 'bottom',
                            //                 html: true,
                            //                 title: '<button class="close_popover" aria-label="close"><img class="img-responsive" src="' + Core.options.settings.paths.cdn_path + '/assets/images/icn_close.svg" /></button>',
                            //                 selector: '#user_menu'
                            //             });
                            //             $('#user_menu').popover('toggle');


                            //             $('#myb_course_badge_img_button').on('shown.bs.popover', function () {
                            //                 $('.popover .course_progress').html(Math.round(course_obj.options.data.course.progress*100) + '%');
                            //                 $('.popover .progress_bar').css('width', course_obj.options.data.course.progress*100 + '%');
                            //                 $('.popover #course_progress_bar_image').css('left', 'calc('+course_obj.options.data.course.progress*100+'% - 35px)');

                            //                 $('.popover .progress_bar').attr('aria-valuemax', 1);
                            //                 $('.popover .progress_bar').attr('aria-valuenow', course_obj.options.data.course.progress*100);

                            //             });
                            //             if(!Core.helpers.empty(params.onOpen)){
                            //                 params.onOpen();
                            //             }
                            //         } else {
                            //             Core.notifier.open({
                            //                 onOpen: function () {
                            //                     $('.modal .course_progress').html(Math.round(course_obj.options.data.course.progress*100) + '%');
                            //                     $('.modal .progress_bar').css('width', course_obj.options.data.course.progress*100 + '%');
                            //                     $('.modal #course_progress_bar_image').css('left', 'calc('+course_obj.options.data.course.progress*100+'% - 1px)');

                            //                     $('.modal .progress_bar').attr('aria-valuemax', 1);
                            //                     $('.modal .progress_bar').attr('aria-valuenow', course_obj.options.data.course.progress*100);
                            //                     if(!Core.helpers.empty(params.onOpen)){
                            //                         params.onOpen();
                            //                     }
                            //                 },
                            //                 onClose: function () {},
                            //                 type: 'clean_close',
                            //                 content: params.template,
                            //                 title: '',
                            //                 custom_class: 'course_modal'
                            //             });
                            //         }

                            //     }
                            // });

                            // course_obj.eventsHandler.addListener({
                            //     type: 'progressInvoked_100',
                            //     callback: function(params){
                            //         if($('#user_menu').is(':visible')){
                            //             Core.notifier.open({
                            //                 onOpen: function () {
                            //                     loadCreateJSAnimation({
                            //                         animation_name: 'quiz_state_1_Canvas',
                            //                         animation_js: Core.options.settings.paths.animation_path + 'quiz_state_1_Canvas.js',
                            //                         container: $('.course_animation').find('canvas')[0],
                            //                         autostart: true,
                            //                         loop: true
                            //                     });
                            //                     if(!Core.helpers.empty(params.onOpen)){
                            //                         params.onOpen();
                            //                     }
                            //                 },
                            //                 onClose: function () {},
                            //                 type: 'clean_close',
                            //                 content: params.template,
                            //                 title: ''
                            //             });
                            //         } else {
                            //             Core.notifier.open({
                            //                 onOpen: function () {
                            //                     loadCreateJSAnimation({
                            //                         animation_name: 'quiz_state_1_Canvas',
                            //                         animation_js: Core.options.settings.paths.animation_path + 'quiz_state_1_Canvas.js',
                            //                         container: $('.course_animation').find('canvas').last()[0],
                            //                         autostart: true,
                            //                         loop: true
                            //                     });
                            //                     if(!Core.helpers.empty(params.onOpen)){
                            //                         params.onOpen();
                            //                     }
                            //                 },
                            //                 onClose: function () {},
                            //                 type: 'clean_close',
                            //                 content: params.template,
                            //                 title: '',
                            //                 custom_class: 'course_modal'
                            //             });
                            //         }
                            //     }
                            // });

                            course_obj.eventsHandler.addListener({
                                type: 'progressUpdate',
                                callback: function(course){
                                    // UPDATE PROGRESS
                                    $('.course_progress').html(Math.round(course_obj.options.data.course.progress*100) + '%');
                                    $('.student_progress_inner').animate({
                                        width: course.progress*100 + '%'
                                    }, 1000);
                                    $('.student_progress_inner').attr('aria-valuemax', 100);
                                    $('.student_progress_inner').attr('aria-valuenow', course.progress*100);
                                }
                            });

                            course_obj.eventsHandler.addListener({
                                type: 'stepUpdated',
                                callback: function(course){
                                    $('.course_progress').html(Math.round(course.progress*100) + '%');
                                    $('.student_progress_inner').animate({
                                        width: course.progress*100 + '%'
                                    }, 1000);
                                    $('.student_progress_inner').attr('aria-valuemax', 100);
                                    $('.student_progress_inner').attr('aria-valuenow', course.progress*100);
                                }
                            });

                            course_obj.eventsHandler.addListener({
                                type: 'courseFinished',
                                callback: function(params){
                                    $('#myb_assignment_back_to_teacher').popover({
                                        trigger: 'click',
                                        content: params.template,
                                        placement: 'bottom',
                                        html: true,
                                        title: '<button class="close_popover" aria-label="close"><img class="img-responsive" src="' + Core.options.settings.paths.cdn_path + '/assets/images/icn_close.svg" /></button>'
                                    });
                                    $('#myb_assignment_back_to_teacher').popover('show');

                                    $('#myb_assignment_back_to_teacher').on('hidden.bs.popover', function () {
                                        $(this).popover('destroy');
                                    });

                                    if(!Core.helpers.empty(params.onOpen)){
                                        params.onOpen();
                                    }

                                }
                            });

                            course_obj.eventsHandler.addListener({
                                type: 'MYB_course_deleted',
                                callback: function(params){
                                    // MYB COURSE DELETED. RESET BADGE
                                    $('.myb_course_badge_li .course_badge_image').attr('src', Core.options.settings.paths.images_path + 'badge_no_course_default.svg');
                                    $('.myb_course_badge_li .course_badge_image_hover').attr('src', Core.options.settings.paths.images_path + 'badge_no_course_hover_black.svg');
                                    $('.myb_course_badge_li_mobile .course_badge_image_mobile').attr('src', Core.options.settings.paths.images_path + 'mobile_badge_no_course_default.svg');
                                    $('.myb_course_badge_li_mobile .course_badge_image_mobile_hover').attr('src', Core.options.settings.paths.images_path + 'mobile_badge_no_course_onHover.svg');

                                    $('#myb_course_badge_img_button').popover('destroy');
                                    $('#myb_course_badge_img_button, #myb_course_badge_img_button_mobile').off().on('click', function(){
                                        // Core.resource_mgr.load.template({
                                        //     url: 'modules/Course/templates/courses/myb_assignments/intro_course.php',
                                        //     data: {
                                        //         img_path: Core.options.settings.paths.images_path
                                        //     },
                                        //     onSuccess: function(template){
                                        //         if($('#user_menu').is(':visible')){
                                        //             $('#user_menu').popover({
                                        //                 trigger: 'click',
                                        //                 content: template,
                                        //                 placement: 'bottom',
                                        //                 html: true,
                                        //                 title: '<button class="close_popover" aria-label="close"><img class="img-responsive" src="' + Core.options.settings.paths.cdn_path + '/assets/images/icn_close.svg" /></button>',
                                        //                 selector: '#user_menu'
                                        //             });
                                        //             $('#user_menu').popover('toggle');

                                        //             $('.popover .arrow').css('left', '79%');
                                        //             $('.popover').css('left', '-230px');
                                        //             $('.learn_about_training').off().on('click', function(){
                                        //                 window.location.href = '/basic-training/';
                                        //             });
                                        //         } else {
                                        //             Core.notifier.open({
                                        //                 onOpen: function () {
                                        //                     $('.modal-content').addClass('course_modal_content');
                                        //                     $('.learn_about_training').off().on('click', function(){
                                        //                         window.location.href = '/basic-training/';
                                        //                     });
                                        //                 },
                                        //                 onClose: function () {},
                                        //                 type: 'clean_close',
                                        //                 content: template,
                                        //                 title: '',
                                        //                 custom_class: 'course_modal'
                                        //             });
                                        //         }

                                        //     }
                                        // });
                                        // window.location.href = '/basic-training/';
                                    });
                                }
                            });

                            course_obj.eventsHandler.addListener({
                                type: 'backToTeacherPopover',
                                callback: function(params){
                                    $('#myb_assignment_back_to_teacher').popover({
                                        trigger: 'click',
                                        content: params.template,
                                        placement: 'bottom',
                                        html: true,
                                        title: '<button class="close_popover" aria-label="close"><img class="img-responsive" src="' + Core.options.settings.paths.cdn_path + '/assets/images/icn_close.svg" /></button>'
                                    });
                                    $('#myb_assignment_back_to_teacher').popover('show');

                                    $('#myb_assignment_back_to_teacher').on('hidden.bs.popover', function () {
                                        $(this).popover('destroy');
                                    });

                                    if(!Core.helpers.empty(params.onOpen)){
                                        params.onOpen();
                                    }

                                }
                            });

                            course_obj.eventsHandler.fire('loaded_' + course_obj.options.data.id, course_obj.options.data.course);

                            $('#myb_assignment_back_to_teacher').on('click', function(event){
                                event.preventDefault();
                                course_obj.trainingPlans[Core.options.settings.defs.COURSES.TYPES.MYBP_ASSIGNMENTS].navigate.fromStudentToTeacher();
                            });

                        }
                    }
                }



            }
        });
    });
</script>                <!-- NAV BAR -->
                


<div class="row navbar-row ">
    <div class="container-fluid">
        <nav class="navbar navbar-default" role="navigation">
            <div class="navbar-header">
                <div class="navbar-left">
                    <a class="navbar-brand" href="/">
                        <img class="logo_img img-responsive" src="https://cdn.brainpop.com/assets/images/logo.svg"  alt="BrainPOP Homepage">
                    </a>
                    
                </div>



                <div class="navbar-right">
                                        <div class="search_box navbar_search">
                        <form class="search_box_form" role="search">
                            <div class="search_input_container">
                                <label for="keyword" class="hidden_for_accessibility">Search in brainpop</label>
                                <input type="text" id="keyword" class="search_keywords" autocomplete="off" placeholder="Search" alt="search field" value="">
                                <span class="close_search" style="display: none"><img class="col-xs-24 img-responsive" src="https://cdn.brainpop.com/assets/images/icn_clear_x.svg" alt=""></span>
                            </div>
                            <a href="#" class="search_box_button search_button" id="search_button" title="search button">
                                <img src="https://cdn.brainpop.com/assets/images/search_icon.svg" class="buttons_images" border="0" alt="">
                            </a>
                        </form>
                    </div>
                    <div style='display: none;'>
                        <form id="frm_search" action="/search/" method="get">
                            <input type="hidden" name="keyword" id="frm_keyword" value="">
                        </form>
                    </div>
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
            </div>

        </nav>
    </div>
</div>             </div>
        </div>
        <div class="topic_page">
            <div class="row utility_bar">
               <div class="utility_bar_container">
                    <noscript>
    <div id="toast-container" class="toast-top-full-width" aria-live="polite" role="alert">
        <div class="toast toast-error" style="display: block;">
            <div class="toast-message">
                <div id="js_disabled" class="panel_name">
                    <div class="row">
                        <div class="toaster_message_div">
                            Please enable JavaScript on your browser. View our <a class="ub_links" href="http://educators.brainpop.com/faq/technical-support/">Tech Support FAQ</a> for more information.
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</noscript>
<script type="text/javascript">
    $(document).ready(function(){

        (function init(){
            if(global_content!==''){
                UtilityBar.init({
                    language : 'en',
                    product : 'brainpop',
                    context : 'content',
                    translations : global_content.translations
                });
            }else{
                setTimeout(function(){
                    init();
                }, 100);
            }
        })();
    });
</script>

<div class="modal fade bs-example-modal-sm modal_placholder" id="modal_placholder" tabindex="-1" role="alertdialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static"  aria-describedby="myModalLabel" aria-modal="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="utility-bar-close-container">
                <button aria-label="Close" type="button" class="utility-bar-close">
                    <img src="https://cdn.brainpop.com/assets/images/close_UB_modal.svg" alt="">
                    <img src="https://cdn.brainpop.com/assets/images/close_UB_modal_v2.svg" alt="">
                </button>
            </div>
            <div class="modal-body utility-bar-modal"></div>
        </div>
    </div>
</div>                </div>
            </div>

            <div class="row navbar_menu">
                <div class="collapse navbar-collapse" id="collapse">
                    <div class="search_box navbar_menu_search">
    <form class="search_box_form" role="search">
        <div class="search_input_container">
            <label for="keyword" class="hidden_for_accessibility">Search in brainpop</label>
            <input type="text" id="keyword_mobile" class="search_keywords nav_menu_search" autocomplete="off" placeholder="Search" alt="search field" value="">
            <span class="close_search" style="display: none"><img class="img-responsive" src="https://cdn.brainpop.com/assets/images/icn_clear_x.svg" alt=""></span>
        </div>
        <a href="#" class="search_box_button" id="search_button_mobile" title="search button">
            <img src="https://cdn.brainpop.com/assets/images/search_icon.svg" class="buttons_images" border="0" alt="">
        </a>
    </form>
</div>
<ul class="nav navbar-nav navbar-login-buttons">
    <!-- <li class="login_menu_buttons"> -->
        <!-- <ul class="nav navbar-nav" style="width: 100%"> -->
                            <li class="login_item navbar-menu-item">
                    <a id="login_b" class="login_button navbar_item" href="#" data-toggle="" data-parent="#utility_bar">LOG IN</a>
                </li>
                        <!-- SWITCH SCHOOL  -->
                                         <li class="login_item navbar-menu-item">
                    <a id="enter_code_b" class="enter_code_navber_button navbar_item" href="#" data-toggle="" data-parent="#utility_bar">ENTER CODE</a>
                </li>
                                                
       <!--  </ul>
    </li> -->
</ul>

                </div>
            </div>

            <!-- MOVIE TITLE -->
            <div class="row title_bar topic_title carrot">
                <div class="container-fluid">
                    <ul class="topic_title_buttons">
                        <li class="topic_title_subject_container">
                            <a class="topic_title_subject" href="#"><img class="button_images category_button" src=""></a>
                        </li>
                        <li class="seperator_container">
                            <div class='breadcrumb_seperator topic_separator'></div>
                        </li>
                        <li class="topic_title_unit_container">
                            <div class="unit_icon_container">
                                <a class="topic_title_unit" href="#">
                                    <img class="units_button" src="" />
                                </a>
                            </div>
                        </li>
                        <li class="seperator_container">
                            <div class='breadcrumb_seperator topic_separator'></div>
                        </li>
                        <li class="title_bar title_topic_name_container">
                            <h1 name="main" class="view_title title_topic_name"></h1>
                            <a id="accessibile_link" class="accessibile_link" href="#" style="display: none">Load accessible movie player</a>
                        </li>
                    </ul>
                </div>
            </div>

            
            <div class="row movie container-fluid" style="position: relative">
                                                <!-- MOVIE CONTAINER -->
                <div id="movie_container" class="topic_movie_container flex-video col-xs-24"  style="display: block">
                    <div id="myContent">
                        <div class='box movie_container_box'>
                            <div class='box-content'>
                                <div class="box-container">
                                    <span class="box-span movie-box-span">
                                        <div id="player" class="player movie_player">
                                            <div id="flash_movie"></div>
                                            <div id="ie_message" class="ie_message" style="display: none">
                                                <h1 class="h2-header">Movie Player Require Flash</h1>
                                                <p>Please download and install the latest version of <a href='https://get.adobe.com/flashplayer/' target='_blank' class='teal_link bold_face'>Adobe Flash Player</a>.</p>
                                            </div>
                                            <div id="html_video" class="html_video" style=""></div>
                                        </div>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                                                                    </div>
                    <div style="display: none;" id="assignment_token"></div>


                <div id="movie_button_container" class="row col-xs-24 movie_button_container">
                    <div class='feature_button_box'>
                        <div class='feature_button_box_content'>
                            <div class="feature_button_box_container">
                                <span class="feature_buttons_box_span">
                                    <ul id="movie_button_list_container" class="list-inline movie_button_list_container"></ul>
                                    <div id="movie_button_container_12_container" class="movie_button_container_12_container" style="display: none">
                                        <div id="movie_button_container_12" class="row col-xs-24 movie_button_container movie_button_container_12">
                                            <div class='feature_button_box'>
                                                <div class='feature_button_box_content'>
                                                    <div class="feature_button_box_container">
                                                        <span class="feature_buttons_box_span">
                                                            <button aria-label="close" id="close_more_features" class="close_more_features clear_button"><img class="img-responsive" src="https://cdn.brainpop.com/assets/images/icn_close_white.svg" alt=""></button>
                                                            <ul id="movie_button_list_container_12" class="list-inline movie_button_list_container movie_button_list_container_12"></ul>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>



                <!-- TOPIC DESCRIPTION -->
                <div id="topic_description_container" class="col-xs-24 topic_description_container science">
                    <div id="topic_description" class="topic_description">
                        <div id="topic_synopsis" class="topic_synopsis"></div>
                        <div class="sensitive_content_element" style="display: none;">
                            <button id="sensitive_button" type="button" data-placement="top" class="default_button clear_button sensitive_content popover_button" data-toggle="popover" data-title="true" aria-haspopup="true" data-original-title="" title="">
                                <img id="sensitive_content_icon" src="" />
                                <span class="sensitive_button_text"> Sensitive Content</span>
                            </button>
                            &nbsp;&nbsp;<span id="sensitive_content_devider" style="color: #333333">|</span>&nbsp;&nbsp;
                        </div>
                        <div id="transcript_link_container" class="transcript_link_container" style="display: none">
                            <a id="transcript_link" href="#" class="transcript_link no_access" >
                                <img width="20" height="20" src="https://cdn.brainpop.com/assets/images/icn_transcript.png">
                                <span class="movie_transcript_text">Movie Transcript</span>
                            </a>
                            &nbsp;&nbsp;<span id="transcript_divider" style="color: #333333">|</span>&nbsp;&nbsp;
                        </div>
                        <div id="topic_synopsys_show_full_description" style="display: none;">Full Description</div>
                        <!-- <div id="show_more_synopsis" class="show_more_synopsis" style="display: none">..more</div> -->
                    </div>
                    <!-- THEME  -->
                    <div id="theme_suggestion" class="theme_suggestion" style="display: none">
                        <div class="theme_tooltip question_tool_tip inline-block">
                            <button id="theme_tooltip" aria-label="more information" data-placement="top" type="button" class="tooltip_button popover_button" data-toggle="popover" data-title="true" data-content="BrainPOP Themes explore ideas and events that bring together diverse topics." data-original-title="" title="" >?</button>
                        </div>
                        <div class="theme_suggestion_container">
                            <div class="theme_suggestion_icon_container">
                                <img class="" src="https://cdn.brainpop.com/assets/images/theme_icon.png" alt="" style="width: 17px; height: 26px">
                                <span>THIS TOPIC IS PART OF THE THEME:</span>
                            </div>
                            <div class="theme_suggestion_list_container">
                                <ul class="theme_suggestion_list inline-list"></ul>
                            </div>
                        </div>
                    </div>
                                        <div class="teach_topic_container">
                        <div class="teach_topic_icon_container">
                            <img class="teach_topic_icon" src="https://cdn.brainpop.com/assets/images/educators_icon_teal.svg" alt="" style="width: 25px; height: 30px" alt="">
                            <!-- <svg class="teach_topic_icon" width="25" height="30"><use xlink:href="https://cdn.brainpop.com/assets/images/sprites/symbol/svg/sprite.symbol.svg#educators_icon_teal"></use></svg> -->
                            <span>TEACH THIS TOPIC</span>
                        </div>
                        <a id="lesson_ideas_link" href="" target="_blank" class="external_link lesson_ideas_link lesson_ideas_button default_button mermaid_treasure block_button">
                                LESSON IDEAS                                 <i aria-label="link opens in new tab" class="external_link_icon fa fa-external-link-square"></i>
                            </a>
                        <!-- <div class="lesson_ideas_button">

                        </div> -->
                                                <a id="create_quiz_link" href="" class="default_button mermaid_treasure block_button create_quiz_button" target="_blank">CREATE QUIZ </a>
                        <!-- <div class="create_quiz_button"> -->

                            <!-- <div type="button" class="button-default button-secondary create_quiz">

                            </div> -->
                        <!-- </div> -->
                                                                    </div>
                    <!-- -->
                </div>

            </div>

            <!-- NOT FOR PHONES SECTION -->
            <div class="row features_not_available_on_phones hidden mermaid_treasure">
                <div class="features_not_available_on_phones_icons"><img src=""></div>
                <div class="features_not_available_on_phones_description">
                    This topic includes [[feature_name]], available only on desktop and/or tablet.                </div>
                <div id="string_and"> and </div>
            </div>

            <!-- NOT FOR TABLET SECTION -->
            <div class="row features_not_available_on_tablet hidden mermaid_treasure">
                <div class="features_not_available_on_tablet_icons"><img src=""></div>
                <div class="features_not_available_on_tablet_description">
                    This topic includes [[feature_name]], available only on desktop.                </div>
            </div>

            <!-- RELATED MOVIES -->

            <div class="row related_movies">
                <div class="row title_bar deep_lagoon related_movies_title">
                <div class="container-fluid">
                    <h2 class="view_title">RELATED TOPICS</h2>
                </div>
                </div>
            <div class="row related_topic_list_container">
                <div class="row related_topics_container">
                    <div class="container-fluid">
                        <!-- MOBILE -->
                        <div class="related_topics_mobile">
                            <ul id="realted_mobile_topics_list" class="col-xs-24 realted_topics_list mobile_topics_list"></ul>
                        </div>
                        <!-- DESKTOP -->
                        <div id="related_topics_carousel" class="carousel slide related_topics_carousel" data-ride="carousel" data-interval="false">
                            <!-- Wrapper for slides -->
                            <div id="related_topics_carousel_inner" class="carousel-inner" role="listbox"></div>
                            <a class="left related_carousel_trigger" href="#related_topics_carousel" role="button" data-slide="prev">
                                <img src="https://cdn.brainpop.com/assets/images/icn_prevArrow.svg" alt="">
                            </a>
                            <a class="right related_carousel_trigger" href="#related_topics_carousel" role="button" data-slide="next">
                                <img src="https://cdn.brainpop.com/assets/images/icn_nextArrow.svg" alt="">
                            </a>
                        </div>
                        <a id="show_more_related" style="display: none" class="default_button carrot show_more_related">
                                SEE MORE RELATED TOPICS
                                <i class="fa fa-chevron-down" aria-hidden="true"></i>
                            </a>
                    </div>
                </div>
            </div>


             <!-- BREADCRUMB -->
            <div class='row breadcrumbs' style="background-color: #00CCCC;">
                <div class="container-fluid">
                    <ul class="unit_breadcrumb breadcrumb_container realted_mobile_topics_list">
                        <li>
                          <a class="breadcrumbs_link" href='/homepage' alt="BrainPOP Home Page">HOME</a>
                          <span class="divider" aria-hidden="true">&nbsp;>&nbsp;</span>
                        </li>
                        <li>
                            <a id="breadcrumbs_subject" class="breadcrumbs_subject breadcrumbs_link" href=""></a>
                            <span class="divider" aria-hidden="true">&nbsp;>&nbsp;</span>
                        </li>
                        <li>
                            <a id="breadcrumbs_unit" class="breadcrumbs_unit breadcrumbs_link" href=""></a>
                            <span class="divider" aria-hidden="true">&nbsp;>&nbsp;</span>
                        </li>
                        <li id="breadcrumbs_topic" class="breadcrumbs_topic active-breadcrumbs"></li>
                    </ul>
                </div>
            </div>
            <div class="row">
               <footer>
    <div class="footer-container">
        <div class="row footer-row-links">

            
            <div class="col-xs-24 footer-row">
                <!-- VISIT -->
                <h5 class="footer_mobile_header" data-toggle="collapse" data-parent="#accordion" href="#resources">Visit</h5>
                <a href="#" data-toggle="collapse" data-parent="#accordion" href="#resources" class="footer_row_anchor footer_row_anchor_open"><span>Open Menu</span></a>
                <a href="#" class="footer_row_anchor footer_row_anchor_close" style="display: none"><span >Close Menu</span></a>
                <h5 class='footer_list footer_desktop_header'>Visit</h5>
                <ul class="list-unstyled collapse footer-nav" id="resources">
                    <li><a class="footer_link" href='https://www.brainpop.com/' title="BrainPOP Homepage">BrainPOP</a></li>
                    <li><a class="footer_link" href='https://jr.brainpop.com/' title="BrainPOP Jr Homepage">BrainPOP Jr. (K-3)</a></li>
                    <li><a class="footer_link" href='https://ell.brainpop.com/' title="BrainPOP ELL homepage, for english language learners">BrainPOP ELL</a></li>
                    <li><a class="footer_link" href='https://esp.brainpop.com/' title="BrainPOP for Spanish">BrainPOP Espa&ntilde;ol</a></li>
                    <li><a class="footer_link" href='https://fr.brainpop.com/' title="BrainPOP for French">BrainPOP Fran&ccedil;ais</a></li>
                    <li><a class="footer_link" href='https://educators.brainpop.com/' title="BrainPOP Educators homepage, resources for teachers">BrainPOP Educators</a></li>
                </ul>
                <div class="footer_line"></div>
            </div>

            <!-- <div class="col-xs-24 footer-row">
                <span class='footer_list visible-xs' data-toggle="collapse" data-parent="#accordion" href="#international">
                    International
                </span>
                <span class='footer_list hidden-xs'>International</span>
                <ul class="list-unstyled collapse footer-nav" id="international">
                    <li><a class="footer_link" href='https://esp.brainpop.com/' alt="BrainPOP Espanol Homepage, Spanish language version of BrainPOP">Espa&ntilde;ol</a></li>
                    <li><a class="footer_link" href='https://www.brainpop.co.uk/' alt="BrainPOP UK Homepage, british language version of BrainPOP">British English</a></li>
                    <li><a class="footer_link" href='https://fr.brainpop.com/' alt="BrainPOP China Homepage, Mandarin Chinese language version of BrainPOP">Fran&ccedil;ais</a></li>
                    <li><a class="footer_link" href='https://www.brainpop.cn/' alt="BrainPOP China Homepage, Mandarin Chinese language version of BrainPOP">仍然</a></li>

                </ul>
                <div class="footer_line"></div>
            </div> -->
            <div class="col-xs-24 footer-row">
            <!-- SUBSCRIBE -->
                <h5 class="footer_mobile_header" data-toggle="collapse" data-parent="#accordion" href="#subscribe">Subscribe</h5>
                <a href="#" data-toggle="collapse" data-parent="#accordion" href="#resources" class="footer_row_anchor footer_row_anchor_open"><span>Open Menu</span></a>
                <a href="#" class="footer_row_anchor footer_row_anchor_close" style="display: none"><span >Close Menu</span></a>
                <h5 class='footer_list footer_desktop_header'>Subscribe</h5>
                <ul class="list-unstyled collapse footer-nav" id="subscribe">
                    <li><a class="footer_link" href='https://secure.brainpop.com/store/' title="New Subscription pages">Subscribe</a></li>
                    <li><a class="footer_link" href='https://www.brainpop.com/store/renew/' title="BrainPOP subscription renewal pages">Renew</a></li>
                    <li><a class="footer_link" href='https://www.brainpop.com/my-brainpop?activate' title="Activate My BrainPOP">Activate My BrainPOP</a></li>
                    <li><a class="footer_link" href='https://www.brainpop.com/subscription/' title="BrainPOP Subscription Management">Manage Subscription</a></li>
                    <li><a class="footer_link" href='https://www.brainpop.com/sso/' title="Single Sign-on Information" target="_blank">Single Sign-on</a></li>
                    <li><a class="footer_link" href='https://educators.brainpop.com/funding/' title="Funding information">Funding</a></li>
                </ul>
                <div class="footer_line"></div>
            </div>
            <div class="col-xs-24 footer-row">
                <!-- ABOUT -->
                <h5 class="footer_mobile_header" data-toggle="collapse" data-parent="#accordion" href="#support">About</h5>
                <a href="#" data-toggle="collapse" data-parent="#accordion" href="#resources" class="footer_row_anchor footer_row_anchor_open"><span>Open Menu</span></a>
                <a href="#" class="footer_row_anchor footer_row_anchor_close" style="display: none"><span>Close Menu</span></a>
                <!-- <h3 class="footer_mobile_header"><a class='footer_list visible-xs' data-toggle="collapse" data-parent="#accordion" href="#support">About</a></h3> -->
                <h5 class='footer_list footer_desktop_header'>About</h5>
                <ul class="list-unstyled collapse footer-nav" id="support">
                    <li><a class="footer_link" target="_blank" href='https://help.brainpop.com/' title="Help and Frequently Asked Questions">Help</a></li>
                    <li><a class="footer_link" href="/about/tour/" title="Information About BrainPOP Products and Features">Quick Tours</a></li>
                    <li><a class="footer_link"  target="_blank"  href='https://www.brainpop.com/about' title='Information and Press about BrainPOP'>About BrainPOP</a></li>
                    <li><a class="footer_link" href='https://educators.brainpop.com/academic-standards/' title='Academic Standards'>Standards</a></li>
                    <li><a class="footer_link" href='https://about.brainpop.com/research/' title='Research Resources'>Research</a></li>
                    <li><a class="footer_link" href='http://about.brainpop.com/jobs/' title='Jobs at BrainPOP'>Jobs</a></li>
                    <li><a class="footer_link" target="_blank" href='https://www.brainpop.com/contact/' title='Contact information for BrainPOP'>Contact us</a></li>
                </ul>
                <div class="footer_line"></div>
            </div>

            <div class="clearfix"></div>

            <div class='row copyrights'>
                <span class="user_footer">© 1999–2018 BrainPOP. All rights reserved.</span>
                <ul class="list-inline copyrights_list">
                    <li>
                        <a class="link_user_footer copyright_notice" href="https://www.brainpop.com/about/terms_of_use/" title="Terms and Conditions for BrainPOP">Terms of Use</a>
                    </li>
                    <li><span>&nbsp;|&nbsp;</span></li>
                    <li>
                        <a class="link_user_footer copyright_notice" href="https://www.brainpop.com/about/privacy_policy/" title="BrainPOP Privacy policy info">Privacy</a>
                    </li>
                    <li><span>&nbsp;|&nbsp;</span></li>
                    <li>
                        <a class="link_user_footer copyright_notice" href="https://www.brainpop.com/about/trademarks/" title="Trademark Information page">Trademarks & Copyrights</a>
                    </li>
                    <li><span>&nbsp;|&nbsp;</span></li>
                    <li>
                        <a class="link_user_footer copyright_notice" href="https://www.brainpop.com/site-map" title="Trademark Information page">Site Map</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</footer>

<!--  141  -->
<script type="text/javascript">
    // GA EVENTS
    $(document).ready(function() {
        $('.footer_link').off();
        $('.footer_link').on('click', function(event){
            event.preventDefault();
            core.tracker.trackEvent({
                category : 'FooterNavigationEvent',
                action : 'Footer Navigation Click',
                opt_label : $(this).html()
            });
            if($(this).attr('target') === "_blank"){
                window.open($(this).attr('href'),'_blank');return false;
            } else {
                window.location = $(this).attr('href');
            }
        });

        $('.footer_mobile_header').off();
        $('.footer_mobile_header').on('click',function(){
            if ($(this).siblings('.footer-nav').hasClass('in')){
                $(this).removeClass('footer_header_open');
                $(this).siblings('.footer_row_anchor_close').hide();
                $(this).siblings('.footer_row_anchor_open').show();
                setTimeout(function() {
                    if($('.list-unstyled').attr('style')) {
                        $('.list-unstyled').removeAttr('style');
                    }
                }, 200);
            }else{
                $(this).addClass('footer_header_open');
                $(this).siblings('.footer_row_anchor_close').show();
                $(this).siblings('.footer_row_anchor_open').hide();
            }
        });

        $('.footer_row_anchor').off();
        $('.footer_row_anchor').on('click', function(event){
            event.preventDefault();
            $(this).siblings('.footer_mobile_header').trigger('click');
            if ($(this).hasClass('footer_row_anchor_close')){
                $(this).siblings('.footer_row_anchor_open').focus();
            }else{
                $(this).siblings('.footer_row_anchor_close').focus();
            }
        });


    });
</script>
            </div>
        </div> <!-- container -->

        <!-- TEMPLATES -->
         <div class="templates" style="display: none">
             <li id="topic_item" class="item_on_list topic_item col-xs-24 col-sm-4 col-md-6">
    <a class="topic_path box_link" href="" alt="(Topic name) Topic; movie, and its associated readings and activities">
        <div class="item_container topic_container">
            <div class="circle-container icon_container">
                <div class="circle-div ">
                    <img class="topic_image img-responsive" alt=""/>
                </div>
            </div>
            <div class="item_name topic_name_container">
                <div class="topic_name"></div>
                <div class="topic_app_name"></div>
            </div>
        </div>
    </a>
</li>

<li id="topic_item_canvas" class="topic_item_container item_on_list topic_item col-xs-24 col-sm-4 col-md-6">
    <a href="" class="topic_path">
        <div class="topic_box box_shadow">
            <div class="col-xs-24 shared_topic_icon_container">
                <div class="shared_topic_icon_circle"></div>
                <div class="shared_topic_icon item_container topic_container">
                    <div class="circle-container icon_container ">
                        <div class="circle-div ">
                            <canvas class="topic_canvas canvas_position" width="40" height="40"></canvas>
                        </div>
                    </div>
                    <div class="topic_name_container">
                        <div class="item_name topic_name"></div>
                    </div>
                </div>
            </div>
        </div>
    </a>
</li>

<li id="topic_screenshot_item" class="desktop_related_item_list item_on_list topic_item related_topic_item hang_effect hang_active_effect">
    <a class="item_path" href="/" alt="">
        <div class="item_container">
            <div class="screenshot_container">
                <img class="img-responsive topic_screenshot" src="" alt="">
            </div>
            <div class="item_name_container">
                <div class="item_name"></div>
            </div>
        </div>
    </a>
</li>

 <div id="bpj_badge">
    <div class="default_tag_container">
        <div class="default_tag bp_badge"></div>
        <img class="bpj_icon" src="https://cdn.brainpop.com/assets/images/product_nav-brainpop_jr.svg" alt="">
    </div>
</div>

<div id="free_badge">
    <div class="ribbonContainer free_badge_ribbon">
        <div class="ribbonRight carrot"></div><!--
        --><div class="ribbonLeft carrot"></div>
        <div class="ribbonLabel free_badge_label">FREE</div>
    </div>
</div>

<div id="new_badge">
    <div class="ribbonContainer new_badge_ribbon">
        <div class="ribbonRight carrot"></div><!--
        --><div class="ribbonLeft carrot"></div>
        <div class="ribbonLabel new_badge_label">NEW</div>
    </div>
</div>

<div id="update_badge">
    <div class="ribbonContainer update_badge_ribbon">
        <div class="ribbonRight carrot"></div><!--
        --><div class="ribbonLeft carrot"></div>
        <div class="ribbonLabel update_badge_label">UPDATE</div>
    </div>
</div>            <!-- related movie -->

            <div id="related_item_carousel" class="item related_carousel_item">
                <ul class="related_item_carousel_list list-inline">

                </ul>
            </div>

            <!-- topic feature buttons -->
            <li id="feature_button_template" class='box col-xs-24 feature_button_container no_access'>
                <a href="" class="topic_feature_link no_access">
                    <div class='box-content feature_button_content'>
                        <div class="box-container">
                            <span class="box-span feature_buttons_span">
                                <div class="feature_button_icon_container">
                                     <img class="col-xs-24 img-responsive feature_button_image" role="img" aria-hidden="true" src="" />
                                     <img class="col-xs-24 img-responsive feature_button_image_active" src="" role="img" aria-hidden="true" />
                                </div>
                                <div class="feature_button_name_container">MOVIE</div>
                            </span>
                        </div>
                    </div>
                </a>
            </li>
            <!-- more feature buttons -->
            <li id="more_feature_button_template" class='box col-xs-24 feature_button_container more_feature_button no_access'>
                <div class='box-content feature_button_content'>
                    <div class="box-container">
                        <span class="box-span feature_buttons_span">
                            <button class="more_features_button deep_lagoon">
                                <div class="feature_button_icon_container">
                                     <img class="col-xs-24 img-responsive feature_button_image" role="img" aria-hidden="true" src="" />
                                     <img class="col-xs-24 img-responsive feature_button_image_active" src="" role="img" aria-hidden="true" />
                                </div>
                                <div class="feature_button_name_container">more features</div>
                            </button>
                        </span>
                    </div>
                </div>
            </li>
            <!-- topic feature buttons flash required and disabled/not instaled -->
            <li id="feature_button_template_Requires_Flash" class='box col-xs-24 flash_feature_button feature_button_container no_access'>
                <button class="feature_button_req_flash popover_feature sm popover_button clear_button" data-container="body" data-toggle="popover" data-placement="auto top" data-content="Please download, install, and enable the latest version of  <a class='external_link popover_link' target='_blank' href='https://get.adobe.com/flashplayer/'>Adobe Flash Player <i class='external_link_icon fa fa-external-link-square'></i></a>" data-original-title="" title="">
                    <div class='box-content feature_button_content'>
                        <div class="box-container">
                            <span class="box-span feature_buttons_span">

                                    <div class="feature_button_icon_container">
                                        <img class="col-xs-24 img-responsive feature_button_image feature_image_req_flash" src="" role="img" aria-hidden="true" />
                                    </div>
                                    <div class="feature_button_name_container">MOVIE</div>

                            </span>
                        </div>
                    </div>
                </button>
            </li>
            <!-- theme suggestion -->
            <li id="theme_suggestion_link" class="theme_item">
                <a href="" class="theme_link">
                    &#149; <span class="theme_link_name bold_face"></span>
                    (<span class="theme_resources"></span> Resources)
                </a>
            </li>
        </div>



        <div class="modal fade bs-example-modal-sm modal_black_overlay in" id="create_quiz_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="myModalLabel">You've accessed a My BrainPOP feature!</h4>
                    </div>
                    <div class="modal-body modal-body-gray">
                        <p class="modal-p">
                            <span class='modal_question'>If you have a BrainPOP teacher account, <a href='#' id='link_open_login_modal' class='teal_link bold_face'>log in</a>.<br><br>Learn how teachers can make BrainPOP-style assessments<br>
        by using the <a href='#' id='link_goto_quiz_mixer' class='teal_link bold_face'>Quiz Mixer</a> with a <a href='#' id='link_goto_mybrainpop' class='teal_link bold_face'>My BrainPOP</a> account.</span><br><br>                        </p>
                        <div class="row buttons_container">
                            <div class="row one_button_container">
                                <button type="button" class="default_button carrot" data-dismiss="modal" aria-label="Close">Close</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- THEME TOOLTIP -->
        <!-- div class="modal fade bs-example-modal-sm modal_black_overlay in" id="theme_tooltip" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-body modal-body-gray">
                        <p class="modal-p">
                            BrainPOP Themes explore ideas and events that bring together diverse topics.                        </p>
                        <div class="row buttons_container">
                            <div class="row one_button_container">
                                <button type="button" class="button-default button-primary" data-dismiss="modal" aria-label="Close">Close</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- NEWSELA MODAL -->
        <div id="newsela_modal" class="modal fade notification" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-body fish_milk">
                        You are leaving BrainPOP to view an article on Newsela.
                    </div>
                    <div class="modal-footer fish_milk">
                        <button class="default_button" data-dismiss="modal" aria-label="Close">cancel</button>
                        <a id="newsela_link" href="" target="_blank" class="default_button carrot external_link">ok <i aria-label="open in a new tab" class="external_link_icon fa fa-external-link-square"></i></a>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->

    </body>
</html>