<!doctype html>
<!--[if IE 7]>         <html itemscope itemtype="http://schema.org/Organization" class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if IE 8]>         <html itemscope itemtype="http://schema.org/Organization" class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]>         <html itemscope itemtype="http://schema.org/Organization" class="no-js ie9 lt-ie10" lang="en"> <![endif]-->
<!--[if gt IE 9]><!-->
<html itemscope itemtype="http://schema.org/Organization" class="no-js" lang="en">
 <!--<![endif]-->
 <head>
  <title>
Add to 10 with Images ( Video ) | Arithmetic
 | CK-12 Foundation</title>
  <meta property="og:site_name" itemprop="name" name="author" content="CK-12 Foundation">
  <meta property="fb:app_id" content="159884644067996">
  <meta itemprop="url" content="https://www.ck12.org">
  <meta itemprop="telephone" content="(650) 494-1302">
  <meta charset="utf-8">
  <!-- DNS Prefetching for domains -->
  <meta http-equiv="x-dns-prefetch-control" content="on">
  <link rel="dns-prefetch" href="//st1.ck12.org">
  <link rel="dns-prefetch" href="//st2.ck12.org">
  <link rel="dns-prefetch" href="//st3.ck12.org">
  <link rel="dns-prefetch" href="//img1.ck12.org">
  <link rel="dns-prefetch" href="//img2.ck12.org">
  <link rel="dns-prefetch" href="//img3.ck12.org">
  <link rel="dns-prefetch" href="//api-prod.ck12.org">
  <meta name="title" content="Add to 10 with Images ( Video ) | Arithmetic">
  <meta name="description" content="Overview">
  <meta name="google-play-app" content="app-id=org.ck12.app.practice">
  <meta name="apple-itunes-app-internal" content="app-id=909343639">
  <meta name="description" content="">
  <meta property="og:title" content="Add to 10 with Images">
  <meta property="og:type" content="website">
  <meta property="og:image" content="/media/test1picture.png">
  <meta property="og:url" content="https://www.ck12.org/c/elementary-math-grade-1/add-to-10-with-images/enrichment/Overview-of-Addition-Sums-to-10/">
  <meta property="og:description" content="Overview">
  <meta name="viewport" content="width=device-width">
  <meta name="google-site-verification" content="wHx0f-Udlfd7ZNYNrIXpJVpjjO8nSH5RE0jIX8V-jIM">
  <meta name="google-translate-customization" content="">
  <meta name="application-name" content="CK-12 Foundation">
  <meta name="msapplication-TileColor" content="#003300">
  <meta name="msapplication-TileImage" content="//img1.ck12.org/media/build-20180828193300/images/ck12-logo-livetile.png">
  <link rel="apple-touch-icon" href="//img1.ck12.org/media/build-20180828193300/images/ck12-logo-livetile-57x57.png">
  <link rel="apple-touch-icon" sizes="72x72" href="//img1.ck12.org/media/build-20180828193300/images/ck12-logo-livetile-72x72.png">
  <link rel="apple-touch-icon" sizes="114x114" href="//img3.ck12.org/media/build-20180828193300/images/ck12-logo-livetile-114x114.png">
  <link rel="shortcut icon" href="//img2.ck12.org/media/build-20180828193300/images/favicon.ico" type="image/x-icon">
  <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="CK-12 Foundation">
  <link rel="stylesheet" type="text/css" href="//st1.ck12.org/media/build-20180828193300/css/noty_theme_twitter.css">
  <link rel="stylesheet" type="text/css" href="//st3.ck12.org/media/build-20180828193300/css/jquery.noty.css">
  <link rel="stylesheet" type="text/css" media="all" href="//st2.ck12.org/media/build-20180828193300/common/css/master.css">
  <link rel="stylesheet" type="text/css" media="all" href="//st1.ck12.org/media/build-20180828193300/lib/jquery-ui/css/smoothness/jquery-ui-1.8.17.custom.css">
  <link type="text/css" rel="stylesheet" href="//st2.ck12.org/media/build-20180828193300/css/modalities.css">
  <link rel="stylesheet" type="text/css" media="all" href="//st2.ck12.org/media/build-20180828193300/modality/css/concept.css">
  <link rel="stylesheet" type="text/css" media="all" href="//st3.ck12.org/media/build-20180828193300/common/vendor/jquery-plugins/appdownload/css/jquery.appdownload.css">
  <link type="text/css" rel="stylesheet" href="//st2.ck12.org/media/build-20180828193300/css/details.css">
  <link rel="stylesheet" type="text/css" media="all" href="//st2.ck12.org/media/build-20180828193300/common/css/concept_coversheet.css">
  <link rel="stylesheet" href="//st3.ck12.org/media/build-20180828193300/css/boxstyle.css" type="text/css" media="screen">
  <link rel="stylesheet" type="text/css" media="all" href="//st3.ck12.org/media/build-20180828193300/duplicateUsernames/css/content.css">
  <script type="text/javascript">
var pageType = "Modality Details";
var pageSubType = "Video";
</script>
  <!-- CDN invalidation script -->
  <script src="/media/buildnumber.js"> </script>
  <!-- End CDN invalidation script -->
  <!-- Start Alexa Certify Javascript -->
  <script type="text/javascript">
    _atrk_opts = { atrk_acct:"iA1Pi1a8Dy00ym", domain:"ck12.org",dynamic: true};
    (function() { var as = document.createElement('script'); as.type = 'text/javascript'; as.async = true; as.src = "https://d31qbv1cthcecs.cloudfront.net/atrk.js"; var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(as, s); })();
    </script>
  <noscript>
   &lt;img src="https://d5nxst8fruw4z.cloudfront.net/atrk.gif?account=iA1Pi1a8Dy00ym" style="display:none" height="1" width="1" alt=""&gt;
  </noscript>
  <!-- End Alexa Certify Javascript -->
 </head>
 <body class="">
  <script type="text/javascript">
/* Check for app-context:
 * -- set the <html> data-app-context = {app-context}
 */
var _context = sessionStorage.getItem('app-context');
if (_context && _context === 'lti-app' && window.name !=="lms-context-override"){
    try {
	// Set data-app-context for css
        document.getElementsByTagName('html')[0].setAttribute('data-app-context','lti_app');
	// Set window lmsContext for js
	window.lmsContext='lti-app';
    } catch(e){
        console.log("Error setting lms app context:"+ String(e));
    }
}

function closeLTIHelpBanner(){
    try {
        document.getElementById('lti_help_banner').remove();
    } catch(e){
	console.log("Could not close banner:"+ String(e));
    }
}

/*
 *  Need to show a loading icon on some pages.
 *  - browse, library
 */
function loadingCheck(){
try {
    var pathname = window.location.pathname;
    if (/library|browse/.test(pathname)){
	// Create loading icon and append to body
	var loading_div = document.createElement("div");
	loading_div.setAttribute('id','lti-loading-icon');
	loading_div.setAttribute('class','loading-icon js-loading-icon');
	var img_el = document.createElement("img");
	img_el.setAttribute('alt','loading');
	img_el.setAttribute('src','/media/common/images/icon_loading.gif');

	loading_div.appendChild(img_el);
	document.body.appendChild(loading_div);

	if (document.readyState === 'complete'){
	    removeLoadingIcon();
	}

	document.addEventListener('readystatechange', function(evnt){
	    if (evnt.target.readyState ==='complete'){
		removeLoadingIcon();
	    }
	}, false);
    }

} catch(e){
    console.log("Error in loadingCheck: "+ String(e));
}
}

// Remove the loading icon after 2 seconds
function removeLoadingIcon(){
try {
    window.setTimeout(function(){
        $('#lti-loading-icon').remove();
	console.log("removed loading icon");
    }, 1500);
} catch(e){
    console.log("Error in removeLoadingIcon: "+ String(e));
}
}
</script>
  <script type="text/javascript">
// GA global object
var _gaq = _gaq || [];
// GTM dataLayer for global data push
dataLayer = [];


