transtion1.js

var PageTransitioner = Class.create();
  PageTransitioner.prototype = {         
   initialize: function() {
   this.trackLinks();
  },
  trackLinks: function() {
   document.observe('click', (function(event){
    var target = event.findElement('a[rel^=transition]') || event.findElement('area[rel^=transition]');
    if (target) {
     if (typeof(target) != 'object') target = $(target);
     target.path = target.href;
     target.href='#';
     new Effect.Puff('content', {
       duration :1.0,
       afterFinish:function() {
         window.location = target.path;
         return false;
     }});
    }
   }).bind(this));
  }
 };