[Igorsrt]

Да, именно так должно быть, спасибо... только что-то у меня пока не получается применить к моему коду

<style>
   li { display:inline }
   .active { color:red }
</style>

<ol class="carousel-indicators visible-sm-block hidden-xs-block visible-md-block visible-lg-block">
                         <li data-target="#carousel-custom" data-slide-to="0" class="">
              <img src="http://ingraf.su/wp-content/uploads/adecco.jpg" alt="Adecco" class="img-responsive">
            </li>						
<li data-target="#carousel-custom" data-slide-to="1" class="">
              <img src="http://ingraf.su/wp-content/uploads/Rambler.jpg" alt="Rambler" class="img-responsive">
            </li>						
<li data-target="#carousel-custom" data-slide-to="2" class="active">
              <img src="http://ingraf.su/wp-content/uploads/bel.jpg" alt="Белая птица" class="img-responsive">
            </li>						
<li data-target="#carousel-custom" data-slide-to="3" class="">
              <img src="http://ingraf.su/wp-content/uploads/Rusbiteh.jpg" alt="Русбитех" class="img-responsive">
            </li>						
<li data-target="#carousel-custom" data-slide-to="4" class="">
              <img src="http://ingraf.su/wp-content/uploads/Tryohgornaya-manufaktura.jpg" alt="Трёхгорная мануфактура" class="img-responsive">
            </li>						
<li data-target="#carousel-custom" data-slide-to="5" class="">
              <img src="http://ingraf.su/wp-content/uploads/Moskabelmet.jpg" alt="Москабельмет" class="img-responsive">
            </li>						
<li data-target="#carousel-custom" data-slide-to="6" class="">
              <img src="http://ingraf.su/wp-content/uploads/Asteros.jpg" alt="Астерос" class="img-responsive">
            </li>						
<li data-target="#carousel-custom" data-slide-to="7" class="">
              <img src="http://ingraf.su/wp-content/uploads/Subaru.jpg" alt="Subaru" class="img-responsive">
            </li>						
<li data-target="#carousel-custom" data-slide-to="8" class="">
              <img src="http://ingraf.su/wp-content/uploads/Nestle.jpg" alt="Nestle Waters" class="img-responsive">

            </li>						
						


          </ol>
	<script>

  document.querySelector("ol").onclick = function(e){
    var lis = document.querySelectorAll('li');
    var selected = [].indexOf.call(this.children, (e ? e.target :event.srcElement) ) ; 
    if(selected != 1) {
       curr = selected ? selected - 1: lis.length - 1;
       var innerOl = "<li>" + lis[curr].innerText + "</li>\n<li class='active'>" + lis[selected].innerText + "</li>\n";
      curr++;
      for(var i = 2;i <lis.length;i++) { 
          curr++;
          if(curr >= lis.length) { if(selected==0) curr = 1;
            else curr =0;
          }
          innerOl += "<li>" + lis[curr].innerText + "</li>\n";
      }
      this.innerHTML = innerOl;     
   }
};
</script>

Ваш код работает, а мой нет... что не так?