jQuery(document).ready(function($) {	
	var img_height = $('img').css('height');
	var i=1;
	var imgSlideSpeed = 400;
	var count = $('.scrollable .items img').length;
	
	$('.scrollable').scrollable({  
		size: 1, 
		speed: 200,
		clickable: false,
		keyboard: false,
	}).circular();
	$('.next').click(function() {
		i++;
		if (i > count) {
			i = 1;
		}
		img_height = $('img:eq('+i+')').css('height');
		$('.scrollable').animate({
			'height': img_height,
		}, imgSlideSpeed);
	});
	$('.prev').click(function() {
		i--;
		if (i < 1) {
			i = count;
		}
		img_height = $('img:eq('+i+')').css('height');
		$('.scrollable').animate({
			'height': img_height,
		}, imgSlideSpeed);
	});
	$('.scrollable').animate({
		'height': img_height,
	}, imgSlideSpeed);
	
});