Salve a tutti, premetto che non credo sia una cosa difficile.
Questa classe gestisce una dissolvenza.

Ho associato questa classe al click su una <TD>

Cosa vorrei che faccia
Vorrei poter gestire anche la dissolvenza all'opposto.
di default fa da 100 a 60 opacity (esempio)
Vorrei impostarla per fare da 60 a 100

codice:
fade = {
    step: 2,
    speed : 0.1,
    finalOpacity : 80,
    currentOpacity : 100,
    elID : null,
    init : function(el) {
        fade.elID = el;
      if(arguments.length>1)
      {
         fade.currentOpacity=arguments[1];
         fade.finalOpacity=arguments[2];
         fade.speed=arguments[3];
         if(fade.currentOpacity<fade.finalOpacity&&fade.step>0)fade.step*=-1;
      }
      if(arguments.length>4)fade.step=arguments[4];
        if (!document.getElementById(el)) return;
      fade.setOP(fade.currentOpacity);
        fadeInterval = setInterval('fade.doFade()',fade.speed);
    },
    setOP : function(newOpacity) {
      obj = document.getElementById(fade.elID);
      if(newOpacity<10)newOpacity='0'+newOpacity;
        if(newOpacity<100)obj.style.opacity = "."+(newOpacity);else obj.style.opacity = 1;
        obj.style.filter = "alpha(opacity="+newOpacity+")";
        fade.currentOpacity = newOpacity;
    },
    doFade : function(obj) {        
        if (fade.step>0&&(fade.currentOpacity-fade.step>fade.finalOpacity)) {
          fade.setOP(fade.currentOpacity - fade.step);
        }
        else if (fade.step<0&&(fade.currentOpacity-fade.step<fade.finalOpacity)) {
          fade.setOP(fade.currentOpacity - fade.step);
        }
      else {
          fade.setOP(fade.finalOpacity);
            clearInterval(fadeInterval);
        }
    }
}
codice:
<td bgcolor="#FFFFCC" id="steppo1" style="cursor:pointer;" 
onClick="fade.init('steppo1','100','60','20','2');">STEP 1</td>
Non riesco a comprenderene bene il funzionamento.. mi date una mano x la modifica?