$(document).ready(function() {

	$('#slideshow').cycle({
		fx:				'scrollHorz',			// name of transition effect (or comma separated names, ex: fade,scrollUp,shuffle)
		timeout:		7000,					// milliseconds between slide transitions (0 to disable auto advance)
		speed:			500,					// speed of the transition (any valid fx speed value)
		easing:			'easeinout',
		next:			'.next',				// selector for element to use as click trigger for next slide
		prev:			'.prev',				// selector for element to use as click trigger for previous slide
		prevNextEvent:	'click.cycle',			// event which drives the manual transition to the previous or next slide
		pause:			1,						// true to enable "pause on hover"
	    cleartype:		1,						// enable cleartype corrections
		pager:			'.slider-nav-pager',	// selector for element to use as pager container
		slideExpr:		'div.panel',			// expression for selecting slides (if something other than all children is required)
        after:			cufonPagerRefresh,		// callback function
        pagerAnchorBuilder: pagerFactory
    });

    function pagerFactory(idx, slide) {
        var s = idx > 2 ? ' style="display:none"' : '';
        return '<a class="pager" href="#">'+(idx+1)+'</a>';
    };

	$('a.pager').click(function() {
		Cufon.refresh('.slider-nav a');
	});

	function cufonPagerRefresh() { 
	    Cufon.refresh('.slider-nav a'); 
	}

	Cufon.refresh('.slider-nav a');

	$('#cycle1').cycle({
		fx:				'fade',					// name of transition effect (or comma separated names, ex: fade,scrollUp,shuffle)
		timeout:		6000,					// milliseconds between slide transitions (0 to disable auto advance)
		speed:			500,					// speed of the transition (any valid fx speed value)
		next:			'#cycle1next',			// selector for element to use as click trigger for next slide
		prev:			'#cycle1prev',			// selector for element to use as click trigger for previous slide
		prevNextEvent:	'click.cycle',			// event which drives the manual transition to the previous or next slide
		sync:			1,						// true if in/out transitions should occur simultaneously
		random:			1,						// true for random, false for sequence (not applicable to shuffle fx)
		pause:			1,						// true to enable "pause on hover"
		delay:			-1600,					// additional delay (in ms) for first transition (hint: can be negative)
	    cleartype:		1						// enable cleartype corrections
	});

	$('#cycle2').cycle({
		fx:				'fade',					// name of transition effect (or comma separated names, ex: fade,scrollUp,shuffle)
		timeout:		6000,					// milliseconds between slide transitions (0 to disable auto advance)
		speed:			500,					// speed of the transition (any valid fx speed value)
		next:			'#cycle2next',			// selector for element to use as click trigger for next slide
		prev:			'#cycle2prev',			// selector for element to use as click trigger for previous slide
		prevNextEvent:	'click.cycle',			// event which drives the manual transition to the previous or next slide
		sync:			1,						// true if in/out transitions should occur simultaneously
		random:			1,						// true for random, false for sequence (not applicable to shuffle fx)
		pause:			1,						// true to enable "pause on hover"
		delay:			-800,					// additional delay (in ms) for first transition (hint: can be negative)
	    cleartype:		1						// enable cleartype corrections
	});

	$('#cycle3').cycle({
		fx:				'fade',					// name of transition effect (or comma separated names, ex: fade,scrollUp,shuffle)
		timeout:		6000,					// milliseconds between slide transitions (0 to disable auto advance)
		speed:			500,					// speed of the transition (any valid fx speed value)
		next:			'#cycle3next',			// selector for element to use as click trigger for next slide
		prev:			'#cycle3prev',			// selector for element to use as click trigger for previous slide
		prevNextEvent:	'click.cycle',			// event which drives the manual transition to the previous or next slide
		sync:			1,						// true if in/out transitions should occur simultaneously
		random:			1,						// true for random, false for sequence (not applicable to shuffle fx)
		pause:			1,						// true to enable "pause on hover"
	    cleartype:		1						// enable cleartype corrections
	});

});