/* Home - requires jquery & jquery cycle lite plugin */
$(document).ready(function() {

	$('#slides li img').after('<span class="mask"></span>');
	
	$('#slides').cycle({
		fx:    'fade',
		timeout: 8000,
		speedIn: 600,
		speedOut: 1000,
		pause:  1,
		pager:  '#pager',
		pagerAnchorBuilder: function(idx, slide) { 
			var txt = '<a href="#">' + slide.title + '</a>';
			slide.title = '';
			return txt;
		},
		onPagerEvent: function(idx,elmnt) {
			$('#slides').cycle('pause');
		}
	});
	
});