// JavaScript Document
 $.easing.custom = function (x, t, b, c, d) {
		return c * Math.sin(t/d * (Math.PI/2)) + b;
	};
	
$.easing.easeOutElastic = function (x, t, b, c, d, s) {
		if (s == undefined) s = 1.70158;
		return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
	};

// Use easeOutElastic in the easing option in place of custom to get an elastic effect :) 

$(document).ready(function() {

// initialize scrollable together with the circular plugin
var api = $("div.scrollable").scrollable({api:true,size:1,easing:'easeOutElastic',clickable:false,vertical:true}); // change easeOutElastic in easing to custom
var api1 = $("div.scrollable1").scrollable({api:true,size:1,easing:'easeOutElastic',clickable:false,vertical:true});
$("#next").click(function(event){
					
					api.prev();
				         event.preventDefault();
						  });
$("#previous").click(function(event){
						 
					 api.next(); 
				         event.preventDefault();
						  });

$("#next1").click(function(event){
					
					api1.prev();
				         event.preventDefault();
						  });
$("#previous1").click(function(event){
						 
					 api1.next(); 
				         event.preventDefault();
						  });


});