var pageType = pageType || "";
var pageSubType = pageSubType || "";
var gtm_pageType = pageType;
var gtm_pageSubType = pageSubType;
</script>
  <!-- Google Tag Manager -->
  <noscript>
   <iframe src="//www.googletagmanager.com/ns.html?id=GTM-NFJ3V2" height="0" width="0" style="display:none;visibility:hidden"></iframe>
  </noscript>
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NFJ3V2');</script>
  <!-- End Google Tag Manager -->
  <header class="ff4-compt original-nav ">
   <div id="browserDetect" class="text-center hide" style="background-color:#FFEFAE;">
    <span id="browserVersion"></span>
    <a>Dismiss</a>
   </div>
   <a id="skip-navigation" href="#anchor-content"><img src="//img2.ck12.org/media/build-20180828193300/common/images/1x1.gif" width="1" height="1" alt="Skip Navigation"></a>
   <nav class="hide-small top-bar-section top-nav">
    <section class="top-bar row user-settings">
     <!--
            <div class='mid-header-banner'>
			</div>
            -->
     <ul class="right user-info hidden">
      <!-- If not signed in -->
      <li class="signin"><a id="top_nav_signin" title="Sign in with your Email, Facebook, Google, Twitter or Microsoft Live account" class="js-sign-in">Sign In</a></li>
      <li class="join"><a id="top_nav_join" href="https://www.ck12.org/auth/signup/student?requestor=https%3A//www.ck12.org/c/elementary-math-grade-1/add-to-10-with-images/enrichment/Overview-of-Addition-Sums-to-10/%3Freferrer%3Dconcept_details&amp;returnTo=https%3A//www.ck12.org/c/elementary-math-grade-1/add-to-10-with-images/enrichment/Overview-of-Addition-Sums-to-10/%3Freferrer%3Dconcept_details" title="Create an Account with CK-12" rel="nofollow">Join</a></li>
      <li class="menu-help"><a id="top_nav_help" href="http://help.ck12.org" title="Help" target="new">Help</a></li>
      <li class="menu-donate"> <a id="top_nav_donate" href="https://www.ck12info.org/about//donate/?source=ck12_top_nav" title="Donate" class="ga-track"> <span>Donate</span> <i class="icon-heart"></i> </a> </li>
     </ul>
    </section>
   </nav>
   <nav class="top-bar row side-bar-expanded">
    <ul class="title-area text-center">
     <li class="name left"> <a id="nav_logo" href="/" title="CK-12 Foundation Home" class="logo-img"> <img src="//img2.ck12.org/media/build-20180828193300/common/images/logo_ck12.svg" alt="CK-12" itemprop="logo"> </a> </li>
     <li class="pointer hidden hide-one back-icon left show-small"><i class="icon-arrow"></i></li>
     <li class="left ph-back hide"><i class="icon-arrow"></i></li>
     <li class="ellipsis page-title show-small"></li>
     <li id="side-reveal-icon" class="pointer side-reveal menu-icon"><i class="icon-more"></i></li>
    </ul>
    <section class="relative top-bar-section">
     <ul id="top-bar-left-section" class="left top-navigation-list" data-magellan-expedition="relative" data-magellan-top-offset="1000000000000">
      <li class="show-small search-field-parent small">
       <div id="side_nav_search" class="left search-field-container-small">
        <input type="text" value="" placeholder="Search for free resources" class="search-small search-input" data-autocompleteclass="search">
        <span id="loading-search-small" class="custom-loading-search-small right hide js-loading-icon"> <img alt="loading" src="//img3.ck12.org/media/build-20180828193300/common/images/loading.gif"> </span>
        <div class="left pointer search-button-small js-search-content">
         <i class="icon-search"></i>
        </div>
       </div> </li>
      <li class="original-nav-container">
       <ul>
        <li data-magellan-arrival="header_dashboard"> <a id="nav_features_dashboard" data-href="/features#dashboard" title="Dashboard" class="js-link js-feature-link"> <span class="menu-item-img icon-dashboard2"></span> <span class="menu-item-title">Dashboard</span> </a> </li>
        <li data-magellan-arrival="header_groups"> <a id="nav_features_groups" data-href="/features#group" title="Classes" class="js-link js-feature-link"> <span class="menu-item-img icon-groups"></span> <span class="menu-item-title">Classes</span> <span class="nav-groups-classes hide-for-small">(Groups)</span> </a>
         <div class="nav-groups-classes-mob show-for-small">
           Previously called Groups.
         </div> </li>
        <li data-magellan-arrival="header_library"> <a id="nav_features_library" data-href="/features#library" title="Library" class="js-link js-feature-link"> <span class="menu-item-img icon-backpack"></span> <span class="menu-item-title">Library</span> </a> </li>
        <li class="forum-header-link" data-magellan-arrival="header_forums"> <a id="nav_forums" href="/forums/" title="Cafe"> <span class="menu-item-img icon-comments"></span> <span class="menu-item-title">Cafe</span> </a> </li>
       </ul> </li>
      <li class="browse-header-link hide-for-lti-context" data-magellan-arrival="header_browse"> <a id="nav_browse" href="/browse/" title="Browse" class="js-link"> <span class="menu-item-img icon-lightbulb2"></span> <span class="menu-item-title">Browse</span> </a> </li>
      <li id="lti_search" class="show-for-medium show-for-lti-context hide-important">
       <div id="lti_context_search_container">
        <input type="text" class="search-field search-input js-search-large ui-autocomplete-input" value="" placeholder="Search for free STEM teaching resources" data-autocompleteclass="search" autocomplete="off">
       </div> </li>
      <li id="search" class="show-for-medium hide-for-lti-context"> <a id="nav_search_icon" title="Search"> <span class="menu-item-img icon-search"></span> <span class="menu-item-title">Search</span> </a> </li>
      <li class="show-small"> <a id="side_nav_help" href="http://help.ck12.org" title="Help"> <span class="menu-item-img icon-help2"></span> <span class="menu-item-title">Help</span> </a> </li>
      <li class="show-small"> <a id="side_nav_donate" href="https://www.ck12info.org/about//donate/?source=ck12_sidemenu" title="Donate"> <span class="menu-item-img icon-heart"></span> <span class="menu-item-title">Donate</span> </a> </li>
      <li id="user-status" class="user link-container show-small">
       <ul>
        <li class="join-link-small"> <a id="side_nav_join" href="https://www.ck12.org/auth/signup/student?requestor=https%3A//www.ck12.org/c/elementary-math-grade-1/add-to-10-with-images/enrichment/Overview-of-Addition-Sums-to-10/%3Freferrer%3Dconcept_details&amp;returnTo=https%3A//www.ck12.org/c/elementary-math-grade-1/add-to-10-with-images/enrichment/Overview-of-Addition-Sums-to-10/%3Freferrer%3Dconcept_details" title="Create an Account with CK-12"> <span class="menu-item-img icon-user_join"></span> <span class="menu-item-title">Join</span> </a> </li>
        <li> <a id="side_nav_signin" title="Sign in with your Email, Facebook, Google, Twitter or Microsoft Live account" class="js-sign-in"> <span class="menu-item-img icon-signin"></span> <span class="menu-item-title">Sign In</span> </a> </li>
       </ul> </li>
     </ul>
     <ul class="right top-bar-right-section hide-small-important search-for-large hide-for-medium">
      <li class="search-field-parent large">
       <div id="nav_search" class="right search-field-container-large">
        <input type="text" value="" placeholder="What do you want to learn today?" class="search-large header-search search-input js-search-large" data-autocompleteclass="search">
        <span id="loading-search" class="custom-loading-search right hide js-loading-icon"> <img alt="loading" src="//img3.ck12.org/media/build-20180828193300/common/images/loading.gif"> </span>
        <div class="left pointer search-button-large js-search-content">
         <i class="icon-search"></i>
        </div>
       </div> </li>
     </ul>
    </section>
   </nav>
   <div id="searchBrowseContainer" class="container_12 relative">
    <ul id="searchContainer" class="row hide-for-large-up hide-for-small search-field-parent hide-important">
     <li class="search-wrapper left">
      <div id="searchComponent" class="large-10 small-12 columns">
       <div id="nav_search_medium" class="left search-field-container">
        <input type="text" class="search-field search-input js-search-large" value="" placeholder="What do you want to learn today?" data-autocompleteclass="search">
        <span id="loading-search-medium" class="custom-loading-search-medium right hide js-loading-icon"> <img alt="loading" src="//img3.ck12.org/media/build-20180828193300/common/images/loading.gif"> </span>
        <div class="left pointer search-button js-search-content">
         <i class="icon-search"></i>
        </div>
       </div>
       <div id="searchClose" class="right pointer">
        <span class="close-icon"></span>
       </div>
      </div> </li>
    </ul>
   </div>
  </header>
  <div class="header-space hide-small-important"></div>
  <div id="softRegWrapper" class="grey-back"></div>
  <div id="lti_help_banner" class="row hide modality_details">
   <div id="lti_banner_msg_container" class="small-12 columns alert_big notice">
    <i class="icon-notice"></i>
    <span id="lti_banner_message">Click <span class="lti_assign_message">Create Assignment</span> to assign this modality to your LMS.</span>
   </div>
   <a class="close-lti-help-banner js-close-lti-help-banner right" onclick="closeLTIHelpBanner()"> <i class="close-icon"></i> </a>
  </div>
  <div id="content-container">
   <a name="anchor-content"></a>
   <div id="breadcrumbWrapper" class="row collapse breadcrumb-container hide"></div>
   <div id="content-area" class="content-wrap row" itemscope itemtype="http://schema.org/WebPage">
    <div id="contentwrap" data-concept-url="/c/elementary-math-grade-1/add-to-10-with-images" class="">
     <div class="grey-back">
      <div class="relative desktop_view">
       <div class="desktop_view row collapse desktop-view_margin modalities-common modalities-header-wrapper modality-details-row">
        <div class="column large-12">
         <!-- Modality details which is old revision -->
         <div class="row collapse revision-notofication-wrapper hide">
          <div class="notificationwrap clearfix">
           <div id="js_old_fb_notification" class="notification">
             You are viewing an older version of this Enrichment.
            <a class="notificationlink" href="">Go to the latest version.</a>
           </div>
          </div>
         </div>
         <div class="row collapse concept-wrapper">
          <div class="left concept-info-wrapper">
           <div class="left text-center concept_top_icon hide-small">
            <span title="Elementary Math Grade 1" class="icon-elementary-math-grade-1"></span>
           </div>
           <div class="left concept_info_label">
            <h1 id="artifact_title" class="row collapse artifact_title artifact_title_modality_details"> <a style="margin-left:3px; cursor:default">
              <svg width="26" height="26">
               <circle cx="13" cy="13" r="13" fill="#cccccc" />
               <path d="M16 6 L8 14" stroke="white" stroke-width="3" />
               <path d="M16 20 L8 12" stroke="white" stroke-width="3" />
              </svg> </a> <a style="margin-left:3px;" title="Next: Subtracting by Crossing Out with Pictures" href="/c/elementary-math-grade-1/subtracting-by-crossing-out-with-pictures">
              <svg width="26" height="26">
               <circle cx="13" cy="13" r="13" fill="#00aba4" />
               <path d="M10 6 L18 14" stroke="white" stroke-width="3" />
               <path d="M10 20 L18 12" stroke="white" stroke-width="3" />
              </svg> </a> <br> <span class="artifact_title_text" itemprop="name">Add to 10 with Images</span> </h1>
           </div>
           <h2 class="artifact_description artifact_description_details">Count images to get the total quantity. (Sum up to 10)</h2>
          </div>
          <!-- practice badge markup starts -->
          <div class="practice-badge-wrapper">
           <div class="practice-badge hide" data-encodedid="" data-handle="" id="practiceBadge">
            <div class="practice-badge-container large hide-for-small">
             <div class="img-bg">
              <img src="//img2.ck12.org/media/build-20180828193300/images/modality_generic_icons/practice_image.png" alt="Atoms Practice" style="height: 91px;">
             </div>
             <div class="row collapse">
              <div class="columns small-5 practice-badge-column">
               <div class="pie-container">
                <div class="inner-circle">
                </div>
                <div class="hold">
                 <div class="pie"></div>
                 <div class="pie"></div>
                </div>
                <div class="content">
                 <span class="large-text">%</span>
                </div>
               </div>
               <div class="text-center capitalize bottom pie-container-label">
                Progress
               </div>
              </div>
              <div class="columns small-7 practice-badge-column">
               <div class="practice-badge-detail">
                <div class="top-section">
                 <div class="icon-container hide">
                  <i class=""></i>
                 </div>
                 <div class="description"></div>
                </div>
                <div class="memory-boost-section hide">
                 <div class="row">
                  <div class="columns small-5">
                   &nbsp;
                  </div>
                  <div class="boost-icon columns small-1"></div>
                  <div class="columns small-6">
                   &nbsp;
                  </div>
                 </div>
                 <div class="row">
                  <div class="columns small-1">
                   &nbsp;
                  </div>
                  <div class="boost-message columns small-9"></div>
                  <div class="boost-tooltip tooltip-icon icon icon-help_icon columns small-2"></div>
                 </div>
                 <div class="boost-tooltip tooltip-info hide">
                  <div class="boost-tooltip tooltip-title">
                   MEMORY METER
                  </div>
                  <div class="boost-tooltip tooltip-msg">
                   This indicates how strong in your memory this concept is
                  </div>
                 </div>
                </div>
                <div class="bottom">
                 <div class="badge-option-container">
                  <div class="button tangerine standard redirect-button hide-for-lti-context">
                   <span class="button-text">Practice</span>
                   <span class="js-badge-pipe badge-pipe"></span>
                   <i class="js-badge-icon icon-arrow_right"></i>
                  </div>
                  <div class="more-badge-option js-more-badge-option hide">
                   <ul class="more-badge-list-option">
                    <li class="js-preview-btn" data-render="preview">Preview</li>
                    <li class="js-assign-btn" data-render="assign">Assign Practice</li>
                   </ul>
                  </div>
                  <div class="button tangerine standard show-for-lti-context js-preview-btn" sytle="display:inline-block;">
                   <span class="button-text js-preview-btn">Preview</span>
                   <i class="icon-arrow_right"></i>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="small practice-badge-container">
             <div class="table text-center">
              <div class="table-cell capitalize hide best-score-block pie-container-label text-right">
               Progress
              </div>
              <div class="table-cell hide graph-block">
               <div class="pie-container">
                <div class="inner-circle">
                </div>
                <div class="hold">
                 <div class="pie"></div>
                 <div class="pie"></div>
                </div>
               </div>
              </div>
              <div class="table-cell small-score hide">
               %
              </div>
              <div class="table-cell tangerine redirect-button">
               <i></i>
               <span class="small-button-text">Practice Now</span>
              </div>
             </div>
            </div>
           </div>
          </div>
          <!-- practice badge markup ends -->
          <!-- Assign to class button for mobile -->
         </div>
        </div>
        <!-- concept dropdown markup -->
       </div>
       <div id="concept_list_container" class="hide concept_list_container">
        <div class="row collapse concept_list_header">
         <div class="left concept_list_header_wrapper">
          <a href="/arithmetic/" title="Arithmetic" class="topic_title">Arithmetic</a>
          <i class="icon-arrow3_right"></i>
          <span class="topic_title name_wrap" title="Whole Numbers">Whole Numbers</span>
          <div id="concept_list_count" class="row collapse hide-small concept_list_count"></div>
         </div>
         <div class="right pointer concept-close-icon js-concept-close-icon">
          <i class="close-icon"></i>
         </div>
        </div>
        <div class="relative concept_list_wrapper">
         <span id="concept_line" class="concept_line">&nbsp;</span>
         <span id="top_button" class="concept_button top_button js-concept_button">...</span>
         <div>
          <ul id="concept_list" class="row collapse relative concept_list" data-encodedid="MAT.ARI.100"></ul>
         </div>
         <span id="bottom_button" class="concept_button bottom_button js-concept_button">...</span>
        </div>
       </div>
      </div>
      <div class="desktop_view">
       <div id="modality_filters_container" class="row collapse desktop-view_margin modality_filters_container">
        <div class="modalities_top_container">
         <div class="hide-for-small row collapse">
          <div class="column small-12">
           <a href="/c/elementary-math-grade-1/add-to-10-with-images#all" class="modality-return"><i class="icon-arrow arrow-return"></i> All Modalities</a>
          </div>
         </div>
         <div class="modalities-common">
          <ul id="modality_filters_list" class="hide">
           <li class="mdoalityfilterdropmenuwrap hide"> <a class="lnk_modality_filter"> <i class="icon-arrow3_right"></i> <span class="group_label"> <span>More</span> <br class="show-small"> <span>(</span><span id="more-concept-count"></span><span>)</span> </span> </a>
            <ul id="modality_extra_filter_list" class="drop-menu hide"></ul> </li>
          </ul>
          <ul class="modality-actions-mobile show-for-small row">
           <li class="column small-5 modality-actions-all-mod-link"><a href="/c/elementary-math-grade-1/add-to-10-with-images#all"><i class="icon-arrow"></i> All Modalities</a></li>
           <li class="column small-5 hide-for-lti-context hide-important"><a class="js-shareGroupLink right" data-sharetype="group" data-artifactid="1867153" title="Share with Classes">Share with Classes</a> </li>
          </ul>
         </div>
        </div>
       </div>
      </div>
      <div class="desktop_view quick-assignment-notification">
      </div>
      <div class="desktop_view">
       <div id="modalities_container" class="contentarea modalities-common">
        <section class="clearfix">
         <div class="clear"></div>
         <!-- Schema.org properties -->
         <meta itemprop="description" content="Overview">
         <meta itemprop="interactivityType" content="mixed">
         <meta itemprop="provider" content="CK-12 Foundation">
         <meta itemprop="url" content="https://www.ck12.org/c/elementary-math-grade-1/add-to-10-with-images/enrichment/Overview-of-Addition-Sums-to-10/">
         <meta itemprop="dateCreated" content="2015-01-23T11:50:07-08:00">
         <meta itemprop="dateModified" content="2015-01-23T11:50:07-08:00">
         <meta itemprop="datePublished" content="2015-01-23T03:50:07-08:00">
         <meta itemprop="version" content="1">
         <meta itemprop="useRightsURL" content="http://creativecommons.org/licenses/by-nc/3.0/">
         <meta itemprop="learningResourceType" content="Video">
         <meta itemprop="intendedEndUserRole" content="student">
         <div class="row collapse">
          <div class="hide-for-small modalitysidebar-wrapper large-2 columns ">
           <div class="modalitysidebar">
            <div class="dividerwrap start hide">
             <div class="divider">
              <div class="top"></div>
             </div>
            </div>
            <ul>
             <li class="modality-info assign-to-class hide hide-for-lti-context"> <a title="Assign to Class" class="assign_to_class">Assign to Class</a><span class="assign-info-img icon-Info"></span>
              <div id="reveal-overlay" class="reveal-modal-bg"></div></li>
             <!-- This change is for VIDEO MODALITY -->
             <li class="modality-info hide show-for-lti-context"> <a title="Create Assignment" class="assign_to_lms">Create Assignment</a><span class="assign-info-img icon-Info"></span></li>
             <li> <a id="add_to_library" title="Add to Library"> Add to Library </a> </li>
             <li class="hide-for-lti-context hide-important"> <a class="js-shareGroupLink" data-sharetype="group" data-artifactid="1867153" title="Share with Classes">Share with Classes</a> </li>
             <li> <a class="js_modality_details js_block_show" data-toggle=".js_metadata_toggle" data-container=".js_metadata_container" href="javascript:void(0);" title="Show Details">Details</a> </li>
             <li> <a class="js_modality_resources js_block_show" data-toggle=".js_resources_toggle" data-container=".js_resources_container" href="javascript:void(0);" title="Show Resources">Resources</a> </li>
            </ul>
            <div class="dividerwrap end">
             <div class="divider">
              <div class="top"></div>
             </div>
             <div class="divider">
              <div class="bottom"></div>
             </div>
            </div>
           </div>
          </div>
          <div class="small-12 large-10 columns">
           <div class="row collapse modalitycontentwrap modality-details-row">
            <div class="modalitycontentouterwrap">
             <div class="modalitycontentinnerwrap">
              <div class="row collapse">
               <div class="modalitylabel group_multimedia">
                <div class="title break-word titleonly">
                  Overview of Addition (Sums to 10)
                </div>
               </div>
              </div>
              <div class="modalitycontent clearfix">
               <div class="modality_resource_desc">
                 Overview
               </div>
               <div class="spacetoplarge">
               </div>
               <div class="flex-video">
                <div itemprop="video" itemscope itemtype="http://schema.org/VideoObject">
                 <meta itemprop="image" content="https://s3.amazonaws.com/ck12bg.ck12.org/curriculum/107522/thumb_540_50.jpg">
                 <meta itemprop="url" content="/flx/show/video/Addition-up-to-sum-10-Overview">
                 <iframe name="150444" class="x-ck12-customembed" width="95%" height="95%" src="/c//com/ustadmobile/lib/contentscrapers/ck12/embed-genie.txt" frameborder="0"> </iframe>
                </div>
               </div>
              </div>
              <div class="detailswrap" data-details="True">
               <!-- START METADATA VIEW -->
               <h3 class="js_block_toggle js_metadata_toggle" data-toggle=".js_metadata_toggle" data-container=".js_metadata_container"> <span class="show">Show</span><span class="noshow hide">Hide</span> Details <span class="tip"></span> </h3>
               <div class="divider"></div>
               <div class="js_metadata_container annotation-content-container" id="js_metadata_container_mjax" style="display:none;">
                <div class="metadataview">
                 <div class="left">
                  <!-- Artifact Summary -->
                  <section>
                   <h2 class="toptitle spacetopmedium">Description</h2>
                   <div class="articleinfowrap js_moreinfo">
                    <div itemprop="description" id="artifact_summary">
                      Overview
                    </div>
                   </div>
                  </section>
                  <section>
                   <!-- Authors List -->
                   <!-- Contributors List -->
                   <!-- Editors List -->
                   <!-- Translators List -->
                   <!-- Reviewer List -->
                   <!-- Technical Reviewer List -->
                  </section>
                  <section>
                   <!-- Objectives -->
                  </section>
                  <section>
                   <!-- Source List -->
                  </section>
                  <!-- Related Materials -->
                  <section id="related" class="relatedmaterials">
                  </section>
                  <section>
                   <div class="spacetopmedium">
                    <h2 class="toptitle">Difficulty Level</h2> At Grade
                   </div>
                   <!-- Grades -->
                   <div id="modality_grades_wrapper">
                   </div>
                  </section>
                 </div>
                 <div class="right">
                  <section>
                   <div class="spacetopmedium">
                    <h2 class="toptitle infoitemname">Date Created:</h2>
                    <span class="js_local_date" data-date="2015-01-23T11:50:07-08:00"></span>
                   </div>
                   <div>
                    <h2 class="toptitle infoitemname">Last Modified:</h2>
                    <span class="js_local_date" data-date="2015-01-23T11:50:07-08:00"></span>
                   </div>
                  </section>
                  <section>
                   <!-- Subjects -->
                   <div id="modality_subjects_wrapper">
                    <div class="spacetopmedium">
                     <section>
                      <div class="alternate-h2 toptitle">
                        Subjects:
                      </div>
                      <div class="keywordlist">
                       <a class="keyworditem" href="/search/?q=&amp;subject=mathematics" title="mathematics"><span itemprop="keywords"> mathematics </span></a>
                       <div class="clear"></div>
                      </div>
                     </section>
                    </div>
                    <div class="clear"></div>
                   </div>
                  </section>
                  <section>
                   <!-- Tags -->
                   <div id="modality_search_wrapper">
                   </div>
                  </section>
                  <section>
                   <!-- Tags -->
                   <div id="modality_tags_wrapper">
                   </div>
                  </section>
                  <!-- Other Details -->
                  <section>
                   <!-- Standards Correlations (Replaced States - SLING) -->
                   <div class="spacetopmedium js_standardboards_container hide" data-loadurl="/ajax/artifact/standardboards/1867153/">
                   </div>
                   <div class="clear"></div>
                   <!--<h2>Other Details</h2>-->
                   <!-- Concept Nodes -->
                   <div id="modality_concept_node_wrapper">
                    <section class="spacetopmedium">
                     <h2 class="toptitle"> Concept Nodes: </h2>
                     <div class="articleinfowrap">
                      <a title="MAT.ARI.103.0101 (Add to 10 with Images - Elementary Math Grade 1) " href="/search/?q=Add to 10 with Images&amp;type=concept" itemprop="keywords" data-encodedid="MAT.ARI.103.0101">MAT.ARI.103.0101 (Add to 10 with Images - Elementary Math Grade 1)</a>
                      <a title="MAT.ARI.103.0105 (Adding Two Numbers (Sums to 10) - Word Problems - Elementary Math Grade 2) " href="/search/?q=Adding Two Numbers (Sums to 10) - Word Problems&amp;type=concept" itemprop="keywords" data-encodedid="MAT.ARI.103.0105">MAT.ARI.103.0105 (Adding Two Numbers (Sums to 10) - Word Problems - Elementary Math Grade 2)</a>
                     </div>
                    </section>
                    <div class="clear"></div>
                   </div>
                  </section>
                 </div>
                 <div class="clear"></div>
                </div>
                <div class="spacetop"></div>
                <div class="divider"></div>
               </div>
               <div class="after_metadata">
                <div class="clear"></div>
                <div class="resourcesview hide-for-small">
                 <h3 class=" js_block_toggle js_resources_toggle" data-toggle=".js_resources_toggle" data-container=".js_resources_container"> <span class="show">Show</span><span class="noshow hide">Hide</span> Resources <span class="tip"></span> </h3>
                 <div class="divider thin"></div>
                 <div class="js_resources_container" style="display: none">
                  <!-- Resources -->
                  <section class="resource_actions resource_wrapper">
                  </section>
                  <section class="resources_container clickload" data-loadurl="/ajax/resource_list/c/enrichment/Overview-of-Addition-Sums-to-10/r1/?artifact_id=1867153&amp;editable=&amp;owned=False&amp;artifact_revision_id=3004887">
                  </section>
                 </div>
                </div>
               </div>
               <!-- /END METADATA VIEW -->
              </div>
             </div>
             <!-- /END modalitycontentinnerwrap -->
            </div>
            <!-- /END modalitycontentouterwrap -->
           </div>
          </div>
         </div>
        </section>
       </div>
      </div>
      <div class="desktop_view">
       <div class="small-12 columns">
        <div class="column large-12 review-list-wrapper">
         <div id="review_list_container" class="relative js_loadlater" data-native="flxweb.modality.read.initreviewlist" data-lazyload="1">
          <!-- Bottom Artifact Review Feedback -->
          <div class="reviewswrap">
           <a id="feedback"></a>
           <div class="alternate-h1 reviewstitle spacetopxxlarge">
            Reviews
           </div>
           <div class="reviewsdivider hide-for-small"></div>
           <div>
            <div id="reviews" class="listitem clearfix reviewslist">
             <div id="reviewsSummary">
              <!-- the artifact reviews summary goes here -->
             </div>
             <div id="reviewsList">
              <!-- all the reviews show up here -->
             </div>
            </div>
           </div>
          </div>
          <!-- /Bottom Artifact Review Feedback -->
          <!-- Artifact Voting -->
          <!-- Artifact Voting -->
          <div id="myreview"></div>
          <!-- /Artifact Voting -->
         </div>
        </div>
       </div>
      </div>
      <div class="desktop_view">
       <div class="small-12 columns">
        <div class="backtotop clear">
         Back to the
         <a href="#" id="back_to_top_page" title="Back to top of the page">top of the page ↑</a>
        </div>
        <div class="divider"></div>
        <div class="gclear"></div>
       </div>
      </div>
     </div>
    </div>
   </div>
   <div id="sharePlaneWrapper" class="row relative share-plane-container hide">
   </div>
   <!-- own contents go here -->
   <div class="row collapse" id="profilebuilder-content"></div>
   <div class="row collapse" id="ck12-license-container"></div>
   <div class="row collapse hide" id="notification_popup"></div>
  </div>
  <div class="footer-space hide-for-lti-context"></div>
  <footer id="footer" class="ff4-compt hide-for-lti-context" style="display:none;">
   <div class="row collapse footer-wrapper">
    <div class="row collapse footer-links-row">
     <div class="large-12 small-12 large-centered columns">
      <div class="row collapse footer-links-container">
       <div class="large-4 small-6 columns">
        <div class="row collapse footer-titles">
         ABOUT
        </div>
        <div class="row collapse footer-link-wrapper">
         <div class="large-6 small-12 columns medium-12">
          <ul>
           <li><a id="footer_mission" href="https://www.ck12info.org/about//mission/">Our Mission</a></li>
           <li><a id="footer_team" href="https://www.ck12info.org/about//team/">Meet the Team</a></li>
           <li><a id="footer_partners" href="https://www.ck12info.org/about//partners/">Partners</a></li>
           <li><a id="footer_pres" href="https://www.ck12info.org/about//press/">Press</a></li>
           <li><a id="footer_careers" href="https://www.ck12info.org/about//careers/">Careers</a></li>
           <li><a id="footer_security" href="https://www.ck12info.org/about//security/">Security</a></li>
          </ul>
         </div>
         <div class="large-6 small-12 columns medium-12">
          <ul>
           <li><a id="footer_community" href="https://www.ck12info.org/about//ck12-community/">Community</a></li>
           <li><a id="footer_success" href="https://www.ck12info.org/about//success-stories/">Success Stories</a></li>
           <li><a id="footer_blog" href="https://www.ck12.org/blog/">Blog</a></li>
           <li><a id="footer_overview" data-reveal-id="myModal">Overview</a></li>
           <li><a id="footer_usage_map" href="https://www.ck12.org/map/">CK-12 Usage Map</a></li>
           <li><a id="footer_testimonials" href="https://www.ck12.org/testimonials">Testimonials</a></li>
          </ul>
         </div>
        </div>
       </div>
       <div class="large-8 small-6 columns">
        <div class="row collapse">
         <div class="large-5 small-12 columns large-offset-1">
          <div class="row collapse footer-titles">
           SUPPORT
          </div>
          <div class="row collapse footer-link-wrapper">
           <ul>
            <li><a id="footer_jumpstart" href="https://www.ck12.org/certified">Certified Educator Program</a></li>
            <li><a id="footer_webinars" href="https://www.ck12info.org/about//ck12-webinars/">Webinars</a></li>
            <li><a id="footer_implementation" href="https://www.ck12info.org/about//overview/">CK-12 Resources</a></li>
            <li><a id="footer_pilot" href="https://www.ck12info.org/about//pilot-program/">Pilot Program</a></li>
            <li><a id="footer_help" href="https://ck12support.zendesk.com/hc/en-us">Help</a></li>
            <li><a id="footer_contact" href="https://www.ck12info.org/about//contact-us/">Contact Us</a></li>
           </ul>
          </div>
         </div>
         <div class="large-5 small-12 columns large-offset-1 by-ck12-wrapper">
          <div class="row collapse footer-titles">
           BY CK-12
          </div>
          <div class="row collapse footer-link-wrapper">
           <ul>
            <li><a id="footer_ccss" href="/books/standards/ccss/">Common Core Math</a></li>
            <li><a id="footer_flexbooks" href="https://www.ck12info.org/about//fbbrowse/">K-12 FlexBooks®</a></li>
            <li><a id="footer_colege_flexbooks" href="/college/">College FlexBooks®</a></li>
            <li><a id="footer_tools" href="https://www.ck12info.org/about//tools-and-apps/">Tools and Apps</a></li>
            <li><a id="footer_braingenie" href="https://braingenie.ck12.org/" class="notranslate">BRAINGENIE™</a></li>
           </ul>
          </div>
         </div>
        </div>
       </div>
      </div>
      <div class="footer-social-links-wrapper">
       <div class="large-4 small-12 columns small-centered translate-social-wrapper">
        <div id="google_translate_element" title="Select language"></div>
        <div class="right social_links">
         <span itemscope itemtype="http://schema.org/Organization"><a itemprop="sameAs" id="footer_googleplus" href="https://plus.google.com/+Ck12Org/" target="_blank" rel="noopener" class="icon-googleplus"></a></span>
         <span itemscope itemtype="http://schema.org/Organization"><a itemprop="sameAs" id="footer_facebook" href="https://www.facebook.com/CK12Foundation" target="_blank" rel="noopener" class="icon-facebook"></a></span>
         <span itemscope itemtype="http://schema.org/Organization"><a itemprop="sameAs" id="footer_twitter" href="https://twitter.com/CK12Foundation" target="_blank" rel="noopener" class="icon-twitter"></a></span>
         <span itemscope itemtype="http://schema.org/Organization"><a itemprop="sameAs" id="footer_linkedin" href="https://www.linkedin.com/company/75810" target="_blank" rel="noopener" class="icon-linkedin"></a></span>
         <span itemscope itemtype="http://schema.org/Organization"><a itemprop="sameAs" id="footer_pinterest" href="http://www.pinterest.com/ck12foundation/" target="_blank" rel="noopener" class="icon-pinterest-3"></a></span>
         <span itemscope itemtype="http://schema.org/Organization"><a itemprop="sameAs" id="footer_email" class="footer-share-email-link icon-email"></a></span>
        </div>
        <div class="app-store-icons">
         <a id="apple-store-link" target="_blank" rel="noopener" href="https://itunes.apple.com/us/app/ck-12/id909343639?ls=1&amp;mt=8"> <img class="apple-store-image" alt="Download on the app store" src="//img2.ck12.org/media/build-20180828193300/common/images/apple-app-store.svg"> </a>
         <a id="google-store-link" target="_blank" rel="noopener" href="https://play.google.com/store/apps/details?id=org.ck12.app.practice"> <img class="google-store-image" alt="Get it on Google Play" src="//img1.ck12.org/media/build-20180828193300/common/images/google-play-badge.png"> </a>
        </div>
       </div>
      </div>
     </div>
    </div>
    <div class="row collapse footer-info-row">
     <div class="large-5 columns footer-version-info hide-for-small">
      <span>v2.8.0.20180828135746</span>
      <span class="year_version_separator">|</span>
      <span class="copy-right-year">© CK-12 Foundation</span>
      <div>
       <span>FlexBook® Platform</span>
      </div>
     </div>
     <div class="large-7 small-12 columns footer-usage">
      <span><a id="footer_tou" href="https://www.ck12info.org/about//terms-of-use/" title="Terms of Use">Terms of Use</a></span>
      <span class="footer-separator">|</span>
      <span><a id="footer_privacy" href="https://www.ck12info.org/about//technology-2/privacy-policy/" title="Privacy">Privacy</a></span>
      <span class="footer-separator">|</span>
      <span><a id="footer_guidelines" href="https://www.ck12info.org/about//attribution-guidelines/" title="CK-12 Attribution Requirements">Attribution Guide</a></span>
      <span class="footer-separator">|</span>
      <span><a id="footer_license" href="http://creativecommons.org/licenses/by-nc/3.0/" title="CK-12 Foundation is licensed under Creative Commons Attribution-NonCommercial 3.0 Unported (CC BY-NC 3.0)." target="new"><img class="footer_image" src="//img1.ck12.org/media/build-20180828193300/images/icon_licence.png" alt="Attribution-NonCommercial 3.0 Unported"></a></span>
     </div>
     <div class="large-5 small-12 columns footer-version-info-small show-for-small">
      <span>v2.8.0.20180828135746</span>
      <span class="year_version_separator">|</span>
      <span class="copy-right-year">© CK-12 Foundation</span>
      <div>
       <span>FlexBook® Platform</span>
      </div>
     </div>
    </div>
   </div>
  </footer>
  <!-- Tutorial Video -->
  <div id="myModal" class="modal-uikit reveal-modal small">
   <div class="close close-reveal-modal button-close">
    +
   </div>
   <h4>CK-12 Overview</h4>
   <div class="flex-video"></div>
  </div>
  <div class="hide">
   <!-- All the divs inside this div will be hidden and are used for showing dialogs and messages -->
   <div id="loading_div">
     Please wait...
    <img src="//img1.ck12.org/media/build-20180828193300/images/icon_loading.gif" width="43" height="11">
   </div>
   <div id="js_signindialog" data-url="https://www.ck12.org/auth/signin?popup=true&amp;requestor=https%3A//www.ck12.org/c/elementary-math-grade-1/add-to-10-with-images/enrichment/Overview-of-Addition-Sums-to-10/%3Freferrer%3Dconcept_details&amp;returnTo=https%3A//www.ck12.org/account/federated/authorized/popup/" data-auth-no-popup-url="https://www.ck12.org/auth/signin?&amp;requestor=https%3A//www.ck12.org/c/elementary-math-grade-1/add-to-10-with-images/enrichment/Overview-of-Addition-Sums-to-10/%3Freferrer%3Dconcept_details&amp;returnTo=https%3A//www.ck12.org/c/elementary-math-grade-1/add-to-10-with-images/enrichment/Overview-of-Addition-Sums-to-10/%3Freferrer%3Dconcept_details">
    <div class="action">
     <a id="signin_close" href="#" alt="Close Sign In " title="Close Sign In"></a>
    </div>
   </div>
   <div id="js_dialog_basic">
    <!-- used for simple OK/Cancel or Alert type dialogs. -->
    <div class="dialog_msg"></div>
    <div class="dialog_loading hide">
     Please wait...
     <img src="//img1.ck12.org/media/build-20180828193300/images/icon_loading.gif" width="43" height="11">
    </div>
   </div>
   <script id="tmpl_modality_filter" type="text/template">
	<a class="lnk_modality_filter group_<%= data.group_classname %> <% if (data.active) { %> selected <% } %>" href="/c/elementary-math-grade-1/add-to-10-with-images<%= window.location.search %><% if (window.location.search) { %>&by=ck12&difficulty=all<% } else { %>?by=ck12&difficulty=all<% } %>#<%= data.group_classname %>">
		<i class="js-modality-icon"></i>
        <span class="group_label">
			<span class="js-modality-label"><%= data.display_text %></span>
        	<br class="show-small"/>
        	<span>(<%= data.count || 99 %>)</span>
        </span>
	</a>
