Несколько слайд-шоу с плавной сменой изображений на jQuery

[Admin]

По просьбе из комментариев к основной теме скрипта был обратно добавлен текст, меняющийся вместе с изображениями, и немного переработан код:

Код:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js">
</script>

<script type="text/javascript">
images = ['image/img_1.png','image/img_2.png','image/img_3.png','image/img_4.png'];
text = ['Картинка 1','<a href="index.php">Картинка 2</a>','<font color="red">Картинка 3</font>','Картинка 4'];
images2 = ['image/img_11.png','image/img_12.png','image/img_13.png'];
text2 = ['Картинка 11','<a href="index.php">Картинка 12</a>','Картинка 13'];
images3 = ['image/img_111.png','image/img_112.png'];
text3 = ['Картинка 111','Картинка 112'];
var ImgNum = [0,0,0];
time = 800;

function chgImg(whois,mass,txt,num) {
  ImgNum[num]++;
  if (ImgNum[num] > mass.length - 1) { ImgNum[num] = 0; }
  $('#slide_show'+whois).fadeOut(time, function() { $(this).attr('src', mass[ImgNum[num]]).fadeIn(time); });
  $('#slide_text'+whois).fadeOut(time, function() { $(this).html(txt[ImgNum[num]]).fadeIn(time); });
}
</script>

<div align="center">
<img src="image/img_1.png" id="slide_show"><br>
<span id="slide_text">Картинка 1</span><br><br>

<img src="image/img_11.png" id="slide_show2"><br>
<span id="slide_text2">Картинка 11</span><br><br>

<img src="image/img_111.png" id="slide_show3"><br>
<span id="slide_text3">Картинка 111</span>
</div>

<script type="text/javascript">
run = setInterval("chgImg('', images, text, 0)", 2500);
run2 = setInterval("chgImg(2, images2, text2, 1)", 3000);
run3 = setInterval("chgImg(3, images3, text3, 2)", 3500);
</script>

[lunar]

А как остановить выполнение скрипта. У меня все одновременно запускаются, нужно, чтобы одновременно останавливались.

[Admin]

Например, вот так:

Код:

<button onclick="clearInterval(run);clearInterval(run2);clearInterval(run3);">Остановить</button>