[wertmax]

есть 2 кнопки: вперед и назад. они соответственно должны менять родительский блок с текстом и картинкой. всего 4 блока. вот скрипт:

var i = 1;
function nextBlockService() {
  if (i != 4) {
    i++;
    var name = ('scripts/block_' + i + '.html');
    document.qwerty.src = [name];
  }
  else {
    i = 1;
    var name = ('scripts/block_' + i + '.html');
    document.qwerty.src = [name];
  } 
}
function prevBlockService() {
  if (i != 1) {
     i--;
     var name = ('scripts/block_' + i + '.html');
     document.qwerty.src = [name];
  }
  else {
    i = 4;
    var name = ('scripts/block_' + i + '.html');
    document.qwerty.src = [name];
   } 
}

вот код html:

<div class="service" name="qwerty">
  <div class="imgservice">
    <img name="ser" src="images/service/main/img_1.jpg" style="border-radius: 7px">
  </div>
  <div class="but_title">
    <div class="but3">
      <input type="button" value="&#60&#60" onClick="prevBlockService()">
    </div>
    <div class="title_service">
      Детский праздник
    </div>
    <div class="but4">
      <input type="button" value="&#62&#62" onClick="nextBlockService()">
    </div>
  </div>
  <div class="txt_service">
    Организация детских праздников с привлечением аниматоров.<br>
Детский праздник - всегда необычный праздник, на нё можно быть сказочным, с долей фантазии. 

Пираты - в поисках сокровищ! Один из самых популярных детских спектаклей, ведь кто из нас не 

мечтал отправиться на необитаемый остров и найти там настоящий сундук с сокровищами.
  </div>
</div>

что-то не работает, а скорее всего - все я не знаю как правильно обратиться к родительскому блоку, вряд ли я правильно это сделал атрибутом "name" и в чем нужно писать остальные блоки - .html или .txt или еще где?
сильно не ругайтесь, я только в начале бесконечного пути познания этого великого языка скриптов

P.S. если такая тема была - простите. я искал, честно искал. иначе бы не зарегистрировался