</script>
   <script id="tmpl_modality" type="text/template">
	<div class="modality_inner">
		<div class="modalitywrap">
			<div class="modality_info_wrapper">
				<div class='resource_meta'>
					<span class="label"><span class="imgwrap"></span><%= data.modality_display_label %></span>
				</div>
				<% if (data.thumbnail_img) { %>
					<div class="thumbnail_wrapper">
						<a href="<%= data.details_url %>" class="thumbnaillink" title="<%= data.title %>"><img src="<%= data.thumbnail_img %> " alt="<%= data.title %>" /></a>
					</div>
				<% } else { %>
					<div class="thumbnail_wrapper">
						<a href="<%= data.details_url %>" class="thumbnaillink" title="<%= data.title %>"><img src="//img1.ck12.org/media/build-20180828193300/images/modality_generic_icons/<%= data.modality_group.group_classname %>_ic.png" alt="<%= data.title %>" /></a>
					</div>
				<% } %>
				<div class="data_wrapper">
					<div class="modalitybody">
						<h2><a href="<%= data.details_url %>"><%= data.title %></a></h2>
						<!-- Contributed By -->
						<% if (data.contributed_by){ %>
						<p class="contributiondesc"><%= data.contributed_by %></p>
						<% } %>
						<p class="resource_desc"><%= data.summary %></p>
						<!-- Difficulty Level -->
						<% if (data.level && data.artifactType=='lesson' && window.modality_data && window.modality_data.read_modality_count > 1  && !window.modality_data.difficulty) { %>
						<p class="difficulty">Difficulty Level:&nbsp; <span class="level"><%= data.level %></span></p>
						<% } %>
					</div>
				</div>
			</div>
			<div class="modality_actions_wrap">
				<div class='modality_actions'>
					<div class="modality_action share">
						<div class="sharemenuwrap js_sharemenuwrap">
							<a href="#" class="js_lnk_share"><span class="imgwrap"></span><span class="label"> </span></a>
							<ul class='share_menu hide'>
								<li>
									<a class="twitter" target="_blank" title="Share on Twitter "
									href="http://twitter.com?status=<%= escape(data.share_url) %>">
										<span class="imgwrap"></span>
										<span class="label">Twitter</span>
									</a>
								</li>
								<li>
									<a class="facebook" target="_blank" title="Share on Facebook"
									href="http://www.facebook.com/sharer.php?u=<%= escape(data.share_url) %>">
										<span class="imgwrap"></span>
										<span class="label">Facebook</span>
									</a>
								</li>
								<li>
									<a class="email" target="_blank" title="Share via Email"
									href="mailto:?subject=<%= escape(data.title) %>&body=<%= escape(data.title) %>: <%= escape(data.details_url) %>">
										<span class="imgwrap"></span>
										<span class="label">Email</span>
									</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="voting">
					<% if (data.feedbacks && data.feedbacks.voting)  { %>
						<% if (data.feedbacks.voting.like) { %>
							<span class="imgwrap like" title="Helpful"></span>   <%= data.feedbacks.voting.like %>
					    <% } else { %>
							<span class="imgwrap nolike"  title="Not yet reviewed"></span>
					    <% } %>
					<% } %>
					</div>
				</div>
				<!--
				<div class="modality_action bookmark">
					<a href="#"><span class="imgwrap"></span><span class="label">Bookmark</span></a>
				</div>
				-->
				<div class="clear"></div>
			</div>
		</div>
	</div>
