Проблема такая. Картинка при наведение на нее мышкой картинки меняются (получается не большая анимация) уводишь мышку анимация прекращается и вот в таком виде это даже работает:

    $(".icon").hover(
       function fun(z)
       {

          var sr = $('#myImageSnow').attr("src"); //Путь до картинки
          var b = sr.substr(9, 2);//извлекаю цифру которая есть в пути картинки
          var z = parseInt(b); // записываю ее  в переменную как цифру
          z += 1 ; //прибавляю к ней единицу

          if(z > 20)
         {
             z=1; // картинок всего 20 если больше 20 значит снова 1 анимация идет по кругу
         }

         $('#myImageSnow').attr("src","img/snow/"+z+"snow.png")//вставляю картинку 

         if(z<21)
         {
             timeoutId =  setTimeout(function () { fun(z);}, 50); // если z меньше 20 то повторяю действие
          }
       },

      function (of)
      {
          $('#myImageSnow').attr("src","img/snow/1snow.png")
          clearTimeout(timeoutId) // если убрал мышь прекращаю анимацию
      }
    );

Но здесь четко прописаны id, а картинок объектов на странице будет несколько и мне бы не хотелось прописывать четко id, а надо бы воспользоваться $(this):

А вот в таком виде код отрабатывает один раз (меняет картинку на следующую, а дальше не идет останавливается )

  $(".icon").hover(

       function fun(z)
       {
      // var sr = $('#myImageSnow').attr("src"); строка с которой работает
      var sr = $(this).children("a").children("img").attr("src");//не работает
       var b = sr.substr(9, 2);
       var z = parseInt(b);
       z += 1 ;
       if(z > 20)
       {
           z=1;
       }
    //  $('#myImageSnow').attr("src","img/snow/"+z+"snow.png")    строка с которой работает
      $(this).children("a").children("img").attr("src","img/snow/"+z+"snow.png");//не работает
       if(z<21)
           {
          timeoutId =  setTimeout(function () { fun(z);}, 50);
           }
       },

      function (of)
      {
         $(this).children("a").children("img").attr("src","img/snow/1snow.png")
         clearTimeout(timeoutId)
      }
    );

кусочек HTML чтоб было понятней )

<div class="icon">
<a href=""><img id="myImageSnow"    src="img/snow/1snow.png"   /> </a>
</div>

В чем может быть причина? Заранее благадарю.