$(document).ready(function() { 



	var $panels = $('#slider .panel');

	var $container = $('#slider .scrollContainer');

	var $scroll = $('#slider .scroll').css('overflow','hidden');



	$scroll

		.after('<div class="scrollButtons"><div class="prev"><img src="../images/interface/prev-pic.png" class="left" /></div><div class="next"><img src="../images/interface/next-pic.png" class="right" /></div></div>');

		

	var scrollOptions = {

		target: $scroll,

		items: $panels,

		prev: 'img.left',

		next: 'img.right',

		axis: 'xy',

		duration: 500,

		easing: 'swing'

	};

	

	$('#slider').serialScroll(scrollOptions);

})