</script>
   <!-- Template used for concept dropdown on modalities pages -->
   <script id="conceptDropdownTemplate" type="text/x-template">
	<li title="<%= (data.conceptName) %>">
		<div class="concept_list_display">
    		<span class="concept_list_button"><span class="concept_list_select"></span></span>
    	</div>
    	<div class="concept_descriptions"><a href="<%= data.conceptURL %>/"><%= _.escape(data.conceptName) %></a></div>
	</li>
</script>
   <script type="text/javascript">
	window.js_modality_data = {"domain": {"pre": null, "ck12ModalityCount": {"asmtpractice": {"at grade": 1}, "plix": {"at grade": 1}, "enrichment": {"at grade": 4}}, "previewImageUrl": "http://www.ck12.org/media/images/modality_generic_icons/concept_gicon.png", "id": 157193, "subject": "MAT", "from": "domain", "latestDescendantModalityAdded": null, "descendantDomainCount": 0, "branch": "ARI", "communityModalityCount": {"flashcard": {"at grade": 1}, "lesson": {"at grade": 14}, "worksheet": {"at grade": 1}, "web": {"at grade": 1}, "activity": {"at grade": 1}}, "descendantOf": {"term": "Whole Numbers", "handle": "whole-numbers", "description": "", "previewIconUrl": "https://s3.amazonaws.com/concepts.ck12.org/icons/math/Whole-Numbers-and-Integers_MAT.ARI.100.svg", "previewImageUrl": "https://s3.amazonaws.com/concepts.ck12.org/preview/whole-numbers-and-integers.jpg", "encodedID": "MAT.ARI.100", "branch": "ARI", "parentID": 3, "from": "domain", "subject": "MAT", "type": "domain", "id": 13, "branchInfo": {"term": "Arithmetic", "handle": "arithmetic", "description": null, "previewIconUrl": null, "previewImageUrl": "https://s3.amazonaws.com/concepts.ck12.org/preview/arithmetic.jpg", "encodedID": "MAT.ARI", "branch": "ARI", "parentID": 2, "from": "domain", "subject": "MAT", "type": "domain", "id": 3, "name": "Arithmetic"}, "name": "Whole Numbers"}, "descendantArtifactCount": 0, "type": "domain", "descendantModalityCount": {}, "sort": 1, "handle": "add-to-10-with-images", "description": "Count images to get the total quantity. (Sum up to 10)", "parent": {"sort": 1, "term": "Add Numbers to 20", "previewIconUrl": null, "description": "None", "from": "domain", "parentID": 157189, "name": "Add Numbers to 20", "encodedID": "MAT.ARI.103.01", "branch": "ARI", "previewImageUrl": "http://www.ck12.org/media/images/modality_generic_icons/concept_gicon.png", "handle": "add-numbers-to-20", "type": "domain", "id": 157191, "branchInfo": {"term": "Arithmetic", "handle": "arithmetic", "description": null, "previewIconUrl": null, "previewImageUrl": "https://s3.amazonaws.com/concepts.ck12.org/preview/arithmetic.jpg", "encodedID": "MAT.ARI", "branch": "ARI", "parentID": 2, "from": "domain", "subject": "MAT", "type": "domain", "id": 3, "name": "Arithmetic"}, "subject": "MAT"}, "descendantCommunityModalityCount": {}, "latestModalityAdded": "2017-08-05T12:02:26-07:00", "collection": {"collectionHandle": "elementary-math-grade-1", "collectionCreatorID": 3, "conceptCollectionAbsoluteHandle": "add-to-10-with-images", "collectionTitle": "Elementary Math Grade 1", "encodedID": "MAT.ARI.103.0101", "isCanonical": true, "conceptCollectionTitle": "Add to 10 with Images"}, "post": null, "artifactCount": {"plix": 1}, "term": "Add to 10 with Images", "previewIconUrl": null, "name": "Add to 10 with Images", "descendantDomainCountWithModalities": 0, "descendantCK12ModalityCount": 0, "encodedID": "MAT.ARI.103.0101", "branchInfo": {"term": "Arithmetic", "handle": "arithmetic", "description": null, "previewIconUrl": null, "previewImageUrl": "https://s3.amazonaws.com/concepts.ck12.org/preview/arithmetic.jpg", "encodedID": "MAT.ARI", "branch": "ARI", "parentID": 2, "from": "domain", "subject": "MAT", "type": "domain", "id": 3, "name": "Arithmetic"}, "modalityCount": {"asmtpractice": {"at grade": 1}, "web": {"at grade": 1}, "worksheet": {"at grade": 1}, "plix": {"at grade": 1}, "activity": {"at grade": 1}, "flashcard": {"at grade": 1}, "lesson": {"at grade": 14}, "enrichment": {"at grade": 4}}}, "modality_groups": [{"display_text": "All Modalities", "count": 6, "artifact_types": ["__ALL__"], "sequence": 0, "group_classname": "all", "group_name": "All types", "show_text_label": true, "default_thumb": "modality_generic_icons/concept_gicon.png"}, {"display_text": "Video", "count": 4, "artifact_types": ["lecture", "audio", "enrichment"], "sequence": 4, "group_classname": "multimedia", "group_name": "Video", "show_text_label": false, "default_thumb": "modality_generic_icons/video_gicon.png"}, {"display_text": "Assessments", "count": 1, "artifact_types": ["asmtpractice", "asmtquiz"], "sequence": 9, "group_classname": "assessment", "group_name": "Assessments", "show_text_label": false, "default_thumb": "modality_generic_icons/assest_gicon.png"}, {"display_text": "PLIX", "count": 1, "artifact_types": ["plix"], "sequence": 3, "group_classname": "interactive", "group_name": "PLIX", "show_text_label": false, "default_thumb": "modality_generic_icons/interactive_ic.png"}], "downloaduri": null, "artifact": {"domain": {"term": "Add to 10 with Images", "handle": "add-to-10-with-images", "description": "Count images to get the total quantity. (Sum up to 10)", "parent": {"term": "Add Numbers to 20", "handle": "add-numbers-to-20", "description": "None", "parent": {"term": "Add and Subtract Whole Numbers", "handle": "add-and-subtract-whole-numbers", "description": "None", "parent": {"term": "Whole Numbers", "handle": "whole-numbers", "description": "", "parent": {"term": "Arithmetic", "handle": "arithmetic", "description": null, "parent": {"term": "Mathematics", "handle": "mathematics", "description": null, "parent": {"term": "root", "handle": "root", "description": null, "previewIconUrl": null, "encodedID": "CKT", "branch": null, "previewImageUrl": "http://www.ck12.org/media/images/modality_generic_icons/concept_gicon.png", "from": "domain", "subject": "CKT", "type": "domain", "id": 1, "name": "root"}, "previewIconUrl": null, "previewImageUrl": "https://s3.amazonaws.com/concepts.ck12.org/preview/translations-rotations-and-reflections.jpg", "encodedID": "MAT", "branch": null, "parentID": 1, "from": "domain", "subject": "MAT", "type": "domain", "id": 2, "name": "Mathematics"}, "previewIconUrl": null, "previewImageUrl": "https://s3.amazonaws.com/concepts.ck12.org/preview/arithmetic.jpg", "encodedID": "MAT.ARI", "branch": "ARI", "parentID": 2, "from": "domain", "subject": "MAT", "type": "domain", "id": 3, "branchInfo": {"term": "Arithmetic", "handle": "arithmetic", "description": null, "previewIconUrl": null, "previewImageUrl": "https://s3.amazonaws.com/concepts.ck12.org/preview/arithmetic.jpg", "encodedID": "MAT.ARI", "branch": "ARI", "parentID": 2, "from": "domain", "subject": "MAT", "type": "domain", "id": 3, "name": "Arithmetic"}, "name": "Arithmetic"}, "previewIconUrl": "https://s3.amazonaws.com/concepts.ck12.org/icons/math/Whole-Numbers-and-Integers_MAT.ARI.100.svg", "previewImageUrl": "https://s3.amazonaws.com/concepts.ck12.org/preview/whole-numbers-and-integers.jpg", "encodedID": "MAT.ARI.100", "branch": "ARI", "parentID": 3, "from": "domain", "subject": "MAT", "type": "domain", "id": 13, "branchInfo": {"term": "Arithmetic", "handle": "arithmetic", "description": null, "previewIconUrl": null, "previewImageUrl": "https://s3.amazonaws.com/concepts.ck12.org/preview/arithmetic.jpg", "encodedID": "MAT.ARI", "branch": "ARI", "parentID": 2, "from": "domain", "subject": "MAT", "type": "domain", "id": 3, "name": "Arithmetic"}, "name": "Whole Numbers"}, "previewIconUrl": null, "previewImageUrl": "http://www.ck12.org/media/images/modality_generic_icons/concept_gicon.png", "encodedID": "MAT.ARI.103", "branch": "ARI", "parentID": 13, "from": "domain", "subject": "MAT", "type": "domain", "id": 157189, "branchInfo": {"term": "Arithmetic", "handle": "arithmetic", "description": null, "previewIconUrl": null, "previewImageUrl": "https://s3.amazonaws.com/concepts.ck12.org/preview/arithmetic.jpg", "encodedID": "MAT.ARI", "branch": "ARI", "parentID": 2, "from": "domain", "subject": "MAT", "type": "domain", "id": 3, "name": "Arithmetic"}, "name": "Add and Subtract Whole Numbers"}, "previewIconUrl": null, "previewImageUrl": "http://www.ck12.org/media/images/modality_generic_icons/concept_gicon.png", "encodedID": "MAT.ARI.103.01", "branch": "ARI", "parentID": 157189, "from": "domain", "subject": "MAT", "type": "domain", "id": 157191, "branchInfo": {"term": "Arithmetic", "handle": "arithmetic", "description": null, "previewIconUrl": null, "previewImageUrl": "https://s3.amazonaws.com/concepts.ck12.org/preview/arithmetic.jpg", "encodedID": "MAT.ARI", "branch": "ARI", "parentID": 2, "from": "domain", "subject": "MAT", "type": "domain", "id": 3, "name": "Arithmetic"}, "name": "Add Numbers to 20"}, "previewIconUrl": null, "previewImageUrl": "http://www.ck12.org/media/images/modality_generic_icons/concept_gicon.png", "encodedID": "MAT.ARI.103.0101", "branch": "ARI", "parentID": 157191, "from": "domain", "subject": "MAT", "type": "domain", "id": 157193, "branchInfo": {"term": "Arithmetic", "handle": "arithmetic", "description": null, "previewIconUrl": null, "previewImageUrl": "https://s3.amazonaws.com/concepts.ck12.org/preview/arithmetic.jpg", "encodedID": "MAT.ARI", "branch": "ARI", "parentID": 2, "from": "domain", "subject": "MAT", "type": "domain", "id": 3, "name": "Arithmetic"}, "name": "Add to 10 with Images"}, "modality_group": {"display_text": "Video", "artifact_types": ["lecture", "audio", "enrichment"], "sequence": 4, "group_classname": "multimedia", "group_name": "Video", "show_text_label": false, "default_thumb": "modality_generic_icons/video_gicon.png"}, "creator": "CK-12", "labels": [], "exerciseCount": 0, "contributor": null, "handle": "Overview-of-Addition-Sums-to-10", "perma": "c/enrichment/Overview-of-Addition-Sums-to-10/", "url_pdf": [], "url_epub": null, "id": 1867153, "coverImageThumbLarge": "https://s3.amazonaws.com/ck12bg.ck12.org/curriculum/107522/thumb_540_50.jpg", "realm": null, "resourceCounts": {"cover page": 1, "video": 1, "allAttachments": 1, "allVideos": 1}, "title": "Overview of Addition (Sums to 10)", "coverImageThumbSmall": "https://s3.amazonaws.com/ck12bg.ck12.org/curriculum/107522/thumb_540_50.jpg", "extendedArtifactsCount": 0, "creatorAuthID": 3, "isDraft": false, "feedbacks": {"rating": {"count": 0, "average": 0, "1": 0, "3": 0, "2": 0, "5": 0, "4": 0}, "voting": {"dislike": 16, "like": 94}}, "gradeGrid": [], "handle-encoded": true, "subjectGrid": [[1938, "mathematics"]], "collections": [{"collectionHandle": "elementary-math-grade-1", "collectionCreatorID": 3, "conceptCollectionAbsoluteHandle": "add-to-10-with-images", "collectionTitle": "Elementary Math Grade 1", "encodedID": "MAT.ARI.103.0101", "isCanonical": true, "conceptCollectionTitle": "Add to 10 with Images"}, {"collectionHandle": "elementary-math-grade-2", "collectionCreatorID": 3, "conceptCollectionAbsoluteHandle": "adding-two-numbers-sums-to-10-word-problems", "collectionTitle": "Elementary Math Grade 2", "encodedID": "MAT.ARI.103.0105", "isCanonical": true, "conceptCollectionTitle": "Adding Two Numbers (Sums to 10) - Word Problems"}], "internalTagGrid": [], "coverImageResourceID": 8325234, "messageToUsers": null, "isLatest": true, "type": {"modality": true, "extensionType": "EN", "description": "The enrichment artifact", "name": "enrichment", "id": 16}, "searchGrid": [], "revision": "1", "artifactRevisionID": 3004887, "lastRead": null, "isModality": 1, "modality": {"artifact_type": "enrichment", "weight_teacher": 50, "student_show": true, "display_label": "Video", "weight_student": 80}, "revisionInLibrary": null, "published": "2015-01-23T03:50:07-08:00", "thumbnail_img": "https://s3.amazonaws.com/ck12bg.ck12.org/curriculum/107522/thumb_540_50.jpg", "modality_display_label": "Video", "hasXhtml": false, "foundationGrid": [[157193, "Add to 10 with Images", "MAT.ARI.103.0101", "add-to-10-with-images", "arithmetic"], [157198, "Add to 20 Word Problems", "MAT.ARI.103.0105", "add-to-20-word-problems", "arithmetic"]], "stateGrid": [], "creatorLogin": "ck12editor", "extendedArtifacts": {}, "creatorID": 3, "authors": [], "level": "at grade", "artifactID": 1867153, "latestRevision": "1", "contributed_by": "", "language": "English", "license": null, "tagGrid": [], "coverImage": "https://s3.amazonaws.com/ck12bg.ck12.org/curriculum/107522/thumb_540_50.jpg", "created": "2015-01-23T11:50:07-08:00", "latestRevisionID": 3004887, "modified": "2015-01-23T11:50:07-08:00", "summary": "Overview", "encodedID": null, "standardGrid": {}, "artifactType": "enrichment", "url_mobi": null}, "modalities": []};
	var jsCollectionData = [{"collection_url": "/c/elementary-math-grade-1", "collection": {"handle": "elementary-math-grade-1", "description": "Elementary Math for Grade 1", "isRoot": true, "level": 1, "parentSubjectID": "MAT", "nextDescendantCollection": {"descendantEIDChildrenCount": 0, "handle": "elementary-math-grade-1-::-subtracting-by-crossing-out-with-pictures", "level": 4, "title": "Subtracting by Crossing Out with Pictures", "encodedID": "MAT.ARI.103.0403", "creatorID": 3, "identifier": "1.1.2", "type": "Collection", "absoluteHandle": "subtracting-by-crossing-out-with-pictures"}, "title": "Elementary Math Grade 1", "isPublished": true, "canonicalID": "MAT.EM1", "descendantCollection": {"taxonomyComposistionsInfo": [{"updated": "2013-02-04 21:46:19", "nodeType": "subject", "name": "Mathematics", "created": "2012-06-08 22:38:20", "branches": [{"updated": "2015-12-09 10:08:56.738217", "handle": "Arithmetic", "name": "Arithmetic", "created": "2012-06-08 22:38:20", "bisac": "MAT004000", "flxID": 3, "concepts": [{"orderedEncodedID": "MATARI10301010000000000000000000000000000000000000", "status": "published", "updated": "2018-08-23 20:24:23.853594", "handle": "add-to-10-with-images", "description": "Count images to get the total quantity. (Sum up to 10)", "created": "2017-08-04 21:55:56.572601", "flxID": 157193, "redirectedReferences": ["MAT.EM1.203.02", "MAT.EM1.203.03", "MAT.EM1.203.01", "MAT.EM1.203.04", "MAT.EM2.203.01"], "encodedID": "MAT.ARI.103.0101", "keywords": "", "nodeType": "concept", "descendantEIDChildrenCount": 0, "name": "Add to 10 with Images"}], "nodeType": "branch", "shortname": "ARI", "descendantEIDChildrenCount": 0, "previewImageUrl": "http://concepts.ck12.org/preview/arithmetic.jpg"}], "previewImageUrl": "http://concepts.ck12.org/preview/translations-rotations-and-reflections.jpg", "shortname": "MAT", "descendantEIDChildrenCount": 0}], "descendantEIDChildrenCount": 0, "handle": "elementary-math-grade-1-::-add-to-10-with-images", "level": 4, "title": "Add to 10 with Images", "encodedID": "MAT.ARI.103.0101", "creatorID": 3, "identifier": "1.1.1", "type": "Collection", "absoluteHandle": "add-to-10-with-images"}, "isCanonical": true, "creatorID": 3, "descendantEIDChildrenCount": 0, "type": "Collection"}}]
    if (jsCollectionData.length > 0)
    {
    	window.js_collection_data = jsCollectionData[0];
    	/* Setting canonical url */
    	var urlElements = window.location.href.split('/')
    	var l = urlElements.length
    	var originalConceptCollectionHandle = ('taxonomyComposistionsInfo' in jsCollectionData[0].collection.descendantCollection) ? jsCollectionData[0].collection.descendantCollection.taxonomyComposistionsInfo[0].branches[0].concepts[0].handle.toLowerCase() : jsCollectionData[0].collection.descendantCollection.absoluteHandle;
		var canonical_url = "https://www.ck12.org/" + jsCollectionData[0].collection.handle + "/" + originalConceptCollectionHandle.toLowerCase() + '/' + urlElements[l - 3] + '/' + urlElements[l - 2] + '/'
        var link = document.createElement('link');
        link.rel = 'canonical'
        link.href = canonical_url;
        document.head.appendChild(link);
        console.log("Canonical url: " + document.querySelector("link[rel='canonical']").href)
	}
