<div id="Carousel2" class="carousel slide" data-ride="carousel">
          <!-- Indicators -->
          <div class="hidenumbers">
          <ol class="carousel-indicators" id="move">
            <li data-target="#Carousel2" data-slide-to="0" class="active">1</li>
            <li data-target="#Carousel2" data-slide-to="1">2</li>
            <li data-target="#Carousel2" data-slide-to="2">3</li>
            <li data-target="#Carousel2" data-slide-to="3">4</li>
          </ol>
          </div>
          <!-- Wrapper for slides -->
          <div class="carousel-inner" id="newscarousel" role="listbox">
                <div class="item active">
                  <img src="news.png" alt="">
                </div>
                <div class="item">
                  <img src="news.png" alt="">
                </div>
                <div class="item">
                  <img src="news.png" alt="">
                </div>
                <div class="item">
                  <img src="news.png" alt="">
                </div>
          </div><!-- Carousel inner -->
          <a class="left carousel-control" href="#Carousel2" role="button" data-slide="prev">
            <img src="left.png" onClick="prev()" aria-hidden="true">
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control" href="#Carousel2" role="button" data-slide="next">
            <img src="right.png" onClick="nxt()" aria-hidden="true">
            <span class="sr-only">Next</span>
          </a>
      </div><!-- CAROUSEL 2 -->

function prev() {
    var val = (parseInt(document.getElementById('move').style.left, 10) || -27) + 18;
    document.getElementById('move').style.left = val + 'px';
}

function nxt() {
    var val = (parseInt(document.getElementById('move').style.left, 10) || 45) - 18;
    document.getElementById('move').style.left = val + 'px';
}