Layer.js #1

/**
 * Layer explosing animation
 * @method clearExplode
 */
WireIt.Layer.prototype.clearExplode = function(callback, bind) {

   var center = [ Math.floor(YAHOO.util.Dom.getViewportWidth()/2),
		            Math.floor(YAHOO.util.Dom.getViewportHeight()/2)];
   var R = 1.2*Math.sqrt( Math.pow(center[0],2)+Math.pow(center[1],2));

   for(var i = 0 ; i < this.containers.length ; i++) {
       var left = parseInt(dbWire.layer.containers[i].el.style.left.substr(0,dbWire.layer.containers[i].el.style.left.length-2),10);
	    var top = parseInt(dbWire.layer.containers[i].el.style.top.substr(0,dbWire.layer.containers[i].el.style.top.length-2),10);

	    var d = Math.sqrt( Math.pow(left-center[0],2)+Math.pow(top-center[1],2) );

	    var u = [ (left-center[0])/d, (top-center[1])/d];
	    YAHOO.util.Dom.setStyle(this.containers[i].el, "opacity", "0.8");

	    var myAnim = new WireIt.util.Anim(this.containers[i].terminals, this.containers[i].el, {
           left: { to: center[0]+R*u[0] },
           top: { to: center[1]+R*u[1] },
	        opacity: { to: 0, by: 0.05},
	        duration: 3
       });
       if(i == this.containers.length-1) {
          myAnim.onComplete.subscribe(function() { this.clear(); callback.call(bind);}, this, true); 
       }
	    myAnim.animate();
   }

};