</script>
   <!--
    Templates for reviews
-->
   <!--
    Template used for 1 review in the reviews list
-->
   <script type="text/x-template" id="reviewTemplate">
    <div class="feedbacksection" id="<%= memberID %>">
            <div class="feedbackauth">
                <span class="membername"> <%= memberName %> </span>
                <span class="date">  <%= creationTime %></span>
                <span>
                <% if (score == -1) { %>
                    <a class="dislikeicon" title="Not helpful"><span class="imgwrap"></span></a>
                <% } else { %>
                     <a class="likeicon" title="Helpful"><span class="imgwrap"></span></a>
                <% } %>
                </span>
            </div>
            <div class="feedbackcomment break-word">
                <%= _.escape(comments) %>
            </div>

            <div class="reply_action">
                <span class="feedbackbtn"><span class="inlineblock wait_js block-for-small"></span> <a class="listreply collapsereply" data-memberid="<%= memberID %>" data-totalreviews="<%= totalReviews %>" href="javascript:void(0);" > <%= totalReviews %> <% if (totalReviews > 1 || totalReviews === 0){ %> Comments <%}else{ %> Comment <% } %>  </a> </span>
                <a class="addreply" data-memberid="<%= memberID %>" href="javascript:void(0);"  >&nbsp;&nbsp;Reply&nbsp;&nbsp;</a></span>
                <span class="spaceleft"> Was this helpful? <a class="spaceleft helpfulyes" href="javascript:void(0);" data-helpfulyes="<%= isHelpful %>" > Yes ( <%= isHelpful %> ) </a> <a class="spaceleft helpfulno" href="javascript:void(0);" data-helpfulno="<%= isNotHelpful %>" > No ( <%= isNotHelpful %> ) </a></span>
                <span class="formrightcolumn feedbackbtn">
	                <span class="inlineblock wait_js block-for-small"></span>
	                <span class="action-item-container">
					<% if (isArtifactOwner || isAdminUser || isReviewer) { %>
                		<a class="hide js_feedbackbtn_remove"></a>
						<span class="action-item icon-remove remove_feedback_confirm js_feedback">
                			<span class="tooltip-bottom text-tips">
                				Delete
                			</span>
                		</span>
                	<% } %>
                	</span>
                	<span class="action-item-container">
	                <% if ((!notAbuse && !hasReportedAbuse) && (memberID != userID)){ %>
                		<span class="action-item icon-flag report_abuse js_feedback_abuse">
                			<span class="tooltip-bottom text-tips">
                				Report Abuse
                			</span>
                		</span>
	                <% } %>
	                </span>
            </div>

            <div class="divider spacetop"></div>

            <div class="addreplybox hide">
                <div class="formleftcolumn spacetop">
                    <span class="feedbacktitle"> Post a Comment</span>
                </div>
                <div class="clear replytextareawrap">
                    <textarea maxlength="1000" class="replytextarea" placeholder="Give reply about this review. Why was it helpful or not? Limit to 1000 max characters." rows="4"></textarea>
                </div>
                <div class="error profanereply" ></div>
                <div class="feedbackbtn formrightcolumn inlineblock">
                    <span class="inlineblock wait_js block-for-small"></span>
                    <span class="inlineblock"><a data-memberid="<%= memberID %>" class="button turquoise postreply_js " href="javascript:void(0);" >Post</a></span>
                    <span class="spacer"></span>
                    <span class="inlineblock"><a class="button dusty-grey supplementary cancelreply_js"   href="javascript:void(0);">Cancel</a></span>
                </div>
                <div class="clear"></div>
            </div>
    </div>


