$.fn.cycle.transitions.scrollHorz = function($cont, $slides, opts) {
	$cont.css('overflow','hidden').width();
	opts.before.push(function(curr, next, opts, fwd) {
		$.fn.cycle.commonReset(curr,next,opts);
		opts.cssBefore.left = fwd ? (next.cycleW-1) : (1-next.cycleW);
		opts.animOut.left = fwd ? -curr.cycleW : curr.cycleW;
	});
	opts.cssFirst = { left: 0 };
	opts.cssBefore= { top: 0 };
	opts.animIn   = { left: 0 };
	opts.animOut  = { top: 0 };
};


$(function() {


		$('#slideshow').cycle({ 
			fx:     'scrollHorz', 
			speed:  300, 
			timeout: 5000,
			pager:  '#pager',
			pause: true,
			//pauseOnPagerHover: true,
			//callback fn that creates a thumbnail to use as pager anchor 
		    pagerAnchorBuilder: function(idx, slide) {
				var number = idx + 1;
				return '<li><a href="">' + number + '</a></li>'; 
			}
			
			
		});
});