// JavaScript Document

$(function() {
	
	$('<div id="feature-controls"><a href="#" class="prev">Anterior</a><ul class="nav"></ul><a class="next" href="#">Próximo</a></div>').insertAfter('#feature');
	
	$('#feature').cycle({
//		fx:     'scrollHorz', 
		speed: 100,
		timeout: 7000,
		cleartypeNoBg: true,
		random: true,
		prev:    '#feature-controls a.prev',
		next:    '#feature-controls a.next',
		pager:   '#feature-controls ul.nav',
		startingSlide: 3,
		pagerAnchorBuilder: pagerFactory
	});
	
	function pagerFactory(idx, slide) {
		return '<li><a href="#">'+(idx+1)+'</a></li>';
	};
	
});