</script>
   <!--
    Template used for disply 1 reply for review
-->
   <script type="text/x-template" id="replyTemplate">
   <div class="replycomment" id="<%= id %>">
			<div class="spacetop"></div>
            <div class="feedbackauth">
                <span class="membername"> <%= reviewersMemberName %> </span>
                <span class="date">  <%= creationTime %></span>
                <span class="reply_action">
                    <% if (isReplier) { %>
	                 <span class="spaceleft editaction"><a class="editreply_js" href="javascript:void(0);"> Edit </a></span>
                    <% } %>
	                 <span class="formrightcolumn feedbackbtn">
	                 	 <span class="inlineblock wait_js block-for-small"></span>
	                 	 <span class="action-item-container">
		                 <% if (isArtifactOwner || isAdminUser || isReviewer || isReplier) { %>
	                		<a class="deletereply_js hide">X</a>
	                		<span class="action-item icon-remove remove_feedback_confirm">
	                			<span class="tooltip-bottom text-tips">
	                				Delete
	                			</span>
	                		</span>
	                	 <% } %>
	                	 </span>
	                	 <span class="action-item-container">
	                	<% if ((!notAbuse && !hasReportedAbuse) && (reviewersMemberID != userID)){ %>
	                		<span class="action-item icon-flag report_abuse">
	                			<span class="tooltip-bottom text-tips">
	                				Report Abuse
	                			</span>
	                		</span>
	                	<% } %>
	                	</span>
                	</span>
                </span>
            </div>


            <div class="feedbackcomment break-word" data-reviewid="<%= id %>" data-reviewersmemberid="<%= reviewersMemberID %>" data-memberid="<%= memberID %>" >
                <%= _.escape(reviewComment) %>
            </div>

            <div class="divider spacetop"></div>
    </div>
</script>
   <!--
    Template used edit box of 1 reply for review
