$(document).ready(function(){
    $("#tabs").tabs({ fx: { opacity: 'toggle' } });
  });
  
  
jQuery.fn.fadeToggle = function(speed, easing, callback) {
  return this.animate({opacity: 'toggle'}, speed, easing, callback);  
};
 
$(document).ready(function() {         
         
    // initialize scrollable  
    $("div.scrollable").scrollable({ 
         
         size: 1,    
        // items are auto-scrolled in 2 secnod interval 
        interval: 10000, 
         
        // when last item is encountered go back to first item 
        loop: true,  
         
        // make animation a little slower than the default 
        speed: 600, 
         
        // when seek starts make items little transparent 
        onBeforeSeek: function() { 
            this.getItems().fadeTo(200, 0.5);         
        }, 
         
        // when seek ends resume items to full transparency 
        onSeek: function() { 
            this.getItems().fadeTo(200, 1); 
        } 
    });     
     
});