var lastfade = 1;
var fading = 0;
var lf;


function fader(mn, olevel) {
   var tname = 'id_iptdiv'+mn;
   var dpt = document.getElementById(tname);
   tname = 'id_iptdiv'+lastfade;
   var dpto = document.getElementById(tname);
   olevel = olevel + 25;
   if (olevel > 100) { olevel = 100;}
   var olevel2 = (100-olevel);
   dpt.style.opacity = olevel/100;
   dpt.style.filter = 'alpha(opacity=' + olevel + ')';
   dpto.style.opacity = olevel2/100;
   dpto.style.filter = 'alpha(opacity=' + olevel2 + ')';
   if (olevel < 100) {
      tname = 'fader('+mn+','+olevel+')';
      lf=setTimeout(tname,1);
   } else {
      lastfade = mn;
      fading=0;
      dpto.style.visibility = 'hidden';
   }
}


function fade_in(mn) {
   if ((mn != fading) && (mn != lastfade)) {
      var tname = 'id_iptdiv'+mn;
      var dpt = document.getElementById(tname);
      tname = 'id_iptdiv'+lastfade;
      var dpto = document.getElementById(tname);
      if (fading !== 0) {
         clearTimeout(lf);
         dpto.style.visibility = 'hidden';
         lastfade = fading;
         fading = mn;
         tname = 'id_iptdiv'+lastfade;
         dpto = document.getElementById(tname);
      }
      if ((fading === 0) || (fading == mn)) {
         clearTimeout(lf);
         var value = 0;
         dpt.style.opacity = value/100;
         dpt.style.filter = 'alpha(opacity=' + value + ')';
         dpt.style.visibility = 'visible';
         value = 100;
         dpto.style.opacity = value/100;
         dpto.style.filter = 'alpha(opacity=' + value + ')';
         dpto.style.visibility = 'visible';
         fading = mn;
         tname = 'fader('+mn+',0)';
         lf=setTimeout(tname,1);
       }
    }
}