-->
   <script type="text/x-template" id="updateReplyTemplate">
        <div class="editreplybox">
                <div class="formleftcolumn spacetop">
                    <span class="feedbacktitle"> Edit a Comment</span>
                </div>
                <div class="clear replytextareawrap">
                    <textarea maxlength="1000" class="replytextarea" placeholder="Give reply about this review. Why was it helpful or not? Limit to 1000 max characters." rows="4"> <%= reviewComment %></textarea>
                </div>
                <div class="error profanereply" ></div>
                <div class="feedbackbtn formrightcolumn inlineblock">
                   <span class="inlineblock wait_js block-for-small"></span>
                   <span class="inlineblock"><a class="btn updatereply_js " href="javascript:void(0);" >Update</a></span>
                   <span class="spacer">
                   </span> <span class="inlineblock"><a class="btn supplementary canceleditreply cancelreply_js" href="javascript:void(0);" >Cancel</a></span>
                </div>
                <div class="clear"></div>
        </div>
</script>
   <!--
    Template used for showing the Load more button
-->
   <script type="text/x-template" id="loadmoreBtnTemplate">
	<div id = 'load-more-container'>
	<div class="spacetop"></div>

        <div id="reviewfeedback_loading_div" class="hide">
        Loading reviews...
        <img class="x-ck12-img-nopopup" src="//img1.ck12.org/media/build-20180828193300/images/icon_loading.gif" width="43" height="11" />
        </div>

    <% if(showLoadmore) { %>
        <span class="inlineblock formleftcolumn"> <a id="loadMorebtn" class="loadmorereviewfeedback_js" >
        	Load More (<span id = 'remaing-reviews'><%= reviewsRemaining %></span>)
        	<span class="icon-arrow3-down"></span>
        	</a></span>
    <% } %>
    </div>
</script>
   <!--
    Template used for showing the summary of the reviews
-->
   <script type="text/x-template" id="reviewsSummaryTemplate">
    <div class="reviewfeedbackhead spacetop">
        <div class="formrightcolumn">
            <% if (score == -1 || score == 1) { %>
            <a id="editMyReview" class="btn editreviewfeedback_js " href="javascript:void(0);" > Edit Your Review</a>
            <% } %>
        </div>
        <div class="feedbackpercentage" >
            <% if (total > 0) { %>
            <div class="formleftcolumn hide-for-small">
                <span class="feedbacktitle">
                <%= percentage %> % of people thought this content was helpful.
                </span>
            </div>
            <span class="feedbacktitle">
                <span class="icon-like voting-icon like" title="Helpful"></span>
                <span class="vote like"><%= like %></span>
                <span class="icon-unlike voting-icon dislike" title="Not helpful"></span>
                <span class="vote dislike"><%= dislike %></span>
            </span>
            <div class="clear spacetop"></div>
            <% if (reviewsRemaining > 0) { %>
            <div class="inlineblock formleftcolumn show-hide-feedback-reviews reviews-collapsed">
                 <a id="show-reviews-btn" class="showreviews_js">Show reviews (<%= reviewsRemaining %>)
                 	<span class="icon-arrow3-down"></span>
                 </a>
            </div>
            <div class="clear"></div>
            <% } %>
            <% } else { %>
            Help us create better content by rating and reviewing this modality.
            <% } %>
        </div>
         <div class="divider spacetop"></div>
         <% if(reviewsRemaining > 0) { %>
         <div class="formleftcolumn">
                <span class="feedback-helpfull-heading feedbacktitle reviews-expanded hide">
                Most Helpful Reviews:
                </span>
        </div>
		 <div class="inlineblock formrightcolumn show-hide-feedback-reviews spacetop reviews-expanded hide">
                 <a id="hide-reviews-btn" class="hidereviews_js">Close
                 </a>
        </div>
        <% } %>
    </div>
</script>
   <!--
Template used for showing the current user's review
for a specified artifact
-->
   <script type="text/x-template" id="myReviewTemplate">
    <div class="formrightcolumn artifactvotingfeedback">
        <div id="myreview_vote">

            <a href="javascript:void(0);" id="top_edit_review" class="editfeedback_link <% if (score == 1 || score == -1) { %> show <% } else{ %> hide <% } %>" >Edit Review</a>

            <span class="washelpful_js <% if (score == 1 || score == -1) { %> hide <% } else{ %> show <% } %>"><span>Was this helpful?</span></span>


            <a id="review_up" class="artifactfeedbackaction artifactfeedbackaction_js" title="Helpful"  >
                <span class="icon-like voting-icon <% if (score == 1) { %> like <% } else{ %> yes <% } %> artifactfeedbackaction"></span>
                <span> Yes </span>
            </a>
            <a id="review_down" class="artifactfeedbackaction artifactfeedbackaction_js" title="Not helpful" >
                <span class="icon-unlike voting-icon <% if (score == -1) { %> dislike <% } else{ %> no <% } %>  artifactfeedbackaction"></span>
                <span> No </span>
            </a>
       </div>
 		<div id="review_popup" class="feedbackpopup hide">
            <div class="divfeedback">
                <textarea maxlength="1000" id="review_comments" class="feedbacktextarea" placeholder="Give feedback about this resource. Why was it helpful or not? Limit to 1000 max characters." rows="4"><%= comments %></textarea>
            </div>
            <div class="error profane" id="profane_message"></div>
        	<div class="divider"></div>
        	<div class="feedbackbtn">
            <!-- <span class="hint_edittitle">(Comment) <span class="var_comment">    0 / 1000</span></span> -->
            <span class="inlineblock wait_js block-for-small"></span>
            <span class="spacer"></span>
            <span class="inlineblock"><a id="review_submit"   class="button turquoise feedbackbtn_js " href="javascript:void(0);" >Submit Review</a></span>
            <span class="spacer"></span>
            <span class="inlineblock"><a id="review_skip"  class="button dusty-grey feedbackbtn_skip" href="javascript:void(0);">Skip Review</a></span>
             <% if (score == 1 || score == -1) { %>
            <span class="inlineblock"><a class="feedbackbtn_remove"   href="javascript:void(0);">Remove</a></span>
            <% } else{ %>
            <span class="inlineblock"><a class="feedbackbtn_cancel"   href="javascript:void(0);">Cancel</a></span>
            <% } %>
        </div>
   	 </div>
    </div>
</script>
   <!--
Template used for showing the inappropriate comment popup
-->
   <script type="text/x-template" id="commentInappropriateTemplate">
	<div class="flag-comment-container" id="flag-comment-container">
	    <div class="flag-comment-options">
	        <span>Does this post seem offensive or disrespectful?</span>
	        <div class="flag-diff"></div>
	        <a class="flag-link" id="inappropriate">Flag it as inappropriate</a>
	        <div class="flag-diff"></div>
	    </div>

	    <!--<div class="flag-comment-as-inappropriate hidden">
	        You flagged this comments as <b>inappropriate</b>
	        <br>
	        <br>
	        Thanks for bringing this to our attention.
	    </div>-->
	</div>
</script>
   <div id="ck12_template_resource_row">
    <div class="resource_row js_resource_row">
     <div class="js_row_info info">
      <div class="resourceicons">
       <span class="attachment_icon imgwrap"></span>
       <span class="noimage js_noimage hide"></span>
       <span class="js_publishstate_icon" title="Private"></span>
      </div>
      <div class="resourcename">
       <div class="resourcenamelinkwrap">
        <a class="break-word js_resource_link" target="_blank" href="javscript:return false;"></a>
       </div>
      </div>
      <div class="clear"></div>
     </div>
     <div class="js_row_actions actions">
      <a href="#" class="js_resource_remove remove" data-resource-id="" data-resource-revision-id="" data-artifact-id="" data-artifact-revision-id=""> <span class="icon-close"></span> </a>
      <a href="#" class="js_resource_edit myresource_edit"><span class="icon-edit"></span></a>
      <span class="hide js_resource_description"></span>
      <a href="#" class="js_resource_public_toggle public_toggle hide" data-txtmakepublic="Make Public" data-txtmakeprivate="Make Private" data-ispublic="false"> Make Public </a>
     </div>
     <div class="js_row_actions loading">
      <div class="progressbar"></div>
     </div>
     <div class="js_row_actions_failed failed hide">
      <div class="message_resources warning">
       <span class="imgwrap"></span>
       <a href="javascript:void(0);" class="js_failed_link" title="Click to see error message">Upload Failed</a>
       <a href="javascript:void(0);" class="js_failed_remove remove" title="Remove Resouce"></a>
      </div>
     </div>
     <div class="clear"></div>
     <div class="divider spacetop"></div>
    </div>
   </div>
   <div id="js_edit_resource" data-dialogtitle="Edit Resource">
    <form id="res_edit_form" action="ajax/resource/upload/" method="POST">
     <div class="input_row title_row">
      Title:
      <br>
      <input type="text" name="resource_name" id="res_name" maxlength="100" class="txt_resource_title">
     </div>
     <div class="error js_res_name_msg hide input_row">
      <label>Please enter valid title for resource</label>
     </div>
     <div class="input_row description_row">
      Description:
      <br>
      <textarea class="txt_resource_desc" name="desc" id="res_desc" rows="5"></textarea>
     </div>
     <div class="error js_res_desc_msg hide input_row">
      <label>Please enter description to make resource public</label>
     </div>
     <div class="input_row type_input_row">
      Type:&nbsp;&nbsp;
      <select class="resource_type" name="type" id="res_type"> <option value="activity">Activity</option> <option value="attachment">Attachment</option> <option value="assessment">Assessment</option> <option value="audio">Audio</option> <option value="classwork">Classwork</option> <option value="cthink">Critical Thinking</option> <option value="handout">Handout</option> <option value="homework">Homework</option> <option value="image">Image</option> <option value="interactive">Interactive Object</option> <option value="lab">Lab</option> <option value="lessonplan">Lesson Plan </option> <option value="notes">Notes</option> <option value="reading">Presentation</option> <option value="project">Project</option> <option value="reading">Reading</option> <option value="rubric">Rubric</option> <option value="starter">Starter/Do now</option> <option value="studyguide">Study Guide</option> <option value="syllabus">Syllabus</option> <option value="quiz">Test/Quiz</option> <option value="video">Video</option> <option value="web">Web</option> <option value="worksheet">Worksheet</option> </select> &nbsp;&nbsp;&nbsp;&nbsp;
      <input type="checkbox" name="isPublic" id="res_public">
      <label class="label_publish" for="res_public">Published</label>
     </div>
     <input type="hidden" name="isAttachment" value="true">
     <input type="hidden" name="isExternal" id="res_external" value="">
     <input type="hidden" name="src" id="res_uri" value="">
     <input type="hidden" name="resourceid" id="res_id" value="">
     <input type="hidden" name="resource_handle" id="res_handle" value="">
    </form>
   </div>
   <!--
	Templates for groups sharing
-->
   <!--
	Template used for sharing via groups
-->
   <script type="text/x-template" id="shareGroupsTemplate">
<% if (data.onLoad) { %>
	<div class="row collapse grp-heading">
		<i class="icon-groups grp-assignment for-group-mobile"></i>
		<strong>Share with Classes </strong>
		<span class="close-modal for-group-mobile">✕</span>
		<span class="close-modal" id="close-modal-studyguide-desktops" style="float: right; display: none;">X</span>
	</div>
	<% if (!(data.groups instanceof Array) || data.groups.length == 0) { %>
		<!-- No groups message -->
		<div class="row collapse no_groups_container">
			<div class="no_groups_text"> You don't own any class.  Please create a class to share this resource.</div>
			<div class="text-center">
				<a class="button tangerine standard createnewgroup" title="Create a Class" target="_blank" href="/my/dashboard-new/groups/#create">Create a Class</a>
			</div>
		</div>
	<% } else { %>
        <div id="shareGroupsContainer" class="relative shareGroupsContainer">
            <div class="modality-title for-group-mobile"></div>
            <div class="custom-box checkbox all-groups for-group-mobile">
                <input type="checkbox" id="all-grps" name="all-grps">
                <label id="all-checkbox" for="all-grps" class="checkbox grps-label">
                    <span>
                        <i class="icon-validated"></i>
                    </span>
                    <i class="all-lbl-txt">Classes</i>
                </label>
            </div>
            <div id="none_selected_error" class="none_selected_error hide">Please select at least one class to share.</div>
            <% _.each(data.groups,function(group) { %>
            <div class="custom-box groups_checkbox">
                <input type="checkbox" id="<%= group.id %>" name="group_checkbox" value="<%= group.id %>" class="js_groups_select">
                <label class="checkbox" for="<%= group.id %>" title="<%= _.escape(group.name) %>"><span><i class="icon-validated"></i></span><i><%= _.escape(_.truncate(group.name, 35)) %></i></label>
            </div>
            <% }); %>
        </div>
        <span class="load-more-groups for-group-mobile" title="Load more classes">load more</span>
        <div class="row collapse button_container">
			<a id="shareGroupFormBtn" class="button tangerine small" title="Share with the selected class(es)">Share</a>

			<span class="or-text">or</span>
			<a class="createnew" title="Create a New Class" target="_blank" href="/my/dashboard-new/groups/#create">Create a New Class</a>
		</div>
	<% } %>
<% } else { %>
	<% _.each(data.groups,function(group) { %>
		<div class="custom-box groups_checkbox">
			<input type="checkbox" id="<%= group.id %>" name="group_checkbox" value="<%= group.id %>" class="js_groups_select">
			<label class="checkbox" for="<%= group.id %>" title="<%= _.escape(group.name) %>"><span><i class="icon-validated"></i></span><i><%= _.escape(_.truncate(group.name, 35)) %></i></label>
		</div>
	<% }); %>
<% } %>
</script>
   <!--
	Template used for loading groups.
