var $scroll;

$(document).ready(function () {
	var horizontal = true;
	var $panels = $('#slider .panel');
	var $container = $('#slider .scrollContainer');
	$scroll = $('#slider .scroll').css('overflow', 'hidden');
	
	if (horizontal){
		$panels.css({'float' : 'left', 'position' : 'relative'});
		$container.css('width', $panels[0].offsetWidth * $panels.length);
	}
	
	var scrollOptions = {target:$scroll, items:$panels, navigation: '.navigation a', prev:'img.left', next:'img.right', axis:'xy', duration:500, easing:'swing'};
	
	$('#slider').serialScroll(scrollOptions);
	

	
});

	function sliderGoPrev(){
		$($scroll).trigger('prev');
	}
	
	function sliderGoNext(){
		$($scroll).trigger('next');
	}