anchor.diff:              </div>
           </div>
           <div class="row">
  -            <div class="col-sm-12">
  -                <%-- Now let's add some Preferences --%>
  -                <%-- Start with Screen shots and what not --%>
  -                <%--TODO replace carousel with more accessibility friendly element --%>
  -                <c:if test="${not empty portlet.screenShots}">
  -                    <c:set var="validUrlCount" value="0"/>
  -                    <c:forEach var="screenShot" items="${portlet.screenShots}">
  -                        <c:set var="imageUrl" value="${screenShot.url}" />
  -                        <%-- todo:  replace this with a less expensive test -- preferably client side --%>
  -                        <%--<c:if test="${up:isValidUrl(imageUrl)}">--%>
  -                        <c:set var="validUrlCount" value="${validUrlCount + 1}" />
  -                        <%--If validUrlCount is 1 then we can make a header--%>
  -                        <c:if test="${validUrlCount==1}">
  -                            <div class="row">
  -                                <div class="col-md-12">
  -                                    <h1><spring:message code="screenshots.cap" text="Screenshots/Videos"/></h1>
  -                                </div>
  -                            </div>
  -                            <div class="row">
  -                                <div class="col-md-offset-3 col-xs-6">
  -                                    <div class="carousel-container">
  -                                        <div id="marketplace_screenshots_and_videos" class="carousel slide" data-ride="carousel" data-interval="9000" data-wrap="true">
  -                                            <%--Adds a carousel inner div --%>
  -                                            <div class="carousel-inner marketplace_carousel_inner">
  -                        </c:if>
  -                        <div class="item marketplace_screen_shots">
  -                            <img src="${imageUrl}" alt="screenshot for portlet">
  -                            <c:if test="${not empty screenShot.captions}">
  -                                <div class="carousel-caption">
  -                                    <c:forEach var="portletCaption" items="${screenShot.captions}">
  -                                        <h3>${portletCaption}</h3>
  -                                    </c:forEach>
  -                                </div>
  -                            </c:if>
  -                        </div>
  -                        <%--<c:if/>--%>
  -                    </c:forEach>
  -                    <%--Closes the carousel-inner marketplace_carousel_inner div --%>
  -                    <c:if test="${validUrlCount gt 0}">
  -                        </div>
  -                    </c:if>
  -                    <%--Only add the little prev/next arrows when screenshots>1 --%>
  -                    <c:if test="${validUrlCount gt 1}">
  -                        <ol class="carousel-indicators marketplace_carousel_indicators">
  -                            <c:forEach var="i" begin="0" end="${validUrlCount-1}">
  -                                <li data-target="#marketplace_screenshots_and_videos" data-slide-to="${i}"></li>
  -                            </c:forEach>
  -                        </ol>
  -                        <a class="left carousel-control" href="#marketplace_screenshots_and_videos" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
  -                        <a class="right carousel-control" href="#marketplace_screenshots_and_videos" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
  -                    </c:if>
  -                    <c:if test="${validUrlCount gt 0}">
  -                        <%--Closes the marketplace_screenshots_and_videos div--%>
  -                        </div>
  -                        <%--Closes the col div --%>
  -                        </div>
  -                        <%--Closes the container div --%>
  -                        </div>
  -                        <%--Closes the row div --%>
  -                        </div>
  -                    </c:if>
  -                </c:if>
  -            </div>
  +            <div class="col-sm-12 screen-shot-section"></div>
           </div>
           <div class="row">
               <div class="col-xs-12">
  
positive.code: 
          updateOptionsMenu();
  
  
          var updateCharactersRemaining = function(){
              if($("#${n}marketplace_user_review_input").val().length > defaults.textReviewCharLimit){
  
negative.code:     {% }); %}
  </script>
  
  <script type="text/template" id="${n}screen-shots">
      {% if (screenShots.length > 0) { %}
          <div class="row">
              <div class="col-md-12">
                  <h1>
                      <spring:message code="screenshots.cap" text="Screenshots/Videos"/>
                  </h1>
              </div>
          </div>
          <div class="row">
              <div class="col-md-offset-3 col-xs-6">
                  <div class="carousel-container">
                      <div id="${n}marketplace_screenshots_and_videos" class="carousel slide" data-ride="carousel" data-interval="9000" data-wrap="true">
                          <div class="carousel-inner marketplace_carousel_inner" role="listbox">
                              {% _(screenShots).each(function(screen, idx) { %}
                                  <div class="item marketplace_screen_shots {% if (idx === 0) { %} active {% } %}">
                                      <img src="{%= screen.url %}" alt="screenshot for portlet">
                                          {% _(screen.captions).each(function(caption) { %}
                                              <div class="carousel-caption">
                                                  <h3>{%- caption %}</h3>
                                              </div>
                                          {% }); %}
                                      </img>
                                  </div>
                              {% }); %}
                          </div>
                          {% if (screenShots.length > 1) { %}
                              <ol class="carousel-indicators marketplace_carousel_indicators">
                                  {% _(screenShots).each(function(screen, idx) { %}
                                      <li data-target="#${n}marketplace_screenshots_and_videos" data-slide-to="{%= idx %}"></li>
                                  {% }); %}
                              </ol>
                              <a class="left carousel-control carousel-marketplace-control" href="#${n}marketplace_screenshots_and_videos" role="button" data-slide="prev">
                                  <span class="glyphicon glyphicon-chevron-left"></span>
                              </a>
                              <a class="right carousel-control carousel-marketplace-control" href="#${n}marketplace_screenshots_and_videos" role="button" data-slide="next">
                                  <span class="glyphicon glyphicon-chevron-right"></span>
                              </a>
                          {% } %}
                      </div>
                  </div>
              </div>
          </div>
      {% } %}
  </script>
  
  <div id="${n}">
      <div>
          <div class="row">
  