-->
   <script type="text/x-template" id="shareGroupsLoadingTemplate">
	<div class="text-center">
		<img src="//img1.ck12.org/media/build-20180828193300/images/icon_loading.gif" />
	</div>
</script>
   <div id="js_publish_artifact_dialog" data-url="https://www.ck12.org/dialog/publish/artifact/" data-dialogtitle="Publish Modality">
   </div>
   <div id="js_modality_published_dialog" data-dialogtitle="Modality Published">
   </div>
   <!-- Standards correlation dialog -->
   <div id="js_view_standards_dialog" data-dialogtitle="Standards Correlations" data-dialognocache="true">
   </div>
   <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?libraries=places&amp;key=AIzaSyDVTA7d25Puy-_W52IfMDdflx93pWYDJB8"></script>
   <script src="//st2.ck12.org/media/build-20180828193300/dexterjs/dexterjs.min.js"></script>
   <script src="//st1.ck12.org/media/build-20180828193300/common/js/utils/globals.js"></script>
   <script data-main="//st3.ck12.org/media/build-20180828193300/js/main" src="//st3.ck12.org/media/build-20180828193300/common/vendor/requirejs/require.js"></script>
   <script language="javascript" type="text/javascript">

    function getCookie(c_name){
        var i,x,y,ARRcookies=document.cookie.split(";");
        for (i=0;i<ARRcookies.length;i++){
          x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
          y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
          x=x.replace(/^\s+|\s+$/g,"");
          if (x==c_name) {
            return unescape(y);
          }
        }
    }

    function getRandomString(length) {
        var chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ', value = '';
        for (var i = length; i > 0; --i) {
            value += chars[Math.round(Math.random() * (chars.length - 1))];
        }
        return value;
    }

    // login user role is c.user.role for guest role is in cookies.
    var flxweb_role;
    var flxweb_roles = [];
    var isEditAllowed = false;
    var webroot_url = 'https://www.ck12.org/';
    var editprofile_url = 'https://www.ck12.org/auth/profile?returnTo=https%3A%2F%2Fwww.ck12.org%2Faccount%2Fsettings%2F&appHome=https%3A%2F%2Fwww.ck12.org%2F';
    var adaptive_practice_launch_date = '';


        flxweb_role = getCookie('flxweb_role');
        flxweb_roles.push(flxweb_role);
        window.ck12_signed_in = false;


    dexterjs.set("config", {
        clientID: 24839961,
        trackPageTime: false
    });

    if (window.lmsContext === 'lti-app'){
        // Add in appID and provider for ADS
        // when in lti context
        try {
            appInfo = JSON.parse(sessionStorage.getItem('ltiAppInfo'));
	    var mixins = { appID: appInfo.appID,
	          lmsProvider: appInfo.provider,
		  appContext: appInfo.lms_name
	    }
            dexterjs.set('config', {mixins:mixins});
       } catch(e) {
            console.error("Error adding ADS mixins for lti: "+ String(e));
       }
    }
    _ck12 = dexterjs;

    function startPageTimer() {
        window.adsPageStartTime = new Date().getTime();
    }

    function adsLogPageTime() {
        var endTime = new Date().getTime();
        var timeOnPage = Math.round((endTime - window.adsPageStartTime)/1000);
        //pageType, URL, duration (in seconds)
        var payload = {
            'URL' : document.location.href,
            'duration': timeOnPage
        };
        if(window.adsPage) {
            payload['pageType'] = window.adsPage;
        } else if (window.pageType) {
            payload['pageType'] = window.pageType;
        }

        if (window.adsSubject) {
            payload['subject'] = window.adsSubject;
        }
        if (window.adsBranch) {
            payload['branch'] = window.adsBranch;
        }
        if (window.adsContextEid) {
            payload['context_eid'] = window.adsContextEid;
        }
        if (window.artifactID) {
            payload['artifactID'] = window.artifactID;
        }

        _ck12.logEvent('FBS_TIMESPENT', payload);
     }

    function adsOnload() {
        if (window.ck12_signed_in) {
            createCookieActiveUser();
        }
        startPageTimer();
    }

    function adsOnBeforeUnload() {
        adsLogPageTime();
    }

    function createCookieActiveUser(){
        var value;
        var now = new Date();
        var time = now.getTime();
        var expireTime = time + 1000*3600;
        now.setTime(expireTime);
        var activeCookie = getCookie('flxweb_user_active');
        if(activeCookie){
            value = activeCookie;
        }else{
            value = getRandomString(25);
            payload = {
                'sessionID': value
            };
            _ck12.logEvent('FBS_ACTIVE_USER', payload);
        }
        document.cookie =
            'flxweb_user_active=' + value +
            '; expires=' + now.toUTCString() +
            '; path=/';
    }

    function addEvent(obj, evt,fn,useCapture){
        if(obj.addEventListener){
            obj.addEventListener(evt,fn,useCapture);
            return true;
        }else if(obj.attachEvent){
            var r=obj.attachEvent('on'+evt,fn);
            return r;
        }else this['on'+evt]=fn;
    }

    addEvent(window, "load", adsOnload);
    addEvent(window, "beforeunload", adsOnBeforeUnload);

<!--Browser Cookie detection start -->
var cookieEnabled = (navigator.cookieEnabled) ? true : false;
if (typeof navigator.cookieEnabled == "undefined" && !cookieEnabled)
{
    var cookieName = "CK12-Cookie-Test";
    document.cookie= cookieName;
    cookieEnabled = (document.cookie.indexOf(cookieName) != -1) ? true : false;
    if (cookieEnabled){
        document.cookie = cookieName + "=; expires=Thu, 01 Jan 1970 00:00:01 GMT;";
    }
}
if (!cookieEnabled){
    cookieBar('block');
}

function cookieBar(displayValue){
    var cookies_msg_container = document.getElementById("nocookies");
    if (cookies_msg_container != null){
        cookies_msg_container.style.display = displayValue;
    }
}

</script>
   <!--Browser Cookie detection end -->
   <script language="javascript" type="text/javascript">
	require(['main'],function(){
        require(['common/utils/user'], function(User) {
            var isPublished = 'True';
            User.getUser().done(function (user) {
                if (isPublished.toLowerCase() != 'true') {
                    user.isLoggedIn(true);
                }
            });
            require(['flxweb.details.actions']);
        });
	});
</script>
   <script language="JavaScript" type="text/x-mathjax-config">
	MathJax.Hub.Config({
		extensions: ["tex2jax.js","TeX/AMSmath.js","TeX/AMSsymbols.js"],
		tex2jax: {
			inlineMath: [['@$','@$']],
			displayMath: [['@$$','@$$']],
			skipTags: ["script","noscript","style","textarea","code"]
		},
		showMathMenu : false,
		jax: ["input/TeX","output/HTML-CSS"],
		messageStyle: "none",
		TeX: {
			extensions: ["cancel.js", "color.js", "autoload-all.js"]
		}
	});
</script>
   <script language="JavaScript" type="text/javascript" src="//d3lkjnwva6z405.cloudfront.net/MathJax-2.7.2/MathJax.js"></script>
   <script type="text/javascript">
    //mod common
    require(['main'],function(){
        require(['js/flxweb.lms.banner'],function(lmsBanner){
            lmsBanner('concept');
	});
    });
</script>
   <script language="JavaScript" type="text/javascript">
    var artifactID = '1867153';
    var artifactRevisionID = '3004887';
    var standardBoards = "";
    require(['main'],function(){
        require(['flxweb.details.modality.read']);
    });
    //var modality_type = 'enrichment';
</script>
   <script language="JavaScript" type="text/javascript">
			var modality_type = "enrichment"
			require(['main'],function(){
					require(['flxweb.modalities.common']);
			});
	</script>
   <script language="JavaScript" type="text/javascript">
		require(['main'],function(){
			require(['jquery','common/utils/practice_badge'],function($, badge){
				$(document).ready(function() {
					$('.modalitysidebar li a.dropdowntop').click(function() {
						var $dropdown = $(this).next('.dropdown');
						if ($dropdown.is(':hidden')) {
							$dropdown.slideDown('slow');
						}
						else {
							$dropdown.hide('slow');
						}
					});

					function checkForcedSignIn(){
						var selectedUrlconfig = $.cookie('assessmentFrameUrlConfig'),
							$menuElement = null;

						if(selectedUrlconfig && window.ck12_signed_in){
							$.removeCookie("assessmentFrameUrlConfig");
							window.location.href = selectedUrlconfig;
						}
				 	}

					checkForcedSignIn();
					if ('js_collection_data' in window)
					{
						var jsCollectionData = window.js_collection_data

						//init practice badge if practice available for concept
						 badge && badge.init({
								"encodedId": window.js_modality_data.domain.encodedID,
								"handle": window.js_modality_data.domain.handle,
								"conceptCollectionHandle": jsCollectionData.collection.descendantCollection.handle,
								"collectionCreatorID": jsCollectionData.collection.creatorID
						 });
					}
					else
					{
						 badge && badge.init({
								"encodedId": window.js_modality_data.domain.encodedID,
								"handle": window.js_modality_data.domain.handle,
						 });
					}
				});
			});
		});

		/*
		require(['main'],function(){
			require(['jquery'],function($){
				$(document).ready(function(){

				});
			});
		});*/

	</script>
   <script>
    if(window.lmsContext === 'lti-app'){
       loadingCheck();
    }
</script>
   <noscript>
    <div style="position:fixed; top:0;left:0;right:0;margin:auto; z-index:9999;">
     <div class="row collapsed" style="text-align:center;background-color:#FFFF99;padding:5px 5px 5px 5px; border:2px solid #999;font-size:16px;text-shadow:none;color:#000000;">
      <div>
       To use this website, please enable javascript in your browser.
       <a style="text-shadow: none;color:#0000FF;text-decoration:underline;" href="/nojavascript/">Learn more</a>
      </div>
     </div>
    </div>
   </noscript>
   <!-- START cookie disabled message -->
   <div id="nocookies" style="text-align:center; top: 0px; width:100%; position:absolute;	z-index:9999; display:none;">
    <div id="nocookies_inner" style="margin:0 auto; height:16px;	width:800px; background-color: #FFFF99;	padding:4px 10px 10px 10px; border:3px solid #999; font-size: 16px; text-shadow: none; color: #000000;">
     <div class="cookiemsg" style="float:left;">
      Oops, looks like cookies are disabled on your browser. Click
      <a style=" text-shadow: none;color: #0000FF;" href="/nocookies/">here</a> to see how to enable them.
     </div>
     <div class="cookies_close" style="float:right;">
      <a style="text-decoration:none;color: #000000;" href="javascript:void(0);" onclick="cookieBar('none');">X</a>
     </div>
    </div>
   </div>
   <!-- END cookie disabled message -->
   <!--
	###############################
	#  FLXWEB DEBUG INFORMATION
	###############################
	flxweb_node_name = flxweb2
	processing_time  = 0.209883
-->
  </div>
 </body>
</html>