Problema con scope

[_cronos2]

Hola gente, de nuevo por aquí preguntando. Estoy tratando de hacer un alter ego del FX.js que terminé hace poco para colores. Es decir, si por ejemplo el fondo es de color verde que vaya poco a poco haciéndose azul. De momento lo tengo así. Si tengo algo así:

Código Javascript:

P('#button').click(function(){
 P('#container').gradiente({
  'colores' : ['#F00', '#00F'],
  'duracion' : 10000
 });
});
 

Funciona correctamente, pero si tengo 3 colores:

Código Javascript:

P('#button').click(function(){
 P('#container').gradiente({
  'colores' : ['#F00', '#0F0', '#00F'],
  'duracion' : 10000
 });
});
 

Sólo me hace el último gradiente. En principio para evitarlo lo puse así:

Código Javascript:

var func = (function(){
    return function(){
     obj.fn = function(p){
      var cAct = padre.separarColor(clrs[0]); // act[R,G,B]
      var difer = padre.calcularDiferencia(clrs[0], clrs[1]);
      var objC = padre.crearObjetoColor(parseInt(cAct.R) + difer.R * p, parseInt(cAct.G) + difer.G * p, parseInt(cAct.B) + difer.B * p);
      JSPlus.escribir(padre.RGBValido(objC))
      este.css(obj.prop, padre.RGBValido(objC));
     };
     este.gradienteEnCurso = 1;
     var trans = new JSPlus.Gradiente.Transicion(obj, este);
     trans.inicio(); 
     trans = null;
     };
    })();
 

Pero parece que no tira el asunto ¿A quién se le ocurre algo?
Saludos y gracias :D