// execute your scripts when DOM is ready. this is a good habit 
$(function() {         
		$("div.scrollable").scrollable({
			size: 3,
			items: '#thumbs',  
			hoverClass: 'hover'		
		});	       
    // initialize scrollable  
	    $("div.scrollable2").scrollable({ 
        interval: 3000, 
		vertical:true, 
		size: 2,
        loop: true,  
        speed: 600, 
        onBeforeSeek: function() { 
            this.getItems().fadeTo(300, 0.2);         
        }, 
        onSeek: function() { 
            this.getItems().fadeTo(300, 1); 
        } 
    });     
	$("div.scrollable3").scrollable({ 
        interval: 5000, 
		size: 1,
        loop: true,  
        speed: 600, 
        onBeforeSeek: function() { 
            this.getItems().fadeTo(300, 0.2);         
        }, 
        onSeek: function() { 
            this.getItems().fadeTo(300, 1); 
        } 
    });     
     
});