JS Скрипт, Как правилнее будет привязать к событию

[Дерзкий]

Не могу доехать как мне правильно привизать скрипт к событию.
На сайте вот такой хтмл

<div class="question" id="ss-1">
</div>
<div class="question" id="ss-2">
</div>
<div class="question" id="ss-3">
</div>	
			<br><br><img  onclick="nq(cq)"  type="button" src="save.gif" id="control-buttons">

<div class="question" id="ss-4">
</div>

И Js код

var cq = 1;           
  var fq = 4;           
  var sd = 1;           
  var ep = 0;           
           
function nq(val) {           
   cq = val + 1;           
   if (cq > fq) { cq = fq; }  
   hideit(cq - 1);
   showit(cq);       
   if (cq == fq) {           
       var itm = document.getElementById('control-buttons');           
       itm.style.display="none";           
   }           

}
           
function showit(cq) {           
   var itm = document.getElementById("ss-" + cq);           
   itm.style.display="block";           
}           
           
function hideit(cq) {           
   var itm = document.getElementById("ss-" + cq);           
   itm.style.display="none";           
}

Суть этого кода в том что бы при нажатии на <img onclick="nq(cq)" type="button" src="save.gif" id="control-buttons"> выводился следуйший див блок. Что собственно мне и надо. Но вот в четвертом диве должен быть JS код который бы отрабатывал только тогда когда браузер посетителя перешёл на 4 див.
Как это реализовать подскажите?

Извиняюсь за нубский вопрос, но в жабаскрипт я полный ноль.

 

[polyetilen]

например добавить в функцию showit проверку на номер блока, если 4 тогда запустить какую нибудь функцию

function showit(cq) {           
   ...
   if(cq==4)alert('blok 4');
}

 

[diavolic]

Не могу доехать как мне правильно привизать скрипт к событию.
На сайте вот такой хтмл

<div class="question" id="ss-1">
</div>
<div class="question" id="ss-2">
</div>
<div class="question" id="ss-3">
</div>	
			<br><br><img  onclick="nq(cq)"  type="button" src="save.gif" id="control-buttons">
<div class="question" id="ss-4">
</div>

И Js код

var cq = 1;           
  var fq = 4;           
  var sd = 1;           
  var ep = 0;           
function nq(val) {           
   cq = val + 1;           
   if (cq > fq) { cq = fq; }  
   hideit(cq - 1);
   showit(cq);       
   if (cq == fq) {           
       var itm = document.getElementById('control-buttons');           
       itm.style.display="none";           
[B]ВСТАВЬ СВОЙ СКРИПТ СЮДА[/B]
   }           
}
function showit(cq) {           
   var itm = document.getElementById("ss-" + cq);           
   itm.style.display="block";           
}           
function hideit(cq) {           
   var itm = document.getElementById("ss-" + cq);           
   itm.style.display="none";           
}

Суть этого кода в том что бы при нажатии на <img onclick="nq(cq)" type="button" src="save.gif" id="control-buttons"> выводился следуйший див блок. Что собственно мне и надо. Но вот в четвертом диве должен быть JS код который бы отрабатывал только тогда когда браузер посетителя перешёл на 4 див.
Как это реализовать подскажите?
Извиняюсь за нубский вопрос, но в жабаскрипт я полный ноль.

в твоем скрипте это уже реализовано.