$(function()
{
	var pane = $('.scroll-pane');
	pane.jScrollPane(
		{
			showArrows: true,
			animateScroll: true
		}
	);
	var api = pane.data('jsp');

	$('#but-scroll-to').bind(
		'click',
		function()
		{
			api.scrollTo(parseInt($('#toX').val()), parseInt($('#toY').val()));
			return false;
		}
	);
	
	$('#but-scroll-to2').bind(
		'click',
		function()
		{
			api.scrollTo(parseInt($('#toX2').val()), parseInt($('#toY').val()));
			return false;
		}
	);
	$('#but-scroll-to3').bind(
		'click',
		function()
		{
			api.scrollTo(parseInt($('#toX3').val()), parseInt($('#toY').val()));
			return false;
		}
	);
	$('#but-scroll-to4').bind(
		'click',
		function()
		{
			api.scrollTo(parseInt($('#toX4').val()), parseInt($('#toY').val()));
			return false;
		}
	);
	$('#but-scroll-to5').bind(
		'click',
		function()
		{
			api.scrollTo(parseInt($('#toX5').val()), parseInt($('#toY').val()));
			return false;
		}
	);
	$('#but-scroll-to6').bind(
		'click',
		function()
		{
			api.scrollTo(parseInt($('#toX6').val()), parseInt($('#toY').val()));
			return false;
		}
	);
	$('#but-scroll-to7').bind(
		'click',
		function()
		{
			api.scrollTo(parseInt($('#toX7').val()), parseInt($('#toY').val()));
			return false;
		}
	);

	
	
});