$(function() {

 

	// initialize scrollable

	$(".scrollable").scrollable();

 

});





$(document).ready(function() {

$("img[rel]").overlay({

	effect: 'drop',

	mask: '#789'

});

});



$.easing.drop = function (x, t, b, c, d) {

	return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;

};

$.tools.overlay.addEffect("drop", function(css, done) { 

   var conf = this.getConf(),

       overlay = this.getOverlay();           

   if (conf.fixed)  {

      css.position = 'fixed';

   } else {

      css.top += $(window).scrollTop();

      css.left += $(window).scrollLeft();

      css.position = 'absolute';

   } 

   overlay.css(css).show();

   overlay.animate({ top: '+=55',  opacity: 1,  width: '+=20'}, 400, 'drop', done);

   }, function(done) {

      this.getOverlay().animate({top:'-=55', opacity:0, width:'-=20'}, 300, 'drop', function() {

         $(this).hide();

         done.call();      

      });

   }

);

$("img[rel]").overlay({

	effect: 'drop',

	mask: '#789'

});