Смена картинки с затуханием

//функция возвращает объекту прозрачность
function srr() {
    
 
        document.getElementById("topscrn").setAttribute('style', '-khtml-opacity:1');
    document.getElementById("topscrn").setAttribute('style', '-moz-opacity:1');
    document.getElementById("topscrn").setAttribute('style', 'filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)');
    document.getElementById("topscrn").setAttribute('style', 'opacity:1');
}

//функция делает объет прозрачным
function anim() {
    var img1 = document.getElementById("topscrn");
    //alert();
    if (max >= 0) {
        max -= 0.1;
        img1.setAttribute('style', '-khtml-opacity:' + max);
        img1.setAttribute('style', '-moz-opacity:' + max);
        img1.setAttribute('style', 'filter:progid:DXImageTransform.Microsoft.Alpha(opacity=' + max * 10 + ')');
        img1.setAttribute('style', 'opacity:' + max);
        var timer = setTimeout("anim();", 100);
 
    }
    else 
    {
        clearTimeout(timer);
        max = 0;
    }
   
}

//функция смены картинки
function prev() {
    imgcounter--; //счётчик картинок
    if (imgcounter <0)
        imgcounter = 2;
   
if(imgcounter==0) //номер картинки
{
anim(); //делаем текущую картинку прозрачной
if (max == -0.1) {
   
    srr(); //возвращаем прозрачность в видемое положение
document.getElementById("ts").src = "img/scr/topscrn.png"; //меняем картинку на следующую
max = 1; //выставляем прозрачность на 1 для след смены при клике.
    }
}
if (imgcounter == 1) {
    anim();
    if (max == -0.1) {
 
        document.getElementById("ts").src = "img/scr/1.png";
        srr();
        max = 1;  
    }
}
if (imgcounter == 2)
 {
    anim();
    if (max == -0.1)
     {
         document.getElementById("ts").src = "img/scr/2.png";
        srr();
        max = 1;
       }
   }
}

function mF (x)
{
if (!this.dir)
   {
   this.dir = -1; this.ops = 99; this.count = 100 + x;
   this.obj = document.getElementById ('ts');
   if ('v' == '\v') this.obj.style.filter = 'alpha(opacity=' + this.ops + ')';
   else this.obj.style.opacity = this.ops;
   TMR = setTimeout ('mF ()', 20);
   }
else
   {
   clearTimeout (TMR);
   if (this.ops > 0 && this.ops < 100)
      {
      this.ops += this.dir;
      if ('v' == '\v') this.obj.style.filter = 'alpha(opacity=' + this.ops + ')';
      else this.obj.style.opacity = .01 * this.ops;
      }
   else
      {
      if (!this.ops) {var t = this.obj.lang; this.obj.lang = this.obj.src; this.obj.src = t}
      this.dir *= -1; this.ops += this.dir;
      }
   if (this.count != this.ops) TMR = setTimeout ('mF ()', 20);
   }
}

setTimeout ("mF ()", 20)

setTimeout (mF, 20)

setTimeout ('mF ()', 20);

      var 
        srcList = [ /* Список адресов изображений для альбома */
          "http://www.inpic.ru/pic/9153-d6eeaf88.jpg",
          "http://www.inpic.ru/pic/9043-de987351.jpg",
          "http://www.inpic.ru/pic/8946-f29acbd3.jpg",
          "http://www.inpic.ru/pic/8844-f42f24b8.jpg",
          "http://www.inpic.ru/pic/8836-e2eeb0bc.jpg"
        ],
        
        img = document.getElementById( "monitor" ),
        
        /** Синглтон Event. Простой кроссбраузерный инструмент для работы с событиями */
        Event = {
          set: window.addEventListener ? 
            function(elem, event, listener) {
              elem.addEventListener(event, listener, false)
              return listener;
            } :
            function(elem, event, listener) {
              var fixedListener = function() {listener.call(elem, window.event)};
              elem.attachEvent("on" + event, fixedListener);
              return fixedListener;
            }
          ,
          remove: window.addEventListener ? 
            function(elem, event, listener) {
              elem.removeEventListener(event, listener, false)
            } :
            function(elem, event, listener) {
              elem.detachEvent("on" + event, listener);
            }
        },
        
        /* 
          Функция для смены src изображения с исчезанием и проявлением.
          Принимает два аргумента: объект img и новое значение src в виде строки.
          Нуждается в наличии синглтона Event, хранящемся в глобальном контексте.
        */
        changeImg = ( function() {
          var setOpacity = ( function() { // Один раз проверяем браузер и устанавливаем соответствующую функцию для смены прозрачности
            return "v" === "\v" ?
              function(img, op) {
                img.style.filter = "alpha(opacity=" + op * 100 + ")"; 
              } :
              function(img, op) {
                img.style.opacity = op;
              }
            ;
          } )();
            
          return function(img, newSrc) {
            var 
              nowOpacity = 1,
              step = -0.05,
              ms = 20,
              needOpacity = 0,
              listenerId
            ;
            
            function cycle() {
              if (needOpacity !== nowOpacity) {                       // Оператор opacity in / opacity out
                nowOpacity = +( ( nowOpacity + step ).toFixed( 2 ) ); // В условии равенство, поэтому округляем, чтобы избежать проблем с погрешностями.
                setOpacity(img, nowOpacity);
                setTimeout(cycle, ms);
              } else if (nowOpacity == 0) {                           //Запускаем появление новой картинки вместо старой
                img.src = newSrc;
                listenerId = Event.set( img, "load", function() {
                  needOpacity = 1;
                  step = -step;
                  cycle();
                  Event.remove( img, "load", listenerId );
                })
              }
            }
            
            cycle();    // Всё готово, запускаем смену картинок
          }
        } )()
      ;
      
      /** Организуем управление альбомом */
      function startOperator(srcList, img, back, forward) {
        var n = 0;
        img.src = srcList[0];
        back.disabled = true;
        
        Event.set( back, "click", function() {
          if ( n > 0) {
            n--;
            forward.disabled = ( n >= srcList.length - 1 );
            this.disabled = ( n <= 0 );
            changeImg(img, srcList[n]);
          }
        } );
        
        Event.set( forward, "mouseup", function() {
          if ( n < srcList.length - 1 ) {
            n++;
            this.disabled = ( n >= srcList.length - 1 );
            back.disabled = ( n <= 0 )
            changeImg(img, srcList[n]);
          }
        } )
      }
      
      /*
        Запускаем альбом, передавая оператору лист адресов, изображение и кнопки вперёд и назад.
      */
      
      startOperator( srcList, img, document.getElementById( "back" ), document.getElementById( "forward" ) );